UI改善– tag –

AI株式投資ツールの候補銘柄管理をどう改善したいかを整理しました。次に欲しい画面と、今の管理で不便だった点をまとめています。

AIで作っている株式投資ツールに、売買前の候補銘柄を管理する画面を追加しました。買い候補・売り候補、予定価格、メモ、現在株価を確認できるようにし、投資判断前の迷いを整理しやすくした実装記録です。

AIで作った株式投資ツールで、銘柄を変更するとエラーが発生する問題が発生。データ取得、サーバー設定、フロント状態管理など複数の原因をAIと特定し、修正まで行ったプロセスを記録します。

AIと一緒に株式投資ツールの実装を進め、買いタイミングの表示までは実現しました。ただし、銘柄を変更しても表示が更新されない問題が発生。ロジックは正しいがデータの流れに不具合がある状態です。本記事では実装内容と問題点を整理します。

AIに株式投資ツールのフロントエンドのエラー修正を任せてみたところ、1回では解決せず、3回の修正ループを経てUIが正常に動作するまでに至りました。本記事では、どのような指示を出し、AIがどのように原因を特定し修正していったのか、そのプロセスを具体的に記録しています。

AIにフロントエンドのUI実装を任せてみた結果、AIがどのように実装を進め、どこで詰まったのかをリアルに記録します。結果として、画面は問題なく立ち上がりました。ただし、肝心の株価データは表示されず、ツールとしてはまだ未完成の状態になってしまいました。

株式投資ツールをAIに実装させています。今回は、フロントエンド基盤構築です。AIに「フェーズ2を実装してください」と一言だけ指示した結果、ReactとTypeScriptによるフロントエンド基盤が構築されました。バックエンド実装に続き、仕様書とCLAUDE.mdによる開発プロセスの固定がどこまで機能するのかを実体験ベースで解説します。