銀行を管理するためのウィジェットを作りました｜遊牧貯金で増えた口座を、土日祝も自動入金もまとめて把握する

全国銀行図鑑のリスト表示。検索バー、カテゴリ絞り込み、メガバンク・ゆうちょ各行のカードが並ぶ

トップページの上部に、銀行の管理ツールを置きました。

この記事を開いている画面からは見えないので、上のスクショで雰囲気を掴んでください。実際に触るときはトップページを開いてみてください（スマホ・PC両対応）。

yagifire.comトップページのスクリーンショット。記事カルーセルの下に銀行管理ウィジェット（全国銀行を検索／振込カレンダー／お気に入り銀行ニュース）が3セクションで表示されている

なぜ作ったか

遊牧貯金、やってますか。

あれ、続けてると 口座が増えます。

メガバンクで1個
ネット銀行で1個
ポイントを稼ぐためにNEOBANKで2個
給与受取のために地銀で1個

気づいたら10個を超えています。

口座が増えるとどうなるか。

毎月の振込が増えます。

1日：◯◯銀行から△△銀行へ1万円
5日：自動入金で□□から×× へ
10日：給与受取の枠を埋めるためにPayPay銀行へキュウヨ1円
25日：家賃

これを全部、頭で覚えて回そうとすると 絶対どこかで事故ります。

普通のカレンダーアプリだとキツい理由

ここが今回いちばん書きたかった話です。

銀行の振込って、普通のカレンダーアプリでは管理できないんですよ。

理由は3つあります。

① 土日祝に銀行が動かない

毎月25日に振込予定を入れていたとします。
25日が日曜日だった場合、銀行は動きません。

実際に振込が走るのは 翌営業日（26日月曜） です。

普通のカレンダーは「25日に予定」とだけ表示します。
翌営業日にズレることを教えてくれません。

② 自動入金は引落の数営業日後に着弾する

ここがいちばんややこしい。

たとえば「PayPay銀行の定額自動入金」は、
引落日から3〜4営業日後 に着金します。

つまり、

6月10日（火）：他行の口座から引き落とし
        ↓ 4営業日後
6月16日（月）：PayPay銀行に着金

引落と着金が 別の日 に発生します。

普通のカレンダーで「10日自動入金」と書いても、
実際にお金が動く日とズレます。

③ 資金の用意が間に合わない

これが地味にストレスでした。

「あ、明日◯◯から引き落とし入る予定だ」
「でも残高足りてないかも」
「今日中に振り込んでおかないと」

これを毎月やるのは、しんどい。

だから作りました

「土日祝で自動でズレてくれる」
「引落と着金を別日で表示してくれる」
「振込のサイクルが視覚化できる」

そんなツールが欲しかった。

でも世の中に見当たらなかった。

なので、Claude Codeを使って 自分で作りました。

👉 とりあえず触ってみる（トップページ）

このウィジェットでできること

トップページの一番上に置いてあるやつです。

1. 全国の銀行を検索できる

メガバンク・ネット銀行・地銀・信用金庫まで、
国内の銀行477行 を収録しています。

ことら送金やAirWalletの対応／非対応はもちろん、
遊牧貯金で重要な「定期自動振込」「定期自動入金」の対応有無 も、
ボタン1個で絞り込めます。

さらに各銀行のカードには、
他行振込無料回数（最小〜最大） をバッジで表示しています。

知りたいこと	操作
ことら送金が使える地銀は？	「ことら対応のみ」をON
AirWallet対応の銀行は？	「🏧 AirWallet対応のみ」をON
自動振込が組める銀行は？	「🔄 自動振込対応のみ」をON
自動入金が使える銀行は？	「📥 自動入金対応のみ」をON
他行振込が月◯回無料の銀行は？	カードのバッジで一目で分かる

気になった銀行は ❤️ ボタンでお気に入り登録できます。

2. 振込予定をカレンダーで管理できる

ここが本題です。

振込カレンダー（2026年5月）と、その下のデータ管理エリア。バックアップ・復元・「yagiのカレンダーをコピー」ボタンが並ぶ

毎月の振込予定を登録すると、
カレンダー上で色付きで表示されます。

