今回は、AI「Claude」と一緒にバイオリズム計算機を作ってみました。単なる計算だけでなく、波形のグラフで視覚的に分かりやすく表示できるツールに仕上がりましたので、その過程を紹介したいと思います。
バイオリズムとは?
バイオリズムは、人間の身体的・感情的・知性的な状態が一定の周期で変動するという考え方です:
- 身体的リズム:23日周期
- 感情的リズム:28日周期
- 知性的リズム:33日周期
これらの周期は生年月日を基準に計算され、各要素が-100%から100%の間で変動するとされています。
Claudeとの開発プロセス
1. 最初の実装
まず、シンプルな計算機能の実装からスタートしました。Claudeに「バイオリズムの出し方を教えてください」と依頼したところ、すぐにPythonによる計算用の関数を提案してくれました。
2. ブログ用にカスタマイズ
次に「ブログに実装できる形式にしてください」とお願いしたところ、HTMLとJavaScriptを使用した実装を提案。ブラウザで動作する形式に変換してくれました。
3. グラフ表示の追加
さらに「それぞれのリズムを流れが分かるグラフで表すことは可能ですか?」と質問すると、Chart.jsを使用した波形グラフの実装を提案。視覚的に分かりやすい形に進化しました。
4. 細かな改善
最後に「本日の日付が太文字になるようにしてください」とリクエストし、現在の日付が分かりやすく強調表示される機能も追加されました。
しかしながら、太文字ではなく日付を囲むものでした。
できあがったもの
バイオリズムグラフ
身体的リズム(23日周期)
感情的リズム(28日周期)
知性的リズム(33日周期)
特徴:
- 生年月日を入力するだけで簡単に計算
- 3つのリズムをグラフで視覚的に表示
- 1ヶ月分の変動を一目で確認可能
- スマートフォンでも見やすいレスポンシブデザイン
Claudeとの開発を振り返って
Claudeとの開発プロセスは非常にスムーズでした。技術的な要件を伝えると、適切なコードと詳細な説明を提供してくれ、さらに改善点の提案までしてくれました。特に印象的だったのは:
- 要望を正確に理解し、適切な実装を提案してくれること
- コードだけでなく、実装方法の説明も丁寧であること
- デザインや使いやすさにも配慮していること
まとめ
今回のプロジェクトを通じて、AIとの共同開発の可能性を実感しました。特別なプログラミングスキルがなくても、やりたいことを明確に伝えることで、実用的なツールを作ることができました。楽しい。
コメント