【無課金＆少工数】最近話題のAntigravityで赤ちゃん用子守唄アプリを作ってみた。

きっかけ

https://qiita.com/Kuroyanagi96/items/cb89339b3dda509c7ff5 などの記事を見て感化され、生後数か月の子供をあやすために音楽アプリでも作りたいなーと思っていました。しかしいざ0から作ろうとしても子育てでがっつり工数さいて作る暇がない・・・
そこで「AIエージェントを使ってできるだけ自分の手を動かさずに」をモットーにアプリを作成してみました。AIエージェントは最近リリースされて話題のAntigravityに手を出してみました。

Antigravityとは

Google産のAIエージェントIDEです。他のIDEよりもAIエージェント主導型なのが特徴。
詳細は https://qiita.com/yokko_mystery/items/bb5615ebcd385a597c41 などで紹介されているのでここでは詳細な説明を省きます。

タイトルに無課金と書いてますが、AIエージェントの裏で動くLLMモデルにはそれぞれ無料枠があります。これを超過する利用は有料となります。

エージェントへの指示～完成まで

最初の指示

赤ちゃん向けの音楽アプリを作成したいです。下記の要件で設計してください。
１．スマホのブラウザからアクセス可能で音を再生できる。 
２．スリープモード、リラックスモード、遊びモード、学習モードがありモードを切り替えるとそれぞれ適した音楽が流れる。学習モードでは英語の音楽が流れる。 
３．UIフレームワークはReactを利用。
４．音源はYOUTUBEを利用。(react-youtubeを用いて動画埋め込みで再生)

完成まで

初期のUIと機能が完成。ブラウザ(Chrome)で動作確認までエージェントがやってくれるのですでにツールとしては動く状態。
ここから細かいUIの調整、フロントエンドとバックエンドの分離、音楽リストのDB管理をエージェントに指示し実装してもらいました。

作成日数・・・3日(私自身の工数は3H~4Hほど)
作成費用・・・0円、手戻りがほぼ0だったので無料枠内で開発が完了

そして私自身のコーディングは ほぼ0 です。

完成したアプリ

そんなこんなで以下のようなアプリが完成！

UI

仕様

• 赤ちゃんの気分によって音楽を手動で切り替えられる。
• 音源はYOUTUBE
• モードはスリープ、リラックス、お楽しみ、えいご
• それぞれのモードにいくつか曲をリスト化しておき、ランダム再生や選択再生が可能
• リストを編集ボタンから曲のリストを追加・削除(追加時はYOUTUBEのリンクを指定)

技術スタック

React、Node.js、Express等を利用。詳しくはGitHub( https://github.com/Yuyta/baby-music-app )で本アプリを公開しておりますので興味がある方は覗いてみてください。
※README.mdもほとんどAIに書いてもらってます。

Antigravityを触ってみた感想

• 全部エージェントがやってくれて楽！ - 私自身そんなにAIエージェントを触っているわけではありませんが、これまで触ってきたAIコーディングツールと比較して人間の介入が少なく楽に単手番で開発できました。やったことはAIエージェントの会話、これがAntigravityの醍醐味だと思います。
• イニシャルの完成度が高い！ - AIエージェントに指示を出してから最初に提示してくるアプリの見た目(UI)やツールとしての整合性が圧倒的に高い気がします。無料でここまでできるのか、と感激。従来ツールへの私の指示が悪かっただけなのかもしれませんが・・・

Next Task（やるとは言ってない）

• 泣き声に応じた自動モード切り替え - https://qiita.com/Kuroyanagi96/items/cb89339b3dda509c7ff5 で紹介されているツールの発想の転換で、子供の声をサンプリング、周波数スペクトル解析し、機械学習分類→分類結果に応じてモード選択、音楽再生の手順でできないかなーと思ってます。また合間を見て。。。

最後に

拙い記事にもかかわらずここまで読んで頂きありがとうございます。
また今後も突発で、興味をもった技術スタックや「やってみた」を発信していこうと思います。