種別	色	用途
定期自動振込	🔵 青	毎月決まった日に自動で動く振込
手動振込メモ	🟠 オレンジ	自分で動かす分の備忘録
自動入金	🟣 紫＋ 🟢 緑	引落（紫）と着金（緑）を別日に表示

ポイント：

土日祝は 自動的に翌営業日へズラして 表示します
自動入金は 引落から◯営業日後 を指定すると、着金日を自動計算します
月末の合計（出金・入金）も自動で出ます

「来月の25日、給料日の前にいくら必要？」
これがカレンダー見れば一発で分かります。

3. お気に入り銀行のニュースを取ってくる

お気に入り登録した銀行の最新ニュースを、
ウィジェット内でまとめ読みできます。

「キャンペーン始まってないかな」
「金利変わってないかな」
を毎月チェックする手間が減ります。

4. データの持ち出し・持ち込みができる

登録したお気に入りや振込予定は、
お手元のブラウザにだけ保存 されます（外部サーバーには送られません）。

ただし、ブラウザによってデータの寿命が違います。

環境	保存データの寿命
iPhone（Safari）	このサイトを 7日間訪問しないと自動で消えます（iOSの仕様）
Android（Chrome）	基本ずっと残ります（キャッシュ削除や端末初期化で消える）
PC（Chrome / Edge / Firefox）	基本ずっと残ります

つまり iPhoneユーザーは特に注意 が必要です。
1週間サイトを開かないだけで、せっかく組んだ振込予定が全部消えます。

なので、

💾 バックアップ：ボタン1つでJSONファイルとしてダウンロード
📂 復元：そのJSONを読み込めば全部戻ります

このバックアップ機能は 全プラットフォーム共通 で使えます。

iPhoneの方は月1回程度、
Android／PCの方は機種変更やブラウザ移行のタイミングで、
JSONを保存しておいてください。

クラウドに上げておけば、別端末からも復元できます。

5. yagiのカレンダーをコピーできる

これは新しく入れた機能です。

「遊牧貯金、結局どの銀行からどの銀行に毎月いくら動かしてるの？」

これ、よく聞かれます。

文章で説明すると長すぎるんです。

なので 俺が実際に動かしている振込スケジュール、丸ごとコピーできるボタン をつけました。

ボタンを押すと「📋 yagiのカレンダー設定（◯件）をコピーします」という確認が出て、
読者のブラウザにそのままコピーされます。

合わない予定だけ消してください。
遊牧貯金のサンプルとして、そのまま使えるはずです。

6. スマホでも使える

今日いちばん時間かけたところです。

❤️ボタンを大きくして、親指でも押し損ねないように
フォントを大きくして、老眼でも読めるように
入力欄を太くして、誤タップしないように

タップ領域はApple推奨の 44px以上 に揃えました。

まだまだ改善点があります

正直に言います。

まだ完成形ではありません。

祝日データは2027年までしか入ってません
ニュース取得が遅いときがあります
カレンダー登録の操作がもう少し直感的にできるはず

ただ、自分で使ってみて
遊牧貯金の管理は明らかにラクになりました。

口座が増えても、もう頭で覚える必要はありません。
カレンダーが教えてくれます。

使ってもらえると嬉しいです

これを **たくさんの人に使ってもらって、フィードバックをもらいながら、
もっと良いものに育てていきたい** と考えています。

「ここが使いにくい」
「こういう機能が欲しい」

なんでも構いません。

👉 トップページで触ってみる

スマホでもPCでも動きます。
データはお手元のブラウザに保存されるので、
登録情報がどこかに送られたりはしません。

まとめ

項目	内容
何のツール？	銀行口座と毎月の振込予定をまとめて管理するウィジェット
解決したい課題	遊牧貯金で増えた口座と振込を、土日祝・自動入金のズレ込みで管理する
設置場所	yagifire.com トップページの上部（PC・スマホ共通）
動作環境	スマホ／PC両対応
データ保存先	お手元のブラウザ（クラウドには送られません）
バックアップ	JSONで持ち出し・持ち込み可能
サンプル	yagiのカレンダー設定をコピーして即試せます

口座管理に消耗するくらいなら、
ツールに任せた方が早いです。