inflearn logo
知識共有
inflearn logo

バイブコーディング入門者のためのGoogleアンチグラビティ:ウェブアプリ制作・デプロイ・収益化まで

バイブコーディング入門者に最も完璧な選択肢 'アンチグラビティ' コーディングの知識がなくても、3つの実習でAIウェブサービスを作り、直接デプロイして収益化まで完成させることができます。 ✔️コーディングなしでウェブアプリを3つ制作 ✔️ Vercelデプロイ実習 ✔️ Googleアドセンス収益化の仕組みを理解

難易度 入門

受講期間 無制限

Google Ads
Google Ads
GitHub
GitHub
vercel
vercel
supabase
supabase
Vibe Coding
Vibe Coding
Google Ads
Google Ads
GitHub
GitHub
vercel
vercel
supabase
supabase
Vibe Coding
Vibe Coding

学習した受講者のレビュー

4.8

5.0

제이에스텍_교육용_계정

33% 受講後に作成

アンチグラビティについてとても分かりやすく説明してくださったので、よく理解できました。ありがとうございます。

5.0

David LEE

20% 受講後に作成

初心者でも分かりやすい講義をありがとうございます!

5.0

박상현

33% 受講後に作成

とても分かりやすいです。 面白いですね。

受講後に得られること

  • 自ら制作し、デプロイまで完了した3つのウェブサービスを保有することになります。

  • AI連携・データ保存・収益化까지をつなげる、構築の全プロセスを経験できます。

コーディングなしで1人ITサービス?
[アンチグラビティ]で可能です。

開発者でなくても、誰もが「作る人」になれます。
バイブコーディングを素早く簡単に学べる無料ツール「アンチグラビティ」をご紹介します。

もしかしてAIを使ってみて
こんな悩みを持ったことはありませんか?

タイトル <3人3色:なぜ私のサービスは世に出られなかったのか?>


非専門家のための完璧なバイブコーディング開発ツール!
これでバイブコーディングツールの悩みは解決です。

アメリカではOpen AIのユーザーが減少し、
Geminiの利用率が高まりました。
それだけGoogleが持つインフラへと移行しているということです。

他のAIコーディングツールと比較した際、
Antigravityは無料でAIエージェントを体験できるという圧倒的なメリットあります。

Cursor AI
$20/月 (Pro)

開発者フレンドリー
高速特化

Antigravity
無料 (Googleアカウント必須)
フロントエンドとUIに強み
画像生成を含む
AIエージェント体験に特化

Github Copilot
$10/月 (Pro)
開発者をサポートするチームメンバー
企業の安定性に特化



最も簡単で
✔ 開発からデザインまで全てこなせるツール

まさにアンチグラビティです。

✔アンチグラビティは コードを学ぶ必要がない
最も親切なバイブコーディングツールです。

タイトル <アンチグラビティ・ビームを浴びた後、何か変わった彼ら >

何も知らなくても大丈夫です
アンチグラビティでAIウェブサービス3つ
直接作って公開します。

この講義では、アンチグラビティ(Antigravity)で
D-DAYカウンター、感情日記、背景削除サイト
計3つのAIサービスの制作過程をお教えします。

これらのサービスを扱う理由は、最も基本的な機能でありながら、
過程さえ分かれば自分のサービスに応用可能だからです。

授業に沿って一歩ずつ制作していくと 

外部APIやサーバーなしで、Vercelを活用してウェブアプリを作成し、デプロイする過程を学びます。

Googleアドセンスで収益を上げる全過程を理解し、自分のプロジェクトに適用することができます。

この講座が終わる頃には


コーディングなしでAIウェブサービスの構築から収益化まで、自ら解決できるようになります。

  • 数回のクリックで自分だけのウェブサービスのバックエンドを構築し、AIを活用した機能を実装し、Googleアドセンスを通じて実際の収益を創出する全過程を直接体験することになります。もうアイデアだけで立ち止まる必要はありません。

AIと対話しながら、プロンプトをマスターすることになります。

  • 開発知識がなくても、AIと効果的に対話するためのプロンプト作成の公式を習得できます。望み通りのAIの成果を正確に引き出せる専門家になれます。

外部APIやサーバーなしでも、わずか3分でウェブアプリを作成・デプロイします。

  • 純粋なブラウザ機能と Vercelを活用して、D-Dayカウンターのような簡単なウェブアプリを3分で完成させ、全世界にリアルタイムでデプロイする経験をします。コーディングの壁を越えて、即座に結果を自分の目で確認できます。

データ保存、AI分析、画像処理まで、実践的な問題解決能力を身につけます。

  • Supabaseを利用して自分だけのデータベースを構築し、Groq AIで日記分析機能を実装するなど、実際のサービス構築に必要なバックエンドおよびAI連携技術を習得します。データ連携の課題や画像処理速度の問題など、実際の開発過程で直面する問題を解決しながら、実践的なスキルを磨きます。


講義の詳細内容

為替レート計算機、感情日記など実践ウェブアプリ制作

APIを活用した為替計算機からSupabaseベースの感情日記まで、実際の成果物を直接作ってみます。Vercelを通じたワンクリックデプロイとGoogleアドセンスを通じた収益化の方法まで学びます。

心の天気AIサービス メイン画面

Antigravity
AI技術の活用

Antigravityフレームワークを使用して、AIと対話するようにウェブサービスを設計し、Groq AIやSupabaseのような最新技術を活用して自分だけのデータベースを構築し、知能型機能を実装します。

Supabase メイン画面


📚

Antigravityで
自分だけのアイデアをサービスとして実現しましょう!

セクション 1

AIウェブ制作入門:Antigravityの紹介

