FinTech Dialy

FinTech Diary

ソーシャルレンディング/ロボアドバイザー等のフィンテックを実際に利用した感想などを書いていますφ(..)

【プログラミング】はてなブログでオンラインショッピングごっご【JavaScript】

オンラインショッピングごっごです。
サンプルコードを購入できます。
勿論ごっこなので請求は発生しません。

また、それっぽいクレジット売上票(実店舗のもの参考)のテキストファイルをダウンロードできます。

Fintech Diary Online Shop

この度はFintechDiaryOnlineShopにお越し頂き誠にありがとうございます。

等サイトでは、html/JavaScriptのサンプルコードを販売しております。

商品一覧

以下より商品をお選び下さい(画像クリックでも選択可)。

※価格は税別価格です


支払可能見込額算出サンプルコード(html)

[ダウンロード版]¥ 400



支払可能見込額算出サンプルコード(JavaScript)

[ダウンロード版]¥ 600



支払可能見込額算出サンプルコード(html/JavaScript)

[ダウンロード版]¥ 900

※html/JavaScript同時購入で10%割引



お支払い

※等サイトではクレジットカード決済のみご利用頂けます。


カード情報のご入力

以下のカード情報をご入力下さい。

カード名義人(半角ローマ字) | カード番号 (半角数字) | 有効期限

JCB/VISA/MASTERブランドをご利用頂けます。先頭3(JCB)/4(VISA)/5(MASTER)且つ16桁の番号以外は購入時にエラーとなります。

※カード情報の収集はしてませんが、念のため適当な番号を入力してね!



お支払い方法の選択

一括払い/リボ払いのみご利用頂けます。



商品ご購入

以下の内容でよろしければ、”購入”ボタンをクリックして下さい。

-----------------------------------------------------------------------------------------------------------

[選択中の商品] 商品未選択

[購入金額(税別)] ¥0

[ご利用カード] 未入力

[お支払い方法] 一括

[ダウンロードリンク]

※ダウンロードリンクはご購入後に表示されます

-----------------------------------------------------------------------------------------------------------



クレジット売上票


ご利用ありがとうございました

FintechDiaryOnlineShopをご利用頂きありがとうございました。

またのご利用をお待ちしております。



参考資料

ダウンロードリンクのコードは下記記事で実際に動かせます。

[参考]【プログラミング】支払可能見込額と総量規制利用可能枠を算出する【JavaScript】


以下、参考にさせて頂きましたm(_ _)m

[参考1]テキストエリアの内容をダウンロードできるようにする

[参考2]JavaScriptでファイルを作成してダウンロードする

[参考3]テキストエリアにメッセージを表示する

[参考4]テキストエリアの書体指定

[参考5]クレジットカードの仕様 - 一般社団法人日本クレジット協会

[参考6]a.download + data:text/plain or Blob でテキストを保存したら改行がLFになった

[参考7]markdownで連続するアンダースコアを記述する方法

[参考8]テキストの書き換え(パズルネット智慧)

[参考9]今日の日付と現在時刻(パズルネット智慧)

[参考10]javascriptで0パディングする

[参考11]Javascriptで入力チェック(半角英数字)

[参考12]【5分でマスター】JavaScriptのonChangeイベントの使い方まとめ

【セキュリテ】償還ファンド/運用中ファンド_2018年4月【投資記録】

セキュリテで償還を迎えたファンドと、現在運用中のファンドについてφ(..)

 

1.セキュリテとは

一言で言うと、株主優待が貰えるソーシャルレンディングみたいな感じです。

www.securite.jp

 

 

 

2.過去の購入ファンド

以前購入したファンドは下記記事にまとめてあります。

fintechdiary.hatenablog.com

 

 

 

3.償還ファンド

上記のファンドのうち、償還を迎えたファンドの実績です。

f:id:natsumedeus:20180430135717p:plain

出資金と分配金を単純に比較すると6,864円のマイナスですが、上記2つのファンドは1口につき約4000円相当の投資家特典を貰えたので、それらを考慮すると、

140,136 + (4,000×6) - 147,000 = 17,136円 相当のプラスと言えます。

 

 

①田代珈琲 サステイナブルコーヒーファンド

投資家得点の田代珈琲厳選珈琲豆に魅力を感じ出資しました。

セミナー無料招待の特典もあったのですが、場所的に参加できませんでした><;

