📈

AI投資エージェントに「資産推移グラフ」を実装！リアルタイム株価でデモトレード

に公開
AI
Python
React
個人開発
投資
tech

AI投資エージェントに「資産推移グラフ」を実装！リアルタイム株価でデモトレード

個人開発している「AI自動投資エージェント」のダッシュボードに、待望の資産推移グラフを実装しました！
これまではログのテキストが流れるだけでしたが、視覚的に「今、勝っているのか？」が分かるようになり、開発のモチベーションも爆上がりです。

実装した機能

1. 資産推移チャート (Profit Chart)

React + Plotly.js を使用して、各エージェント（日本株担当、米国株担当、仮想通貨担当）の資産推移を折れ線グラフで表示するようにしました。

2. サイバーパンク風 UI

AIのエージェントということで、近未来的な雰囲気を出すためにネオンカラーを採用。

  • 背景: ダークなグラデーション
  • ライン: 発光感のあるCyan, Magenta, Gold
  • グリッド: 薄い透過ライン

3. リアルタイム・デモトレード機能

グラフが動かないと寂しいので、米国株エージェント(US Agent) にリアルタイム連動機能を搭載しました。

  • NVIDIA (NVDA) のリアルタイム株価を取得
  • 1秒ごとの価格変動を監視し、仮想的に売買したと仮定して収益を計算
  • グラフがリアルタイムに上下する様子を楽しめるようにしました

技術スタック

  • Frontend: React, Plotly.js
  • Backend: Python (Flask), yfinance
  • Infrastructure: Docker

今後の展望

次は、このグラフを見ながらAIが「調子が悪いからロジックを切り替えよう」と自律的に判断するメタ認知機能を実装したいと考えています。

#個人開発 #Python #React #AI #投資 #株 #プログラミング

Discussion