Claudeと一緒に作るバイオリズム計算機

今回は、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との共同開発の可能性を実感しました。特別なプログラミングスキルがなくても、やりたいことを明確に伝えることで、実用的なツールを作ることができました。楽しい。

コメント

タイトルとURLをコピーしました