www.securite.jp

 

 

②丸山珈琲とコスタリカ生産者ファンド

 豆も魅力だったのですが、3口から選べるフレンチプレス目当てで出資しました。

www.securite.jp

 

感想

どちらも無事プラス償還となり、出資者としてもうれしい限りです^^

特典にも大変満足しているので、次回があれば是非また出資したいファンドです(丸山珈琲には再投資済み)。

 

 

 

4.運用中ファンド

現在運用中のファンドです。

主に珈琲やスイーツ系のファンド中心です。

 

①クルミドコーヒーファンド

投資家特典より、新たな試みを応援したいという気持ちで出資しました。

www.securite.jp

 

 

②北海道焙煎 苫小牧コーヒーファンド1

 投資家得点のコーヒーミル目当てです。

www.securite.jp

 

 

さくらんぼとぶどう屋のパフェファンド1

 投資家特典でさくらんぼかぶどうが貰えます。 

www.securite.jp

 

 

阿賀野 八米 蜜源再生はちみつファンド

 ナッツ入りの蜂蜜が特においしかったです(^q^)

www.securite.jp

 

 

⑤至高のフレンチシェフの焼菓子ファンド

スイーツ系ファンド①

スイーツ系のファンドは人気があり、すぐ埋まってしまう場合も多いので注意です(^^;)

www.securite.jp

 

 

⑥くだもの王国岡山フレッシュタルトファンド

スイーツ系ファンド②

www.securite.jp

 

 

 ⑦岡山発 和のとろける焼きショコラファンド

 スイーツ系ファンド③

www.securite.jp

 

 

 ⑧北上 トロイカ チーズケーキファンド

スイーツ系ファンド④

www.securite.jp

 

 

⑨姫路発 まねきの「バウム」土産化ファンド

スイーツ系ファンド⑤

www.securite.jp

 

 

⑩郊楽苑 ショートチーズファンド

スイーツ系ファンド⑥

www.securite.jp

 

 

⑪室工大公認ジンギスカン鍋クッキーファンド

最初なんぞこれwって思いましたが、普通においしそう(^q^)

www.securite.jp

 

 

⑫丸山珈琲シングルオリジン珈琲ファンド2

丸山珈琲の直営店やオンラインショップで使えるプリペイドカードを、1口につき3000円分貰えます。

オンラインショップで使えるので、自分の好きなものが買えるというのがよいです^^

また、プラス償還の実績があり、信頼のおける事業者さんだと判断し再度出資することにしました。

www.securite.jp

 

 

5.セキュリテについて色々

償還を迎えて

