ClaudeCodeで保有株の管理アプリ作成。
株式ポートフォリオ管理システム 〜自作ダッシュボード完全紹介〜
✨ はじめに
株式投資や投資信託の損益管理を自分専用のリアルタイムWEB画面で一元管理できるシステムをゼロから構築しました。市販のアプリにはない、自分だけの機能をふんだんに盛り込んだ「こだわりのポートフォリオ管理ダッシュボード」です。
📊 システム概要
項目 内容
動作環境 Windows PC（自宅サーバー）
アクセス方法 PC・スマートフォン（同一Wi-Fi・外出先も可）
データ取得 Yahoo Finance API（リアルタイム株価）
通知 LINE Messaging API
開発言語 Node.js / HTML / JavaScript
🚀 主な機能一覧
1. リアルタイム株価自動更新
30秒ごとに自動更新。画面を開いているだけで常に最新の株価が表示されます
Yahoo Finance APIを利用した15分ディレイのリアルタイムデータを無料で取得
「今すぐ更新」ボタンで手動更新も可能
2. 世界市場の指数を常時表示
日経平均・NYダウ・S&P500 の3指数をページ上部に常時表示
前日比・変化率をひと目で確認
3. 資産サマリー（4つのカード表示）
資産合計（株式＋投資信託）
評価損益合計
国内株式 評価額
投資信託 評価額
4. ビジュアルグラフ（2種類）
資産配分円グラフ：国内株式と投資信託の比率を視覚化
銘柄別評価損益棒グラフ：全保有銘柄の含み益・含み損を一覧比較
5. 国内株式テーブル（リアルタイム損益）
保有する全銘柄の詳細を一覧表示。
表示項目 内容
現在値 リアルタイム株価
前日比 / 前日比% 当日の値動き
時価評価額 現在値 × 保有株数
評価損益 含み益・含み損（円）
損益率 取得価格比の損益率（%）
口座種別バッジ NISA成長 / 特定 / 一般 を色分け表示
6. 投資信託テーブル
10本以上の投資信託を一元管理
基準価額（NAV）・口数・評価損益を表示
eMAXIS Slim S&P500・オルカン・楽天日本株4.3倍ブルなど複数ファンドに対応
7. AIアドバイス・注意点パネル
保有状況をもとにした売買アドバイスを自動表示。
🔴 要注意：利確・損切り検討推奨
🟡 注意：様子見・監視推奨
🟢 良好：継続推奨
8. 🔔 指値アラートシステム（自慢の機能！）
「この株価になったら教えて！」を自動で監視します。
損切りライン・利確目標を銘柄ごとに設定
3段階のアラート状態で視覚的に通知
状態 表示 条件
監視中 🟢 緑・静止 通常状態
注意 🟡 黄・点灯 指値の3%以内に接近
到達 🔴 赤・点滅アニメーション 指値に到達！
保有銘柄はプルダウンから選択するだけで自動設定
未保有銘柄も証券コード入力で登録可能・現在値を自動取得
9. 📱 LINE通知機能（自慢の機能！）
株価が指値に到達した瞬間、スマートフォンのLINEに自動通知！
LINE Messaging APIを活用した本格的なプッシュ通知
指値到達時に銘柄名・現在値・指値・差額をLINEに送信
指値の3%以内に近づいた時点でも事前警告通知を送信
離れていても・外出中でも即座に気づける
【株価アラート🔔】
指値になるとアラートを画面に表示
LINEにもお知らせが届く
10. 🖨️ PDF出力機能（自慢の機能！）
ワンクリックでA4サイズのPDFに出力できます。
「🖨️ PDF保存」ボタンひとつで即座にPDF生成
グラフ・テーブル・アドバイスがすべて1枚に集約
画面はダークテーマ、PDFは白背景に自動切り替え
グラフの文字・テーブルは太字で見やすく出力
横向きA4レイアウトで全情報を見やすく配置
11. 📱 スマートフォン対応
自宅Wi-Fi経由でスマホからアクセス可能
レスポンシブデザインでスマホ画面にも最適化
Cloudflare Tunnelを利用すれば外出先からも固定URLでアクセス可能（HTTPS対応）
12. 保有銘柄・アラートの編集機能
株を売買したときもブラウザから簡単に更新。
4つのタブで管理：
📈 国内株式タブ：銘柄追加・削除・取得単価の更新
📊 投資信託タブ：口数・基準価額の更新
🔔 指値アラートタブ：アラート設定・解除
📱 LINE通知設定タブ：トークン設定・テスト送信
💻 技術的なこだわり
技術 用途
Node.js バックエンドサーバー（ポート3000）
Yahoo Finance API リアルタイム株価取得（APIキー不要・無料）
LINE Messaging API スマホへのプッシュ通知
Chart.js 円グラフ・棒グラフの描画
Cloudflare Tunnel 外出先からのセキュアアクセス
JSON ポートフォリオデータの保存・管理
サーバー側で30秒キャッシュを実装し、APIへの過剰アクセスを防止
株価取得は全銘柄を並列処理で高速取得
Windowsバッチファイル（.bat）でワンクリック起動
📈 管理している保有商品
国内株式（14銘柄）
投資信託（10本）
🎯 まとめ
市販の証券アプリでは満足できなかった「自分だけの管理画面」を完全自作しました。リアルタイム株価・グラフ・LINE通知・PDF出力まで、個人投資家に必要な機能をすべて搭載。しかも無料で動作します。
今後は毎日15時の自動PDF生成＋LINEサマリー送信機能の実装も予定しています。
動作環境：Windows 11 / Node.js / 自宅PC常時起動
コメント