ITの知識ゼロでアプリを作ってみた！
今日はクリスマスに向けてGeminiでチャットアプリを作ってみました🎄
サンタさんと会話できるアプリをつくってみた🎅
【はじめに】
もうすぐクリスマス🎄サンタさんが子供たちにプレゼントを運んできます。
「ほしいものはサンタさんだけ教えるから秘密」と言われたら、ちょっぴり困りますよね・・・()
ってことで、サンタさんと会話できて、大人もこっそり欲しいものを探れるアプリを作ってみようと思います！
【使用するアプリ】
今回はGeminiを使用してみました。画像生成ではよく使っているけどアプリ制作は初めてです。
GeminiはClaudeと違い、プロンプト毎にアプリ作成ではなく、同じものが更新されていく仕様です。
※最初制作を進めていて、エラーがあったので最後に注意事項を載せてます🥺
1.「サンタさんと会話できるチャットアプリを作りたい。ひらがな表記でつくって」
まずはざっくりした要素だけ伝えました。
2.「親がこっそりほしいものを探れるようにしたい。秘密で知らせる機能つくって」
何が欲しいかこっそり教えてもらえるようにする。（重要）
3.「欲しいって入力しなくてもわかるようにしたい」
子どもが「ほしい」と入力しないとほしいものリストに入らないので、もっと簡単にわかるようにしてもらう。
4.「送信ボタンとこちらの会話のフォントを見やすくして。」「フォントカラーが見づらい。あと全体のデザインをクリスマスっぽくして。」
フォントが見やすくなるように。デザインもクリスマスっぽい配色にしてもらう。
5.「動物の名前のときもぬいぐるみの可能性があるのでほしいものに入れて」
「ぱんだ」や「いぬ」だとほしいものリストに入らなかったので、ほしいものである可能性を考えてもらう。
6.「おくる のボタンもフォントカラー見やすくして」「おくる ボタンは黒にして」
「おくる」のボタンが背景と同じ色で見づらいので見やすくしてもらう。「見やすくして」だと黄緑になって、また見づらいので色を指定して修正。
7.「サンタさんもかわいく描いてほしい」
サンタさんのイラストを入れてほしくて伝える。
（サンタさんが描くんじゃないよ！サンタさんを描いてほしいの🥺）
8.「ちがう、アプリのデザインにイラスト入れられない？」
日本語難しい・・・Claudeに比べて、Geminiははっきり指定しないと伝わらないかもです。
9.「ひみつのボタンの中に会話履歴を消すボタンをつくって」
テストして会話が消せなかったので、ひみつのボタンの中に消去ボタンを作ってもらう。
できたよーーーー🎅
完成したアプリ
（おおお！サンタさんだー！）
（ちゃんと会話になってる！しゅごい！！）
「サンタさんとのおはなし」というタイトルの文字を3回クリックすると・・・
「ひみつのぼたん」が登場！㊙️
会話の中からのほしいもの判定してこのリストに入ります🎁
(完成するまですこし苦労があったので感動・・・✨)
【APIキーについて】
実はGeminiで作り始めて一旦つまづきました。最初に作ったアプリはrandomResponseの4パターンしか答えてくれませんでした。
（サンタさんこわい・・・）
コードではウェブ上の情報を引用したりして、相手の言葉にちゃんと答えるように指示があるのですがAPIキーの取得をしていなかったためエラーになったようです。
↓APIキーの取得はここ
キー取得後もすでに作ったアプリでは反映されず、Geminiに修正依頼してもエラーが起きていたため、新規チャットで作り直しました。キー取得してからチャット開始した方がいいのかも？
【まとめ】
今回は初めてGeminiでチャット機能が入ったアプリを作りました。
エラーになったりしてちょっと諦めそうでしたが、エンジニアさんに聞いてみたりしてAPIキーの取得が必要なことを知りました。ITもトライ＆エラーの世界なんだなぁと🥺
無事に作ることができてよかったです🎅🩷
子どものほしいものをこっそり教えてもらえるアプリ作ってみた🎅🎁
— なるる軍曹(田上成美)🦖 (@naruchip1) December 17, 2025
「サンタさんとのおはなし」のを3回クリックすると「ひみつのぼたん」が登場！
会話から欲しいものを判定してリストを作ってくれるの🎁
今回はGeminiを使用しますた⭐️ pic.twitter.com/Vhd393kJm0