トップページの一番上、ヘッダーの直下に「銀行図鑑アプリ」を置いてあります。
5つのタブを横スワイプで切り替える、1画面完結のアプリです。
遊牧貯金（銀行ポイ活）で増えていく口座を、ポケモン図鑑のように「捕獲」して管理します。
📱 スマホのホーム画面に追加すると「銀行図鑑」というアプリ名で独立アプリ風に起動できます（PWA対応）。Safari共有 → 「ホーム画面に追加」、Chrome右上メニュー → 「アプリをインストール」。
5つのタブで全部完結する
横スワイプ or タブタップで切替。最後に開いてたタブは記憶されます。
🏦 図鑑タブ ── 全国477行の銀行図鑑
メガバンク・ネット銀行・NEOBANK・地銀・第二地銀・信金・労金まで、国内の銀行477行を全部収録。お気に入り登録（捕獲）した銀行はカラー、未登録はアイコンだけグレーで表示します。
カードをタップすると詳細モーダルが開いて、振込無料回数・ことら対応・AirWallet対応・自動振込・自動入金などのスペックと、yagi執筆の銀行図鑑記事へのリンクが出ます（記事がある銀行のみ）。
📅 カレンダータブ ── 振込予定を銀行ロゴで可視化
毎月の振込予定を登録すると、各日付に「fromロゴ ▸ toロゴ」がペアで並びます。色ドットだけだったv2と比べて「どこからどこへ動くか」が一目でわかるようになりました。
- 土日祝は自動的に翌営業日へズラして表示
- 自動入金は引落 → ○営業日後の着金を別日表示
- 遊牧貯金の拘束資金（種銭の最低必要額）を口座別にシミュレーション
- クレカ締め日（黄）／支払日（赤）も自動算出
- スマホ標準カレンダーへ自動同期（CalDAV購読URL方式・1度設定すれば以後自動更新）
💳 クレカタブ ── 締め日・支払日の自動計算
クレカ名・締め日・支払日・引落口座を登録すると、上のカレンダーに締め日（黄）と支払日（赤）の両方が自動で出ます。請求額は月ごとに後入力可、過去6ヶ月の履歴も保存。
🏆 ランキングタブ ── みんなが捕獲してる銀行 TOP20
このサイト全体で誰がどれだけ「捕獲」したかをFirestoreでリアルタイム集計。銀行名のお気に入り登録回数だけを集計しているので、個別の予定や金額は一切共有されません。
口座開設に迷ったら、ここで人気の銀行から開けばだいたい外しません。30秒ごとに自動更新です。
📰 ニュースタブ ── お気に入り銀行の最新ニュース
捕獲した銀行の最新ニュースをまとめ読み。「キャンペーン始まってないか」「金利変わってないか」を毎月チェックする手間が消えます。
🔐 パスワード金庫 ── ログイン情報を端末の中で暗号化
口座が10を超えると、地味に詰むのがログイン情報です。
IDとパスワードのセットが、口座の数だけ増える。
ブラウザの自動保存任せだと、iPhoneを機種変した瞬間に消えます。
かといって、メモアプリに平文で置くのは怖い。
なので、図鑑の中に金庫を埋め込みました。
各銀行の詳細画面に「パスワード金庫」があります（お気に入り登録した銀行で使えます）。
ログインID・パスワード・契約者番号・メモを、銀行ごとに保存できる。
ただのメモ帳ではありません。中身は端末の中で暗号化されています。
🔑 PINを知らないと、誰も開けられない
初回に4〜6桁のPINを決めます。
このPINから、AES-GCM 256bitの暗号鍵をその場で作ります（PBKDF2-SHA256・20万回ストレッチ）。
端末に残るのは、暗号化された文字列だけ。
PINそのものも、復号鍵も、どこにも保存しません。
だから、PINを知らない限り──
端末を拾われても、ブラウザの中を覗かれても、金庫は開きません。
解錠は30分で自動的に切れます。
席を立っても、放置しても、勝手にロックがかかる。覗き見対策まで込みです。
なぜ作ったか
遊牧貯金、やってますか。
あれ、続けてると口座が増えます。
- メガバンクで1個
- ネット銀行で1個
- ポイントを稼ぐためにNEOBANKで2個
- 給与受取のために地銀で1個
気づいたら10個を超えています。俺は今 19口座 運用中です。
口座が増えると毎月の振込が増える。1日：A銀行からB銀行へ1万円、5日：自動入金で C → D へ、10日：給与受取の枠を埋めるために PayPay銀行へキュウヨ1円、25日：家賃。
これを全部、頭で覚えて回そうとすると絶対どこかで事故ります。
普通のカレンダーアプリだとキツい理由
銀行の振込は普通のカレンダーアプリでは管理できません。理由は3つ。
① 土日祝に銀行が動かない
5月25日（土）に給与受取を設定しても、実際に着金するのは5月27日（月）。普通のカレンダーは「25日に設定したら25日に出る」だけ。これだと混乱します。
② 自動入金は「引落」と「着金」が別の日
住信SBIネット銀行の定額自動入金は、A銀行から引かれて B銀行に着金するまで1〜3営業日かかります。普通のカレンダーは「引落日に1イベント」しか作れません。
③ 振込のサイクルが視覚化できない
「楽天 → V NEOBANK → 第一生命 → 楽天」とぐるぐる回ってるお金。このサイクルの中で「最低いくら手元にあれば回せるか」を逆算するのは普通のカレンダーには無理です。
だから作りました
「土日祝で自動でズレる」「引落と着金を別日表示」「振込サイクルを視覚化」「拘束資金を逆算」「銀行ロゴで一目でわかる」── そんなツールが欲しかった。
でも世の中に見当たらなかった。なので、Claude Codeを使って自分で作りました。
データの保存場所
登録したお気に入りや振込予定は、お手元のブラウザにだけ保存されます（外部サーバーには送信なし）。ランキングに反映されるのは「銀行名のお気に入り登録回数」だけで、個別の予定・金額は共有されません。
| 環境 | 保存データの寿命 |
|---|---|
| iPhone（Safari） | このサイトを7日間訪問しないと自動で消えます（iOSの仕様） |
| Android（Chrome） | 基本ずっと残ります（キャッシュ削除や端末初期化で消える） |
| PC（Chrome / Edge / Firefox） | 基本ずっと残ります |
iPhoneユーザーは特に注意。1週間サイトを開かないだけで、せっかく組んだ振込予定が全部消えます。
カレンダータブの💾バックアップボタンでJSONをダウンロード、📂復元で読み込めば全部戻ります。月1回程度、JSONを保存しておいてください。クラウドに上げておけば別端末からも復元できます。
🆕 2026-05-16 大改修（v4：ゲームボーイ化＋パスワード金庫）
銀行アプリを、ゲームボーイにしました。
- デザイン全面刷新：グレーの筐体・緑のLCD画面・黒い十字キー。世界観をゲームボーイ実機に寄せた
- 格納式コントローラー：画面下の「🎮 コントローラー」バーをタップで展開。十字キーでスクロール、A/Bでタブ別アクション、◀タブ▶でタブ切替。使わないときは畳んで画面を広く使える
- カラー5色切替：コナミコマンド（↑↑↓↓←→←→BA）でグレー／レッド／ブルー／イエロー／パープルを循環。筐体もコントローラーも色が揃う隠し要素
- パスワード金庫：銀行ログイン情報をPIN＋AES-GCM暗号で保存（上の「🔐 パスワード金庫」参照）
🆕 2026-05-10 大改修（v3：図鑑アプリ化）
※ここから下は当時の改修記録です。デザインはこの後 v4（上記）でゲームボーイ風に刷新しています。当時は赤いポケモン図鑑風でした。
2026-05-10 に「銀行管理ツール」から「銀行図鑑アプリ」へ大幅リブランド。Pokédex風の世界観でアプリ全体を統一しました。
- 5タブのアプリ化：折りたたみ式から、横スワイプで切替えるタブUI に。図鑑/カレ/クレカ/ランキ/ニュース
- ポケモン図鑑風UI：赤い筐体・青レンズ・LCD緑画面・Dパッドで世界観統一
- 銀行ロゴ全画面適用：430銀行のiOSアプリアイコン or 公式ロゴを全部のカード/カレンダー/ランキング/詳細モーダルに表示
- 未捕獲＝シルエット：お気に入り登録すると色付き、未登録はロゴだけグレー（名前・スペックは見える）
- カレンダーが「from→to」可視化：色ドット → 銀行ロゴペア表示
- ランキングタブ独立：カレンダー内ボタンから昇格
- ホーム最上段に固定：記事スライダー無効化、ヘッダー直下にウィジェット配置
- PWA「銀行図鑑」：ホーム画面追加時の名前を「マイバンク」→「銀行図鑑」に
- 銀行図鑑記事へのリンク：詳細モーダルに「📖 図鑑」ボタン（記事がある31銀行のみ）
🆕 2026-05-04 大改修（v2）
毎日使っていて「これが足りない」と感じた部分を、1日で一気に16項目追加・変更。
- 拘束資金シミュレーション（遊牧貯金の中核指標）：12ヶ月先までシミュ → 最低必要種銭を逆算
- クレカ管理パネル：締め日・支払日・引落口座・請求額を登録 → カレンダーに自動表示
- 振込予定の種別追加：定期自動振込／手動メモ／自動入金（遊牧用／出口用）／クレカ／証券／その他出金
- 桁ボタン金額入力：1万・10万・100万 をワンタップ加算
- スマホカレンダーへ自動同期：CalDAV購読URL方式（1回設定で以後自動更新）
- 動的タブ順序：未登録 vs 登録済みで見え方を最適化
- データ管理改善：バックアップ／復元・iPhone警告・ランキング連動
