【AI開発】Google Antigravityを活用しながら推し活支援Webサービスをまったり開発する🖥️【ぬぬ式推しログ/Vibe Coding】

配信2026年3月4日長さ 4:03:29

再生 714高評価 37

要約

Google の AI 開発環境「Antigravity」を使い、推し活支援 Web サービス(推しログ)を AI と対話しながら作っていく配信。途中から原神などのゲーム配信に移り、後半は過去の仕事の話や雑談が中心。

  • 0:00配信開始。マイク音量と音声の調整
  • 4:56用語解説:Antigravity(Google の AI 開発 IDE。Gemini 中心で他社モデルも選べる。エージェントに依頼すると計画を立て、コマンド実行やテストも自動でやってくれる)
  • 12:14用語解説:管理UI / 管理GUI。ユーザーの大会登録の処理やデバッグ用データ投入を画面上で行うための管理画面を作る依頼
  • 17:37用語解説:.env。API キーなど秘密情報をコードに入れず、ローカル専用ファイルで管理する考え方。テスト用の決済は疑似モードにする方針
  • 19:53仕様書(実装プラン)の作り方。Gemini の Canvas 機能で対話しながら仕様書を更新していった経緯。ChatGPT では一貫性が保てず挫折したことも
  • 27:27用語解説:reCAPTCHA。ダミーデータ投入、ダミー決済の話
  • 29:24用語解説:localhost:3000。自分の PC 内で動かすサーバーで、ローカルでの動作確認に使う
  • 31:45用語解説:Tailwind(CSS の技術スタック)。エラーの修正対応
  • 36:06用語解説:dev。npm run dev の起動コマンドを誤った階層で実行し、エラーが出た経緯
  • 40:02Antigravity の利点:最新コードとタスクを見ながら作業でき、以前のやり取りを忘れにくい
  • 41:12テストコードの重要性。仕様書を元にテストを先に作り、デグレ(既存機能の退行)を検知できるようにする
  • 42:58ヘルスチェック(生存確認)や、エラー時にエラー画面をそのまま出さない重要性
  • 47:37開発中に AI が急に水処理や感染症の話をし始め、英語で独り言を言うなど挙動がおかしくなった話。バグ・暴走への不安
  • 49:11用語解説:GitHub。作業ごとに保存して巻き戻せるようにするバージョン管理
  • 51:11雑談:ぬぬシンジくん(エヴァ関連の話題)
  • 1:11:32作成中の Web サービス画面を確認。推し登録・部屋作成・ロック・アイテム追加などの UI を確認し、字が読みにくい、検索ができない、ログインがダミーでも通らないなどの問題を指摘
  • 1:25:37バグの確認。ヘッダーが二重表示になる、利用規約の文言がおかしいなど
  • 1:34:55過去の仕事の体験談(少人数の天才が作る方が良い、人数を増やしても開発は進まない)
  • 1:52:18休憩として原神に移行。風を捕まえる帰郷者、クレーちゃんのイベント、西風の鷹の偵察記録、ナド・クライ探索などをプレイ
  • 2:20:32東方Projectの話。好きな世界観(幻想郷)やシューティングの難易度の話
  • 3:02:30カヌレ収穫・もぐもぐタイム。雑談
  • 3:18:24原神の激闘イベントやキャラクター育成(ファルカ、フリンズなど)
  • 3:59:59締め。確定申告が終わった話、サーバー/ドメインの費用の話、古いサイトの扱い(詳細は省略)、お疲れ様でした

章

  • 0:00配信開始
  • 0:34話し始め/マイク調整
  • 2:38くしゃみフェイント
  • 4:56用語解説「Antigravity」
  • 12:14用語解説「管理UI」「管理GUI」
  • 17:37用語解説「.env」
  • 19:53Geminiの命名センス/仕様書
  • 27:27用語解説「reCAPTCHA」
  • 29:24用語解説「localhost:3000」
  • 31:45用語解説「Tailwind」
  • 32:09️今回の仕様書の作り方
  • 36:06用語解説「dev」
  • 47:37開発中の恐怖体験😱/バグ
  • 49:11用語解説「GitHub」
  • 51:11ぬぬシンジくん
  • 1:11:32Webサービスの画面を見てみよう!
  • 1:25:37バグを見てみよう!
  • 1:34:55ぬぬはらの昔の仕事体験談
  • 1:52:18休憩?で原神に移行!
  • 1:53:28風を捕まえる帰郷者
  • 2:10:35クレーちゃんにパパなんているんですか?そんなぁ…
  • 2:18:02西風の鷹の偵察記録
  • 2:20:32東方Projectの話
  • 2:26:28風を捕まえる帰郷者・2
  • 3:02:30カヌレ収穫/もぐもぐタイム
  • 3:07:26酒とともに語らおう
  • 3:18:24輝かしき獅牙の激闘
  • 3:25:45腕試し/ファルカ/フリンズ
  • 3:30:26ナド・クライ探索!
  • 3:59:59お疲れ様でした✨️

話した内容

YouTube の自動字幕364 行更新 2026年10月16日

話した内容(1 本まるごと)応援プラン2から

1 本の話した内容を、最初から最後まで読める

概要欄
AI/API使用制限が来たら原神とかのゲームしだすかもしれません! みなさんも一緒に作業したりのんびりしたりしましょうねﮩﮩ٨ـ♡ﮩ٨ـﮩ ぬぬはらマシュマロリンク: https://marshmallow-qa.com/nnhr_nunu ぬぬはらnote: https://note.com/nnhr_nunu ぬぬはらついった: https://twitter.com/nnhr_nunu ぬぬはら公式ショップ: https://nnhr.official.ec/ #vtuber #プログラミング #webdesign 🆕メンバーシップ特典:絵文字 メンバーの方はコメント等で限定絵文字を使えるようになりました! 現在使える絵文字▶「極」「悪」「い」「ぬ」「は」「ら」「さん」 『極悪ぬぬはら』といった表記に使ってください。 ★メンバーシップ参加者が増えれば、登録できる絵文字の数が増えていきます。よければご協力お願いいたします! 00:00:00 配信開始 00:00:34 話し始め/マイク調整 00:02:38 くしゃみフェイント🤧 00:04:56 🤔用語解説「Antigravity」 00:12:14 🤔用語解説「管理UI」「管理GUI」 00:17:37 🤔用語解説「.env」 00:19:53 Geminiの命名センス/仕様書 00:27:27 🤔用語解説「reCAPTCHA」 00:29:24 🤔用語解説「localhost:3000」 00:31:45 🤔用語解説「Tailwind」 00:32:09 🛠️今回の仕様書の作り方 00:36:06 🤔用語解説「dev」 00:47:37 開発中の恐怖体験😱/バグ 00:49:11 🤔用語解説「GitHub」 00:51:11 ぬぬシンジくん 01:11:32 Webサービスの画面を見てみよう!😄 01:25:37 バグを見てみよう!😂 01:34:55 ぬぬはらの昔の仕事体験談💭 01:52:18 🎮休憩?で原神に移行! 01:53:28 🎮風を捕まえる帰郷者 02:10:35 「クレーちゃんにパパなんているんですか?そんなぁ…」 02:18:02 🎮西風の鷹の偵察記録 02:20:32 東方Projectの話 02:26:28 🎮風を捕まえる帰郷者・2 03:02:30 カヌレ収穫/もぐもぐタイム 03:07:26 🎮酒とともに語らおう 03:18:24 🎮輝かしき獅牙の激闘 03:25:45 🎮腕試し/ファルカ/フリンズ 03:30:26 ナド・クライ探索! 03:59:59 お疲れ様でした✨️

関連