【ReplitAgent】30分で育児管理日記を作ってみた

はじめに

今巷で話題のReplit Agent（※1）の有料会員になってみました。
　 もしReplit Agentについてご存知ない方は、以下Replit Agentの内容をChatGPTに3行でまとめてもらいましたので、ご参照ください。
※1:Replit Agentとは？

今回のテーマ:育児管理日記

私は子供がいるのですが、案外日々の写真や何があったかは記録に残し忘れてしまい、去年のこの日って何してた？とか言いがちです。
そこで、Replit Agentを使って、育児管理日記を作ってみます。

まずは要件をまとめてみます。

・子供の写真と、子供は写真に紐付くコメントを記載する日記画面
　・日記の検索
・子供の体重と身長を測定したときに見れるグラフ
・スマホに最適化された画面

こんなところがあるといいなと思って作ってみました。

最初のプロンプト

最初はあまりガチャガチャと書かない方が良いという方もいるので、
「子供の成長記録をつけたいです。一枚写真を毎日添付しながら、テキストを書いた日記にしてください。」 と書きました。

すると、想定で追加実装候補が出てきます。
よく言われるのは、最初はあまり盛り込まない方がいいとのことですが、今回は欲しい機能があったので以下のように盛り込んでやってみました。

図1:想定の実装候補と実装機能を選択

最終結果

「日付の検索機能を盛り込んでほしい」、「ラベルがないので、ラベルを記載して」などなど欲しい機能をプロンプトで依頼して、できた実装が以下です。

成長記録の新規作成画面

まずは、成長記録の新規作成画面です。

図2:成長記録の新規作成画面

上記のように、必要と思っていた、画像のアップロードや日記機能と、それらに紐付く日付などの要件を見事満たしてくれました。

記録の一覧画面

続いて成長記録の一覧画面です。

図3:成長記録の一覧画面

こちらもキーワード検索や、日付（From、To）での検索、そして、実際の登録した内容を見事に表示してくれました。
ちなみに、Replit Agentは、一度登録したデータは次のプロンプトを実行して、修正がなされても保持してくれるので、テストデータを毎回いちいち入れる必要がないのもポイントが高いですね。当然、プロンプトでテストデータを入れてもらうこともできます。

身長体重の記録画面

最後に身長や体重の記録画面です。

図4:身長体重の記録画面

入力した値を元に、グラフを作り、一覧でも見れるような仕様ですね。一覧で、削除や変更も可能で、動的にグラフは修正が加えられるような作りにしてくれました。

おわりに

結構、普通に世の中にあるアプリケーションを、たった30分でコーディングしてくれました。
また、内容を読み取ってデザインも子供らしい色味のデザインにしたり、ちょっとしたメッセージ「今日の思い出を記録しよう！」の中にも、結構気遣いを感じました。
今後は子供が自由研究等で、プロンプトでWebサイト作るような未来も期待できるかもしれませんね。