今回2つのファンドが無事償還を迎え、少しは事業者さんのお役にたてたかな(・・?と思います。

今後もセキュリテを通じて、微力ながら支援していきたいと思います٩( 'ω' )و

 

ファンドを選ぶのが楽しい

セキュリテには全国から特徴あるファンドが集まっているので、ファンド一覧を見ているだけでも楽しくなります。

実際投資に至らなくても、「こんなのあるんだ!」みたいな発見があり、いつも楽しませて貰っています^^

 

  

投資家との交流

 セキュリテや各ファンドのイベントで、他の投資家の方々と交流する機会が得られるのもありがたいです。

下記は、クルミドコーヒーファンドのイベントでお会いした下山さんのブログです。

www.shimoshun.com

 

毎月の運用記録も公開されており、大変参考になりますm(_ _)m

www.shimoshun.com

 

カードで購入可能

VISA/MASTER/Dinersブランドが使用可能、AMEX/JCBはまだ(乂'ω')ダメー

額がそれなりに大きくなるので、カードが使えるのはありがたいです^^ 

最近メインカードをJCBに変えたので、個人的にはJCBも使えるようになると嬉しいです><

 

[参考]よくある質問|セキュリテ

[参考]【クレジットカード】メインカードの変更を検討してみる(ライフカード⇒JCB CARD W) - FinTech Diary

 

 不満な点

手数料が高い…これにつきます(--;)

 

ファンドにもよりますが、1口につき1割前後の手数料が掛かります。

あまり高すぎると敬遠してしまう投資家もいるのでは(・・?と思いますが…

あまり安くするとセキュリテの利益がなくなってしまいますので、この辺は難しいところかもしれません。

 

ソーシャルレンディングと非課税制度

イギリスには、日本のNISAの元になった、ISA(Individual Savings Account=個人貯蓄口座)という非課税制度があります。

そのISAの拡大版として、IFISA (Innovative Finance ISA)という制度ができ、ソーシャルレンディングも非課税の対象になりました。

日本のNISAも、今後非課税の対象が広がっていくことに期待したいですね。

 

[参考]イギリスでソーシャルレンディングがISAの対象に含まれた理由 | 社長 杉山智行のブログ |クラウドクレジット

[参考]日本でも(数年後に)ソーシャルレンディングがNISA対象に含まれる理由 | 社長 杉山智行のブログ |クラウドクレジット

[参考] 下記動画の11:00あたりからIFISAの話題。

www.youtube.com

[参考]The New Innovative Finance ISA (IFISA)

 

 

 

【Vtuber】私的萌えるVtuberまとめ

最近の生きる希望です。

 

四天王

dic.nicovideo.jp

 

キズナアイ

たのしい

www.youtube.com

 

ミライアカリ

かわいい

www.youtube.com

 

輝月ルナ

おもしろい

www.youtube.com

 

電脳少女シロ

癒し

www.youtube.com

 

 

にじさんじ

www.ichikara.co.jp

 

月ノ美兎

どはまりしました。

www.youtube.com

 

家長むぎ

かわいい。守ってあげたくなる圧倒的妹力。

www.youtube.com

 

個人Vtuber

応援したいですね。

 

名取さな

最近の一押しです。

Vtuber界に舞い降りた新米バーチャルナースさん。

なんともたどたどしい感じが、非常によいです。圧倒的な妹力があります。

www.youtube.com

 

時折「せんせえ♡」って呼んでくれるのがまたよいですね。

バーチャルサナトリウムに引き籠りたくなります。

 

 

薬袋カルテ

さなちゃんと違ってお姉さんな感じ。回を追うごとにクオリティが上がっていくのすごい。

www.youtube.com

 

のらきゃっと

もふりたい。

www.youtube.com

 

 

おまけ

 のじゃおじ「のじゃぁ……んっ…んじぁ…あっ…ぁ…あっんっ…」

www.nicovideo.jp

 

リスト

Twitterのリストです。

気になるVtuberを随時追加しています。

twitter.com

 

ランキング

厳しい世界><

virtual-youtuber.userlocal.jp

 

Vtuber関連銘柄

申し訳程度の金融要素。

kabutan.jp

 

 Vtuberファンド

個人でも投資できるクラウドファンドとかでないかな(・・?

www.gamebusiness.jp

 

 バーチャルキャスト

 申し訳程度のIT要素。

 ニコ動プレミアム会員としては、ニコ同には是非頑張ってほしい所ですね。

www.itmedia.co.jp

 

 おわり

また一つ生きる楽しみが増えました。

ゴールデンウイークが楽しみです(⌒∇⌒)

 

 

【クレジットカード】メインカードの変更を検討してみる(ライフカード⇒JCB CARD W)

メインで使用していたライフカードの改悪を機に、メインカードの変更を検討しましたφ(..)

 

改悪を機に変更を検討

 

「誕生月ポイント5倍」で有名なライフカード。

私も1年以上メインで利用し続け、限度額も増額して貰えたりと大変お世話になってきましたが、今回の改悪を機に利用を見直すことにしました。

誕生月のポイントが3倍に変更された他、様々な点が改悪されました…。

詳細は下記記事が大変参考になります。

matsunosuke.jp

 まつのすけさんのサイトにはクレカに関する記事も多いのですが、内容が非常に充実しており、いつも参考にさせて頂いていますm(_ _)m

 

 

現在使用しているカード

私が現在利用している2つのカードについて整理しました。

 

ライフカード(メイン)

利用シーン

・携帯やニコ動の利用料金支払い(リカーリング)

・普段使い(実店舗での利用やAmazon等のネットショッピング)

 

//用語メモφ(..)

カーリング…クレジットカードの継続課金取引のこと。

参考:リカーリング - Wikipedia

使い始めた理由

・誕生月ポイント還元率5倍(還元率2.5%)

 ライフカードといえばこれ。だったが、改悪で誕生月でも3倍(還元率1.5%)に…><;

・初年度ポイント1.5倍(還元率0.75%)

・年間利用額別の還元率アップ

⇒年間利用金額50万円以上で還元率+0.25%など、利用額に応じたステージ制。

ビットコインに交換できる

⇒今後もこのような新しいサービスの提供に期待したのだが…改悪orz

 

参考1:ライフカードがポイントをビットコインに交換可能に! - The Goal

参考2:「ライフカード」のメリット、人気の秘密とは?

 

//用語メモφ(..)

ポイント還元率… 利用額に対して付与されるポイントの割合。例えば、1000円利用で5円分のポイントがつく場合、還元率0.5%となる。

参考:ポイント還元率とは!?高還元率クレジットカード特集! | クレジットカード大学

 

ビューカード(サブ)

利用シーン

・通勤定期券/Suicaオートチャージ

 上記はポイント3倍で還元率1.5%になる。その他のシーンではライフカードを使用。

使い始めた理由

・通勤定期券/Suicaオートチャージでポイント3倍

・定期券Suica一体型なので、1枚で済む。

 コンビニでの支払はSuicaを使っている(クレカより決済が早いし楽)。

 

年間利用状況

まとめてみた。月平均で約7万8千円、年間で100万円以上カードで支払っていることがわかった。

改めて見ると結構使ってるもんですね(..)

支払年月 支払金額
ライフ View 合算
2017年 5月 3,680 55,485 59,165
  6月 54,927 50,467 105,394
  7月 8,108 50,679 58,787
  8月 6,234 50,672 56,906
  9月 17,797 35,870 53,667
  10月 30,844 35,845 66,689
  11月 46,520 5,000 51,520
  12月 112,978 5,000 117,978
2018年 1月 200,245 31,060 231,305
  2月 5,252 26,060 31,312
  3月 27,726 31,060 58,786
  4月 92,029 31,060 123,089
年間      合計 606,340 408,258 1,014,598
  平均 93,283 62,809 78,046

  

補足

 ・Viewカードの利用額が5万台から3万台に下がっているのは、携帯・ニコ動の支払いをライフカードに変更したため(スペシャルステージ狙い)。

Viewカードの利用額が途中5000円になっているのは、休職していたため。

 

 年間利用額はクレカ選びの重要な指標となるので、ちょっと面倒ですが、一度計算してみることをお勧めします(っ・ω・)っ

 

 

 次期メインカードの選定

ライフカードに代わるメインカードを検討します。

 

最終候補

年会費・還元率・自身の年間利用金額等を元に検討した結果、以下の3つが最終候補となった。

 

JCB CARD W

・Orico Card THE POINT

・P-one Wiz

 

年会費や還元率等の基本的な情報は価格.com等の情報サイトでも確認できますが、詳細な情報については、まつのすけさんの記事が私の知る限り最も充実しており、検討の際非常に参考になりました。

 

参考1:高還元率のおすすめクレジットカードまとめ!2018年最新版 - The Goal

参考2:クレジットカードの「真の専門家」がおすすめするクレカを大公開! - The Goal

参考3:JCB CARD Wはポイント2倍がお得!メリット・デメリットを徹底解説 - The Goal

参考4:Orico Card THE POINT(オリコカードザポイント)はネット通販で驚きの高還元!メリット・デメリット・使い方まとめ - The Goal

参考5:P-one Wizは年会費無料で還元率1.5%!メリット・デメリット・年会費の仕組まとめ - The Goal

 

比較検討

最終候補からさらに一つに絞り込む。

参考サイトを参考にしつつ、3つのカードについて自分の気になる観点を表にした。

項目 JCB CARD W Orico Card
THE POINT
P-one Wiz
申込可能年齢 18歳~39歳 18歳以上 18歳以上
年会費(税込) 無料 無料 無料
ポイント還元率 1.00% 1.00% 1.495%
特約店 Amazonで還元率2%
JCBオリジナルシリーズパートナー
特約店なし
ただし、入会から半年は還元率2%
レンタカー・パッケージツアー割引(3~8%)
ポイント有効期限 2年 1年 約1~2年
ポイント対象金額 月間合計利用額の1000円につき1ポイント
⇒100円単位切捨
月間合計利用額の100円につき1オリコポイント
⇒10円単位切捨
1取引の100円毎に1%割引
毎回10円単位切捨
   +
1%OFFされた利用金額の1000円につき1ポケットポイント
発行開始 2017年10月23日 2014年6月16日 2015年7月21日

 

こっから結構悩みました(- -;)

でも色々考えてるときが一番楽しいかも(・・?

 

参考1:JCB CARD Wとオリコカード ザポイントの違いを比較!どっちがお得か徹底解説 - The Goal

参考2:年会費無料のポイント高還元率カード 『Orico Card THE POINT』 登場!〜 Amazon.co.jp等のご利用で還元率2.0%以上を実現!! 〜たまったポイントはAmazonギフト券、T-POINT等へリアルタイムに交換可能!|株式会社オリエントコーポレーション

参考3: 「請求時1%OFF」+「ポイント」 様々な機能・特典を賢く(Wizard)組み合わせ(With) 業界トップクラスの高還元率カード P-one Wizデビュー!

参考4:JCB、「プラチナ」「ポイント優遇」「女性向けサービス」をコンセプトに3種類のカードを新たに募集開始 | JCB グローバルサイト

 

検討結果

検討の結果、JCB CARD Wに決めました。

まあタイトルでネタばれしちゃってますが…

 

JCB CARD Wに決めた理由

Amazonで還元率2%

 Amazonはよく使うので。ちなみにスタバは3%だが、たぶんほとんど行くことはない…

・改悪リスク

他の2つのカードと比べて、JCB CARD Wは新しく発行されたカード。

ライフカード然り、このところ高還元率カードの改悪が相次いでいる。

せっかく新しいカードを作ったのにすぐに改悪されるとか悲しすぎるので、一番最近発行されたもので、恐らく当面改悪されないであろうJCB CARD Wを選択した。

 

カード見直しのすすめ

カードの見直しは、自分の普段の支払を見直すよい機会になりました。

もしなんとなく最初に作ったカードを使い続けている方は、一度見直してみると、新たな発見などもあり面白いですよ^_^

 

 

 

おまけ

お得な小ネタなど。

 

ただでカードは作らない

カードを発行する際は、必ずハピタス経由で発行申請を行うようにしています。

今回のJCB CARD Wの発行で、3500円分のポイントが貰えました。

m.hapitas.jp

ただ、カードの発行状況は信用情報機関を通じてカード会社各社で共有されているので、ポイント目当てであまり短期間にカードを作りすぎると、「こいつ金に困ってるのか?」と判断され審査で落ちるようになりますので、その点はお気をつけて…

 

カード発行以外にも、銀行・証券・FX口座の開設等でもポイントを獲得することができるので、新しくサービスに登録する際には、必ずハピタスに広告がでていないか確認するようにしています。

 

ただでカードは使わない

住信SBIネット銀行には、前月の利用状況に応じて毎月ポイントが貯まるスマートプログラムというポイント制度があります。1ポイント1円で、500ポイントから、100ポイント単位で現金に交換できます。

 

簡単な条件だと、
・給与・年金の受取/定額自動入金サービスいずれかの利用で30ポイント
・毎月1件以上の口座振替ありで5ポイント
等があります。

 

給与の受け取り口座とクレカの引落口座を住信SBI銀行に設定しておけば、それだけで毎月自動的に35ポイント溜まっていきます。一年で35×12=450円分のポイントが貰える計算になります。

 

空前の超低金利時代にこの特典はありがたい限りです。
メガバンクの預金金利は年0.001%なので、預金金利で年450円貯めようとしたら、4500万円(税金を考慮するとそれ以上)必要になります…∩(´;ヮ;`)∩

 

www.netbk.co.jp

 

社会に出てからというもの、金利は下がり税金は上がり…
俗にいうゆとり世代ですが生活にゆとりはありませんので、利用できるサービスは極力活用していきたいところです。

 

 

クレカの付帯保険について

私は滅多に海外旅行に行かないのであまり気にしていませんが、よく海外旅行に行かれる方の場合は、付帯保険について知っておくとよいかもしれません。

自動付帯のカードと利用付帯のカードを両方持っている場合には、飛行機等の交通費は利用付帯のカードで支払を行うと、万一の際どちらの保険も適用されます。

詳細な条件はカードによって異なるので、旅行に行く前に要確認φ(..)

 

//用語メモφ(..)

自動付帯…カードを所持していれば自動で保険が適用される

利用付帯…旅費の支払いにそのカードを使用した場合のみ保険が適用される

 

参考1:自動付帯と利用付帯の違いをチェック|究極の海外旅行保険付きクレジットカード

参考2:海外旅行保険が「自動付帯」にもかかわらず、年会費無料のお得なクレジットカードはコレだ!「利用付帯」と「自動付帯」のカード活用法|クレジットカード活用術|ザイ・オンライン

 

 

 

おわり

マイナス金利増税等今後も厳しい環境が続きそうですが、探せばお得なサービスは色々ありますし、ソーシャルレンディングやロボアドなど、個人向けの投資サービスも充実しつつあります。

 

クレカやポイントサイト等でポイントを稼ぎつつ、ソーシャルレンディング等の投資で資産を増やしていき、一緒に真のゆとり世代を目指しましょう٩( 'ω' )و

 

 

 

 

【プログラミング】支払可能見込額と総量規制利用可能枠を算出する【JavaScript】

支払可能見込額と総量規制利用可能枠を算出するJavaScriptを作成しましたφ(..)

支払可能見込額と総量規制限度額

クレジットの割賦と融資を規制するために設けられた限度額。
今回は、年収等必要事項を回答すると限度額を算出するJavaScriptを作成した。

支払可能見込額とは

支払可能見込額…クレジットのショッピングを規制する法律(割賦販売法)で定められたショッピング(割賦)に対する限度額。包括クレジット(クレジットカード)の場合は、以下に0.9を掛けた値。

支払可能見込額=年収-生活維持費(※1)-年間請求予定額(※2)

※1.生活維持費

下記参照。 f:id:natsumedeus:20180326001502p:plain

※2.年間請求予定額

クレジット利用残高(割賦)。一括払いは対象外。各カード会社での利用残高の合計(割賦利用残高は信用情報機関を通して各社間で共有されている)。

[参考①]支払見込可能額の算出方法

[参考②]割賦販売法施行に伴うご利用可能枠の設定ルールについて



用語メモφ(..)

・個別クレジット: ショッピングクレジット、個品割賦とも。カードを使わない個別契約の分割販売のこと。カードを使用しないで分割で商品を購入する場合、都度信販会社と契約を結ぶため。例えば、家電量販店AAAでパソコンを、次に楽器店BBBBでピアノを、どちらも分割払いで購入した場合、2回契約する(各店舗でそれぞれ契約書を記入する)ことになる。

・包括クレジット: クレジットカードのこと。カード会社と契約を結ぶ(カードを作る=契約する)ことで、商品購入の都度契約を結ぶ必要がなくなる。契約するのはカード発行時の時のみで、店舗での商品購入時に都度契約を結ぶことはしないため、包括クレジットという。


総量規制限度額とは

総量規制限度額…クレジットのキャッシングを規制する法律(貸金業法)で定められたキャッシング対する限度額。なお、銀行のカードローンは総量規制の対象外。

総量規制利用可能枠=総量規制限度額(※1)-総量規制対象残高(※2)

※1.総量規制限度額

総量規制限度額=年収÷3

※2.総量規制対象残高

クレジットカードや消費者金融で利用しているキャッシングの残高。各社での利用残高の合計(融資利用残高は信用情報機関を通して各社間で共有されている)。なお、銀行のカードローンは総量規制の対象外。

[参考①]総量規制について(日本貸金業協会)

[参考②]借入限度額はいくらまで?総量規制との関係について




支払可能見込額の算出

支払可能見込額を算出するJavaScriptです。

①~④の項目に回答し、「支払可能見込額を表示」ボタンを押下して下さい。

支払可能見込額がホップアップで表示されます。

 

①年収(万円単位)

②年間請求予定額(万円単位)

③住宅費用有無(住宅ローン又は賃貸負担の有無)

有り 無し

④同一生計者数(本人・別居者含む)

 

 

総量規制利用可能枠の算出

総量規制利用可能枠を算出するJavaScriptです。

①~②の項目に回答し、「総量規制利用可能枠を表示」ボタンを押下して下さい。

総量規制利用可能枠がホップアップで表示されます。

 

①年収(万円単位)

②総量規制対象利用残高(万円単位)

 

 



コード

以下は共通の仕様。
・入力欄の最大桁数は10桁。
・入力欄に数値以外を入力した場合、エラーメッセージを表示。
・入力欄に小数点以下を入力した場合、小数点以下は切り捨て。
・入力欄が空欄だった場合、0とみなす。
・算出した値が0未満の場合、0に置換。

支払可能見込額の算出

・算出式
 支払可能見込額 = 年収-生活維持費-年間請求予定額

HTML部分

<p>①年収(万円単位)</p>
<p><form name = fr_income><input name="income" type="text" value="0" size = "10" maxlength = "10"/></form></p>

<p>②年間請求予定額(万円単位)</p>
<p><form name = fr_bill><input name="bill" type="text" value="0"  size = "10" maxlength = "10"/></form></p>

<p>③住宅費用有無(住宅ローン又は賃貸負担の有無)</p>
<p><form name = fr_house></p>
<p><input checked="checked" name="house" type="radio" value="exist" />有り <input name="house" type="radio" value="none" />無し</p>
<p></form></p>

<p>④同一生計者数(本人・別居者含む)</p>
<p><form name = fr_people>
<select name="people">
<option selected="selected" value="one">1人</option>
<option value="two">2人</option>
<option value="thr">3人</option>
<option value="fou">4人以上</option>
</select>
</form></p>

<p><form><input type="button" value="支払可能見込額を表示" onclick="show_kapu_available()" /></form></p>

JavaScript

<script type="text/javascript">// <![CDATA[
function show_kapu_available(){
        income_amount = document.fr_income.income.value;
        if(isNaN(income_amount )){
                alert("年収には数値を入力して下さい"); 
                return;
        }
        bill_amount = document.fr_bill.bill.value;
        if(isNaN(bill_amount )){
                alert("年間請求予定額には数値を入力して下さい"); 
                return;
        }
        people_count  = document.fr_people.people.value;
        if(document.fr_house.house[0].checked){
                switch(people_count) {
                    case 'one':
                        life_amount = 90;
                        break;
                    case 'two':
                        life_amount = 136;
                        break;
                    case 'thr':
                        life_amount = 169;
                        break;
                    case 'fou':
                        life_amount = 200;
                        break;
                }
        }
        else  {
                switch(people_count) {
                    case 'one':
                        life_amount = 116;
                        break;
                    case 'two':
                        life_amount = 177;
                        break;
                    case 'thr':
                        life_amount = 209;
                        break;
                    case 'fou':
                        life_amount = 240;
                        break;
                }
        }
        kapu_available = Math.floor(income_amount)  - Math.floor(bill_amount)  - life_amount;
        if (kapu_available < 0){
                kapu_available  = 0;
         }

        alert("支払可能見込額=" + kapu_available + "万円"); 
}
// ]]></script>

総量規制利用可能枠算出

・算出式
 総量規制利用可能枠 = 年収÷3-総量規制対象利用残高

HTML部分

<p>①年収(万円単位)</p>
<p><form name = fr_income2><input name="income2" type="text" value="0" size = "10" maxlength = "10"/></form></p>

<p>②総量規制対象利用残高(万円単位)</p>
<p><form name = fr_bill2><input name="bill2" type="text" value="0"  size = "10" maxlength = "10"/></form></p>

<p><form><input type="button" value="総量規制利用可能枠を表示" onclick="show_yusi_available()" /></form></p>

JavaScript

<script type="text/javascript">// <![CDATA[
function show_yusi_available(){
        income_amount = document.fr_income2.income2.value;
        if(isNaN(income_amount )){
                alert("年収には数値を入力して下さい"); 
                return;
        }
        bill_amount = document.fr_bill2.bill2.value;
        if(isNaN(bill_amount )){
                alert("総量規制対象利用残高には数値を入力して下さい"); 
                return;
        }
        yusi_gendo = income_amount/3;
        yusi_available =  Math.floor(yusi_gendo) -Math.floor(bill_amount);
        if (yusi_available < 0){
                yusi_available  = 0;
         }

        alert("総量規制利用可能枠=" + yusi_available + "万円"); 
}
// ]]></script>



JavaScriptの参考

主に以下参考にさせて頂いた。

[参考①]はてなブログでJavaScriptが使えることを知りました

[参考②]JavaScriptによるフォームの制御

[参考②]要注意!?JavaScriptの数値チェック6のテクニック




クレジットカードAPI

経済産業省が色々検討しているようで、注目している。
API公開されたらもうちょっと面白いことができる…かな?

www.meti.go.jp


おわり

JavaScriptは新人研修で少し触ったことがあったのですが、結局配属先は汎用機系のPJだったので使うことはなく…
約3年ぶりにやってみましたが、Webページで何か動くってのはやっぱり楽しいですね٩( 'ω' )و