inflearn logo
inflearn logo

開発者なしで作るAIウェブサービス!Google Antigravityでウェブアプリの制作・配布・収益化まで

話題のGoogleアンチグラビティ(Antigravity)!開発者である必要はありません。コーディングなしで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

受講後に得られること

  • 直接制作し、配布まで完了したウェブサービスを3つ保有することになります。

  • AI連携・データ保存・収益化まで繋げる、構築の全プロセスを経験することになります。

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

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

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

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


非専門家のための完璧なバイブコーディング開発ツール!
もうバイブコーディングツールの悩みは終わりです。

米国ではOpenAIのユーザーが減少し、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を活用し、一人で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,329

受講生

70

受講レビュー

3

回答

4.2

講座評価

6

講座

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

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

(前) Codeit Inc. Codeit Sprint プロダクトデザイナー KDTブートキャンプ メンター

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

  • 2025年 アドビ公認販売代理店ディモア(Dimoa)主催 大手企業社員対象 Adobe Firefly 実務講座進行

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

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

もっと見る

カリキュラム

全体

17件 ∙ (4時間 37分)

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

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

受講レビュー

全体

2件

5.0

2件の受講レビュー

  • giftedsberry7292님의 프로필 이미지
    giftedsberry7292

    受講レビュー 1

    平均評価 5.0

    5

    27% 受講後に作成

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

    • stanlee
      知識共有者

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

  • hslee6740님의 프로필 이미지
    hslee6740

    受講レビュー 6

    平均評価 4.2

    5

    60% 受講後に作成

    stanleeの他の講座

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

    似ている講座

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

    期間限定セール

    ¥914,779

    27%

    ¥7,598