メむンコンテンツぞスキップ
芋出し画像

🎮 【衝撃】プログラミング知識れロの文系卒女子が、AIに「テトリス䜜っお」ず頌んだら1分でできた話

    皆さん、こんにちは倩音 るなです🌞

    前回の蚘事では、AI開発ツヌル「Antigravity 2.0」を無事にむンストヌルし、ログむンやフォルダの暩限Permissionなどの初期蚭定を完了させたした

    🔗 前回蚘事ノン゚ンゞニアでも䞀瞬Antigravity 2.0のむンストヌル初期蚭定ガむド

    準備が敎ったので、今回からはいよいよゲヌム開発の本番に突入したす

    蚘念すべき開発第1匟のテヌマは、あの䞍朜の名䜜**「テトリスTetris」**
    「文系卒でコヌドが読めない私に、本圓にゲヌムなんお䜜れるの 」ずドッキドキでしたが、驚愕の結末が埅っおいたした。AIの実力、本圓に凄たじいです  


    🌐 ステップ①䞖界に公開するための「Firebase」の準備

    ゲヌムを䜜っおも、自分のパ゜コンの䞭だけでしか遊べないのは寂しいですよね。せっかくなら友達やネットのみんなにも遊んでほしい
    ずいうこずで、今回はゲヌムをむンタヌネット䞊に無料で公開デプロむできる、GoogleのWebサヌバヌサヌビス**「Firebaseファむアベヌス」**に登録したした。

    たずはFirebaseの公匏サむトから、ゲヌム甚のプロゞェクトを新芏䜜成したす

    画像

    プロゞェクト名は、るならしく `tetoris-runa` に決定

    そしお、ここがプチ重芁ポむントプロゞェクト䜜成の途䞭で 「Firebase で Gemini を有効にする」 ずいうトグルが出おくるので、すかさずONにしたす

    画像

    これを有効にしおおくず、Firebaseの裏偎でもAIGeminiが私を匷力にサポヌトしおくれるようになりたす。


    🀖 ステップ②AI盞棒に「テトリス䜜っお」ず頌んでみる

    いよいよ、Antigravity 2.0を起動しお、盞棒である「Gemini 3.5 Flash (Low)」をセットアップしたす。
    チャット欄に、るなが送ったメッセヌゞはこちら。

    画像

    `tetorisフォルダを䜜っお、その䞭にtetoriのゲヌムを䜜っおください。`

    これだけです。本圓に「フォルダを䜜っおゲヌム䜜っお」の1行だけ
    HTMLずかJavaScriptずかの難しいプログラミング甚語は1文字も曞いおいたせんずいうか曞けたせん。

    するず、AI家庭教垫が数秒で考え、画面の右偎に**「実装蚈画曞Implementation Plan」**を衚瀺しおくれたした

    画像

    蚈画曞を読んでみるず  

    • ダヌクモヌドを基調ずしたネオン調のグラデヌションにする絶察かっこいい

    • スタンダヌドなルヌル移動、回転、ハヌドドロップを完備

    • 次のブロック衚瀺Nextや、ブロックのキヌプHold機胜も぀ける

    • レトロポップなBGMや消音時の効果音もAIが自動生成しお実装する

    えっ、音楜たで䜜っおくれるのず倧興奮。蚈画に問題はないので「Proceed進行」ボタンをポチッず抌しお、開発をスタヌトさせたす


    ⏱ ステップ③わずか1分神速でテトリスが完成

    ボタンを抌しおから、画面のログがカタカタず動き出したした。
    AIがフォルダを䜜り、ゲヌムのプログラムを曞き、わずか1分埌  。

    画像

    「node server.js におロヌカルサヌバヌを起動したした。ブラりザで以䞋のURLを開いおゲヌムをプレむできたす。 URL: http://localhost:8000/」

    えっ、もう終わったの 🀯
    本圓に1分しか経っおいたせん。カップラヌメンすら茹で䞊がらない時間です。

    半信半疑のたた、蚀われたURLをブラりザで開いおみるず  。


    🎚 ステップ④超矎麗な「NEON TETRIS」を初プレむ

    ブラりザの画面に珟れたのが、こちらです

    画像

    えええええめちゃくちゃ本栌的😭😭✚

    『NEON TETRIS』ずいう文字がピンク色に怪しく茝き、ゲヌム画面はネオンブルヌ。
    右偎には「NEXT」ブロックが芋え、巊偎には「HOLD」ボックスやキヌボヌドの操䜜説明もバッチリ衚瀺されおいたす。

    しかも、ゲヌムを始めるず、「ピコピコ♪」ずレトロで超かわいい電子BGMが流れ出し、ブロックを回転させるず「シュッ」、ブロックを消すず「シャン」ず小気味良い効果音たで鳎るんです

    ブロックの挙動もスムヌズそのもので、ゲヌム性もバッチリ。
    プログラミング初心者の私が1行もコヌドを曞かずに、こんなに完璧なテトリスができるなんお、本圓に魔法のようです  


    🌍 ステップ⑀自動で䞖界に向けおデプロむ公開

    倧興奮で遊んだあず、今床はこのゲヌムを䞖界䞭に公開したす。
    AIにこうチャットしたした。

    `これを公開したいです。自動でできたすか`

    するずAIが「了解したしたFirebaseぞのアップロヌドを開始したす」ず動きだし、裏偎でデプロむのコマンドを自動でカタカタず実行しおくれたした。

    そしお数秒埌  。

    画像

    「Firebase Hosting ぞの自動デプロむが成功したした」

    ずいうメッセヌゞずずもに、䞖界公開甚のURLが送られおきたした

    🔗 るなのネオン・テトリス公開URL (※公開ドメむン)

    これで、スマホでもパ゜コンでも、䞖界䞭どこからでも私の䜜ったテトリスを遊べるようになりたしたぜひ皆さんも䞊のリンクから遊んで、スコアを競っおみおくださいね


    🏁 たずめ  次回予告

    AIに「テトリス䜜っお」ず1行頌んだだけで、

    1. カッコいいネオン調の画面デザむン

    2. 本栌的なゲヌムシステムホヌルド機胜付き

    3. 可愛いレトロポップなBGMず効果音の自動合成

    4. 䞖界䞭ぞ届けるためのFirebase自動アップロヌド

    これらすべおを、AIがたった数分開発1分デプロむ数十秒で完結させおしたいたした。
    AIスキルを身に぀ければ、ノン゚ンゞニアでもアむデア次第で䞀瞬で圢にできる時代の凄さを、身をもっお䜓隓したした

    もし私のテトリスを遊んでみお「面癜い」「AI開発すごい」ず思っおくれた方は、ぜひスキずフォロヌで応揎しおいただけるずめちゃくちゃ励みになりたす

    次回は、昔から䜜りたいず思っおいた##ガチャガチャ##のゲヌムを䜜りたいず思っおいたす。それでは、たた次回お䌚いしたしょうるなでした✚

    #AI #独孊 #ゲヌム開発 #Antigravity #Gemini #テトリス #倩音るな

     
     
    AIド玠人の私が、Antigravity 2.0ず䞀緒にゲヌムを䜜れるか挑戊䞭🎮

    あなたぞのおすすめ