inflearn logo
知識共有
inflearn logo

Vibe Coding入門者のためのGoogle Anti-Gravity:ウェブアプリ制作・配布・収益化まで

バイブコーディング入門者に最も完璧な選択肢「アンチグラビティ」。コーディングの知識がなくても、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

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

5.0

5.0

David LEE

20% 受講後に作成

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

5.0

박상현

33% 受講後に作成

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

5.0

유선경

27% 受講後に作成

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

受講後に得られること

  • 直接制作し、配布まで完了したウェブサービスを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連携技術を習得します。データ連携のイシューや画像処理速度の問題など、実際の開発過程で直面する課題を解決しながら、実践的な感覚を養います。


講義の詳細内容

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

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

マウムナルシ(心の天気)AIサービス メイン画面

Antigravity
AI技術の活用

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

Supabase メイン画面


📚

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

セクション 1

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

コーディングなしでAIを活用し、1人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 Analyticsを活用したサービス改善戦略を学習します。


  

受講前のご注意事項


実習環境

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

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

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

事前知識および注意事項

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

  • デザイナーの方であれば、UI/UXに関する理解があると役立ちます。

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

学習資料

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

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

  • 講師とのQ&Aセッションを通じて、疑問を解決することができます。


こんな方に
おすすめです

学習対象は
誰でしょう?

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

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

  • バイブコーディングが気になるすべての方へ

こんにちは
stanleeです。

2,610

受講生

94

受講レビュー

3

回答

4.3

講座評価

6

講座

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

(元) 株式会社コードイット Codeit Sprint プロダクトデザイナー KDTブートキャンプ メンター

 

  • 2025 HDC現代産業開発 経験者採用社員対象 Gemini / flow AI映像実務講義を進行

  • 2025年 アドビ総代理店ディモア(Dimoa)主管 大手企業社員対象 Adobe Firefly 実務講義を実施

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

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

もっと見る

カリキュラム

全体

17件 ∙ (4時間 37分)

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

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

受講レビュー

全体

10件

5.0

10件の受講レビュー

  • rockin님의 프로필 이미지
    rockin

    受講レビュー 5

    平均評価 5.0

    5

    33% 受講後に作成

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

    • stanlee
      知識共有者

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

  • omerta2008906님의 프로필 이미지
    omerta2008906

    受講レビュー 1

    平均評価 5.0

    修正済み

    5

    33% 受講後に作成

    難しいです、、、、、

    • stanlee
      知識共有者

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

  • giftedsberry7292님의 프로필 이미지
    giftedsberry7292

    受講レビュー 2

    平均評価 5.0

    5

    27% 受講後に作成

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

    • stanlee
      知識共有者

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

  • disobey6075626님의 프로필 이미지
    disobey6075626

    受講レビュー 4

    平均評価 5.0

    5

    33% 受講後に作成

    • stanlee
      知識共有者

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

  • seohyeoniii님의 프로필 이미지
    seohyeoniii

    受講レビュー 11

    平均評価 5.0

    5

    60% 受講後に作成

    • stanlee
      知識共有者

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

stanleeの他の講座

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

似ている講座

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

¥7,729