コーディングなしでAIを活用し、一人でITサービスを構築する方法を紹介します。開発環境の設定から、AIと効果的に対話するためのプロンプトエンジニアリングまで、すべての工程をステップバイステップでご案内します。


セクション 2

D-Dayカウンターの作成とデプロイ

外部APIを使用せず、ブラウザの機能だけでD-Dayカウンターツールを作成します。Google Stitchレイアウトを活用してUIを改善し、Vercelを通じてリアルタイムでサービスを世界中にデプロイするプロセスを学びます。

(UI画面は変更される場合があります。)

セクション 3

Supabase基盤の感情日記サービス構築

Supabaseを使用して独自のデータベースを構築し、Groq AIを連携させて日記分析機能を実装します。データ保存に関する問題解決のノウハウも共有します。

(UI画面は変更される場合があります。)


セクション 4

画像処理ベースの'切り抜きテキスト'サービス開発

画像アップロードおよびテキスト合成機能を含むサービスインターフェースを設計し、開発します。

(UI画面は変更される場合があります。)


セクション 5

ウェブサービス収益化戦略

開発したウェブサービスの検索エンジン最適化(SEO)を通じて、GoogleおよびNaverでの露出を増やし、Googleアドセンスの申請やGoogleアナリティクスを活用したサービス改善戦略を学習します。


  

受講前の注意事項


実習環境

  • OS:Windows、macOSの両方に対応しています。

  • 必須インストールプログラム: Google Chrome ブラウザ、Vercel アカウント、Supabase アカウント

  • 推奨スペック:スムーズな実習のために8GB以上のRAMを推奨します。

事前知識および注意事項

  • コーディングの経験がなくても大丈夫です。

  • デザイナーならUI/UXに対する理解があると役立ちます。

  • AIおよびウェブサービスに対する基本的な関心が必要です。

学習資料

  • 講義スライドのPDF資料が提供されます。

  • 実習プロジェクトのコードはGitHubで確認できます。

  • 講師Q&Aセッションを通じて疑問を解消できます。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • 自分のウェブアプリサービスを直接制作してみたい企画者

  • UIデザインの経験はあるが、ウェブアプリサービスを自ら制作してみたいデザイナー

  • バイブコーディングが気になる方なら誰でも

こんにちは
stanleeです。

3,242

受講生

130

受講レビュー

3

回答

4.4

講座評価

8

講座

(現)チームスパルタ(株) 明日学びキャンプ AIデザイナー KDTブートキャンプ チューター(1、2、4期)

(前) ネクストランナーズ(株) オズコーディングスクール プロダクトデザイナー KDTブートキャンプ 主講師(2期)

(前) コードイット(株) コードイットスプリント プロダクトデザイナー KDTブートキャンプ メンター

 

  • 2026 大手企業グループ会社 Google Antigravity 講義実施

  • 2026 大手企業グループHRD企業 従業員向け Claude Code AI agent 実務講義 実施

  • 2026 大手企業役職者対象 Codex実務講義を実施

  • 2025 HDC現代産業開発 中途採用社員対象 Gemini / flow AI映像実務講義を実施

  • 2025 アドビ販売代理店Dimoa主催 大手企業社員向け Adobe Firefly 実務講義を実施

  • 2024 メガゾーン系列会社ペンタクル アートディレクター対象 Adobe firefly 実務講義 実施

  • その他、ソウルテクノパーク、釜山教育庁、蔚山創造経済革新センター、慶南創造経済革新センター、釜山保健大学、仁済大学、東西大学など多数のAI講義を実施。

もっと見る

カリキュラム

全体

20件 ∙ (5時間 15分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

21件

4.8

21件の受講レビュー

  • giftedsberry7292님의 프로필 이미지
    giftedsberry7292

    受講レビュー 2

    平均評価 5.0

    5

    27% 受講後に作成

    短時間でポートフォリオを作ろうと思っていましたが、おかげさまで2時間で完成させることができました!価格も非常に良心的ですし、核心部分だけを簡単かつスピーディーに学べる素晴らしい講義でした。

    • stanlee
      知識共有者

      ソンギョンさん、こんにちは。貴重なレビューをいただきありがとうございます。専門の開発者による講義はたくさんありますが、私の講義の核心は、おっしゃる通り短時間で制作物を作り上げることだと思っています!制作後は、デザイン面やインタラクションの部分も補完して、ソンギョンさんだけのサービスとして完成させていただければ嬉しいです。ありがとうございます :)

  • omerta2008906님의 프로필 이미지
    omerta2008906

    受講レビュー 1

    平均評価 5.0

    修正済み

    5

    33% 受講後に作成

    難しいです、、、、、

    • stanlee
      知識共有者

      こんにちは!もし難しいところや上手くいかない部分があれば、stanlee3927@gmail.comまでご連絡いただければ確認いたします。 :)

  • rockin님의 프로필 이미지
    rockin

    受講レビュー 7

    平均評価 5.0

    5

    33% 受講後に作成

    とても分かりやすいです。 面白いですね。

    • stanlee
      知識共有者

      サンヒョンさん、こんにちは。貴重なレビューをいただきありがとうございます :)

  • disobey6075626님의 프로필 이미지
    disobey6075626

    受講レビュー 4

    平均評価 5.0

    5

    33% 受講後に作成

    • stanlee
      知識共有者

      こんにちは。貴重なレビューをいただき、ありがとうございます :)

  • tlawndyd09011134님의 프로필 이미지
    tlawndyd09011134

    受講レビュー 4

    平均評価 4.8

    5

    60% 受講後に作成

    • stanlee
      知識共有者

      こんにちは、貴重なレビューをいただきありがとうございます :)

stanleeの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!

新規会員登録で25%OFF

¥5,983

25%

¥7,983