株主優待が多く貯まってくると、
- どの優待がどれぐらい残ってたっけ？
- 期限はいつまで？今月期限のものはどれだったっけ？
- 結局いくらぐらい優待で得したんだっけ？
というのが毎回わからなくなってくるので、整理・管理するウェブアプリを作りました。
どんなアプリ？
ウェブアプリリンク先:
https://kan-taro.github.io/yutai_4s/
説明GitHub:
https://github.com/kan-taro/yutai_4s
手持ちの銘柄と、優待券の値段、期限を登録していくと、
- どの銘柄をどれぐらい持っているか、円グラフで可視化。マウスオーバーで銘柄とその優待残高がわかります。
- 現在の優待残高と、登録してから貯まった累積の株主優待金額が可視化できます。
- 今月期日の優待券は赤字で表示するようになります。
- 使った分は登録することで、使用済みかどうかもチェックできます。
- ローカルのブラウザデータに保存されます。サイトデータを消すと消えます。
その際はエクスポートしておけばデータ保存でき、消した後でインポートして復元できます。
これを作ってから、優待がどれぐらい貯まったか可視化できてモチベーションが上がり、
また優待の期限切れをなくすことができました。
何ができる？
| 機能 | 内容 |
|---|---|
| 銘柄管理 | 証券コード・銘柄名・株数を登録／編集／削除 |
| 優待券追加 | 金額と有効期限を入力して、優待券を追跡 |
| 残高表示 | 円グラフで銘柄ごとの残高比率を一目で確認 |
| CSV 連携 | データを CSV 形式でインポート／エクスポート（バックアップや共有に便利） |
技術スタック
- HTML / Vanilla JS
- IndexedDB （ローカル永続化）
- Chart.js（グラフ表示）
- Tailwind CSS（シンプルなデザイン）
使い方
- サイトを開く。
- 「銘柄管理」で株式情報を入力。
- 「優待券追加」で金額・有効期限を登録。
- 円グラフや残高表が自動更新される。
- 必要に応じて CSV でデータのインポート／エクスポート。
まとめ
「株主優待帳」はブラウザだけで完結し、サーバー不要・プライバシー安心な株主優待管理ツールです。
コメント