投資ツール– tag –

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

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

Claude Codeのplanモードで作成した仕様書をもとに、フェーズ1のバックエンド実装をそのまま任せてみました。最小限の指示で実装は進みましたが、一度はエラーで動かず。ログをそのまま渡して修正させた結果、とりあえず動く状態まで到達しました。その過程と気づきを記録します。

モノレポ構成をベースに、株式投資ツールの実装に進む前に、Claude Codeのplanモードを使って仕様設計をAIに任せてみました。ChatGPTでプロンプトを作成し、そのままClaudeに入力した結果、どこまで実用的な設計が出てくるのかを実験しています。

AIと一緒に整理した株式投資ルールを自動判定できるようにするために、Claude Codeでのバイブコーディングを前提としたモノレポ構成を設計しました。ディレクトリ構造や役割分担、ルールの管理方法まで、実際にAIと相談しながら決めた内容をまとめています。

AIと相談して作った投資ルールを、実際に運用するには手作業では限界がありました。そこで今回は、ルールをそのまま形にするために「バイブコーディング」を使い、AIにコーディングさせて投資を効率化する挑戦を始めます。AIに“考えさせる”から“作らせる”へ。バイブコーディングについて紹介します。