メインコンテンツへスキップ
見出し画像

【Geminiだってアプリが作れるぞ】小4の壁を突破する「割り算マスター」をAIで即席で作ってみた!

    導入:Claudeだけじゃない! Geminiのアプリ作成力

    前回はClaudeを使って「地震の波シミュレーター」を作成しましたが、「アプリ開発=Claude」だけではありません。

    実は、私たちのチームの司令塔である Gemini も、指示ひとつでハイクオリティな学習アプリを一瞬で組み上げてくれます!

    今回は、小学校4年生がつまづきやすい割り算について、
    楽しく克服ができる「割り算マスター」アプリをGeminiで作ってみました!

    GeminiとClaudeの「作り方」の違い

    実際に作ってみて感じた、両者の面白い違いがこちらです。

    • Claude: 「ここをこうして」と相談しながら、段階的にパーツを組み上げていく“職人スタイル”

    • Gemini: 要望をまとめて伝えると、一発で全体が完成したコードを出してくる“スピード一発スタイル”

    「まずは手っ取り早く形にしたい!」という時は、Geminiのスピード感が圧倒的に頼もしいです。

    Geminiでの作り方

    今回は、有料版ではなく、無料版で作成してみます。

    作り方は簡単。以下のプロンプトを打ちます。

    画像
    プロンプトです。
    2桁の数で割り算を小学校4年生が楽しく学べるようなアプリを作成できますか?

    プロンプトちゃう! ただのお願いです🤣🤣

    そして、ここからが一番難しいです。

    画像
    思考モードにして、左側の+を押して、Canvasを選びます。

    そして、エンターを押して、Geminiに依頼してください。

    以上です!

    完成したアプリ「わりざん冒険キング」 ここがスゴい!

    画像
    これが一瞬でできるとは・・・!
    • ⚔️ モンスターバトル: 割り算の正解(商とあまり)を入力してモンスターを攻撃!

    • 💡 おたすけヒント: つまずいた時はブロックや筆算の考え方が視覚的に表示される!

    • 🎰 ガチャ&きせかえ: 獲得したコインでガチャを回して、主人公をカスタムしたりお供(ペット)をGET!

    • 🔊 音が出る!: 外部音声ファイルを使わず、ブラウザの音源合成でピコピコ楽しい効果音が鳴る!


    画像
    戦闘シーンです(笑)
    画像
    勝つと、コインがたまってガチャが回せます。

    体験版配布! もちろん、編集したり、自由に使ってください。

    【コードの出し方】
    ①ダウンロード後、ダブルクリックをすると、そのまま遊べます。
    (ブラウザで動くHTMLファイルとして出力されるため)
    ②ダウンロードした後、右クリック⇒プログラムから開く⇒メモ帳で、コードが出せます。

    まとめ:用途に合わせてAIを使い分けよう

    • じっくり相談しながらこだわりたい時 ➔ Claude

    • スピード重視で一気に完成形を作りたい時 ➔ Gemini

    どちらのAIも、教育現場の「こんなの欲しい!」を瞬時に形にしてくれる最強の味方です。ぜひ皆さんもGeminiで「アプリ」を作って遊んでみてください!


     
     
    理科の先生のなぎ太です。理科の面白さだけでなく、生成AIを駆使した授業DX、アプリ開発などを発信しています。「知ってると得する」実践ノウハウから、「ここまでできるの?」という検証・失敗談までお届けします。日々の発信を通じて、誰かの知的好奇心のスイッチを押せたら嬉しいです。

    あなたへのおすすめ