今回は、ClaudeCodeで作ってもらった簡単なカウンターをClaudeCodeを使ってカスタマイズしてみようと思います。
前回、ClaudeCodeに作ってもらった簡単なカウンターがこちら。
うーん、非常にシンプル。
見ればわかるので「カウンター」というタイトルはなくても良いですね。。。
というわけで、とりあえずタイトルを消してもらいましょう。
「カウンター」というタイトルを削除してください
タイトルというワードをちゃんと理解して削除してくれました。
次に、カウンターを保存、読込する機能を追加してみようと思います。
カウント値を名前をつけて保存できるようにしてください。
保存したカウント値はリスト表示し、選択して読み込めるようにしてください。
少し複雑な指示ですが、どうなるでしょう。。。
名前の入力欄と保存ボタンが追加されています。
試しに入力して保存してみる。
指示通りに、リスト表示されています。
試しに「テスト」をクリックしてみると
ちゃんと保存した値が読み込まれますね。
ClaudeCodeさん、恐るべし。
Vueまだまだ初心者な私が自力でやったらデータの持ち方から考えないといけないので、あっという間にやってのけてしまうClaudeCodeはやはりすごい。。。
ちなみに、抽象的な指示をだすとどうなるんだろう？
スタイリッシュなカウンターに変更してください。
ブラックベースのスタイリッシュカウンターに早変わり！
抽象的な表現でもちゃんと意図をくみ取ってくれるみたいですね。
これは作業が捗ります。
でも、あくまでも自動生成してもらったプログラム。。。
最終的にはプログラムを見て理解してちゃんと意図通りのものになっているかを確認することが大切です。