Claude Design ↔ Claude Code を行き来して作った資産ポートフォリオダッシュボード

「今の自分の財産、全体でいくらあって、どんなふうに分けられているんだろう？」

こんな疑問に答えてくれる「資産ポートフォリオダッシュボード」を作ったというお話です。

「ダッシュボード」って聞くと、車の運転席にある計器盤を思い浮かべるかもしれません。スピードメーターやガソリンメーターみたいに、色々な情報を一覧できる便利なものですよね。それと同じように、このダッシュボードは、自分の持っているお金や株、その他の財産を「全部でいくら？」とか「何にいくら投資している？」といったことを、パッと見てわかるようにしてくれるものなんです。

でも、このダッシュボードを作るのに、ちょっと面白い工夫がされています。それは、AIアシスタントの「Claude Design」と「Claude Code」という二つの役割を使い分けたこと。

「Claude Design」は、いわば「アイデア出し」や「設計図作り」の担当。どんなダッシュボードにしたいか、どんな機能があったら便利か、といったデザインのアイデアを考えてくれます。

一方、「Claude Code」は、そのアイデアを実際に「プログラム」として形にする、つまり「コードを書く」担当。私たちがパソコンで使えるように、AIが設計したものを、AIが実際に動くプログラムに変えていくわけです。

この二つのClaudeを「行ったり来たり」しながら、ダッシュボードが作られていきました。まるで、建築家が設計図を描き、それを元に職人が家を建てるようなプロセスを、AIが担ってくれたイメージです。

なぜこんな作り方をしたのでしょうか？ それは、AIの得意なことを最大限に活かすためと考えられます。デザインのアイデア出しは、AIが得意とするところ。そして、そのアイデアを具体的なコードに落とし込むのも、AIなら得意なはず。この二つの得意技を組み合わせることで、より効率的に、そしてよりイメージに近いダッシュボードが作れたのかもしれません。

このダッシュボードがあれば、日々の資産の増減を把握しやすくなるだけでなく、将来の貯蓄計画や投資戦略を立てる上でも、大きな助けになりそうです。自分の「お金の健康状態」を常にチェックできる、そんな便利なツールと言えるでしょう。