AI時代、半日でウェブサイトの開発からデプロイまで AIコーディング with MCP & Gemini CLI

最近話題のバイブコーディング!AIツールを活用して、ポチッとクリックするだけでウェブサイト(Next.js)を開発し、デプロイする方法を学ぶことができます。Google Gemini proを無料で利用して開発する方法までお教えします。

難易度 入門

受講期間 無制限

Git
Git
Next.js
Next.js
AI
AI
Vibe Coding
Vibe Coding
Git
Git
Next.js
Next.js
AI
AI
Vibe Coding
Vibe Coding

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

4.6

5.0

hufsbae

33% 受講後に作成

有効活用させていただきます。

5.0

ksjeong

100% 受講後に作成

いいね

5.0

lhin15448

67% 受講後に作成

専攻者にも、非専攻者にも非常に有益な講義です!説明を本当に上手くしてくださいますね

受講後に得られること

  • AIツールを活用して、クリーンなUIのウェブサイトを開発することができます。

  • 自分で作ったウェブサイトをサーバーにアップロードして、外部に公開することができます。

この講義を受ければ、半日でウェブサービスを構築し、外部へデプロイすることができます。

AI時代の新しい開発パラダイムを体験してみてください!


この講座では、Googleの最新AIツールであるGemini CLIとMCP(Model Context Protocol)を活用して、企画からデプロイまで、Web開発プロセス全体を革新的に進める方法を学びます。

単なるコーディング講義ではなく、AIと協業して実際のプロジェクトを完成させる、実践中心のバイブコーディング体験を提供します。開発者、プランナー、起業家、そしてAIツールの活用に関心のあるすべての方に適した講義です。

伝統的なウェブ開発方式から脱却し、AIの力を借りて数倍速く、かつ効率的に高品質なウェブサイトを制作する方法を習得できます。

講義を通じて実際にサービス可能な完成されたウェブサイトを制作しながら、各プロジェクトでリアルタイムデータ処理、API連携、レスポンシブデザイン、そして最新のUI/UXトレンドまでをすべて経験することになります。

また、GitHubを通じたバージョン管理と実際のデプロイプロセスまで扱うため、受講後すぐに個人プロジェクトや業務に活用できる実務能力を身につけることができます。

こんな内容を学びます

AIベースの開発ワークフロー・マスター(AI活用(AX)、AI Agent、人工知能)

  • Gemini CLI 環境の構築および最適化設定

  • AIと協業して効率的なコード生成および問題解決

  • PRD作成からデプロイまで、開発サイクル全体の理解

実践プロジェクトの完遂能力の確保

  • 恐怖強欲指数(Fear & Greed Index)ウェブサイトの開発(リアルタイムデータ処理)

  • 個人ポートフォリオウェブサイトの制作および最適化

  • プロフェッショナルレベルのUI/UXデザインシステムの構築

最新の開発ツール活用能力の強化

  • MCPを活用した高度なUI開発手法

  • v0デザインツールとGeminiのシナジー効果の最大化

  • GitHub連携による実務レベルのコード管理

受講前のご注意事項

おすすめ対象

  • 現役エンジニア:AIツールの活用で生産性向上を目指す方

  • 企画者/起業家: 技術的な理解度を高めたい方

  • AIツールの活用者: 最新の開発ツールに関心がある方

事前準備環境

  • Google アカウント(Gemini の使用に必要)

  • GitHub アカウント (コード管理およびデプロイ用)

  • ノートパソコンまたはデスクトップ(実習環境)

前提知識および注意事項

  • 講義中に使用されるAIツールの最新バージョンの使い方も併せてご案内します

  • 実習中心の講義ですので、実際に手を動かしながら学習することをお勧めします。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • アイデアはあるけれど、ウェブサイトを自分で作るのは難しいという方

  • 開発職ではありませんが、現場でウェブサイトを作成し活用したい方

前提知識、
必要でしょうか?

  • ChatGPTのような対話型AIの利用経験

こんにちは
codebridgeです。

キャリア認証

1,165

受講生

107

受講レビュー

30

回答

4.8

講座評価

14

講座

これまでの経歴と経験をもとに、世界のトレンドを追いながらノウハウやコツを共有していきます。よろしくお願いします!

経歴

🤖👾 米国AI修士課程

🏗 IT大手企業7年目のエンジニア

📱 Androidアプリ14個とiOSアプリ7個、および様々なウェブサイトを開発・運営中

 

[Eng]

これまでの経験と実績に基づき、世界のトレンドを追いながら共有したいノウハウやヒントを発信しています。よろしくお願いします!

経歴

韓国の大手IT企業エンジニア (6年目以上)

コンピューター工学士号

もっと見る

カリキュラム

全体

10件 ∙ (1時間 47分)

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

講座掲載日: 
最終更新日: 

受講レビュー

全体

22件

4.6

22件の受講レビュー

  • ksjeong6223님의 프로필 이미지
    ksjeong6223

    受講レビュー 2

    平均評価 3.0

    5

    100% 受講後に作成

    いいね

    • codebridge
      知識共有者

      受講していただき、ありがとうございます。☺️

  • hnara28114764님의 프로필 이미지
    hnara28114764

    受講レビュー 3

    平均評価 5.0

    5

    33% 受講後に作成

    開発経験が全くありませんが、最近バイブコーディングをよくする傾向にあるので一度試してみました。まず会社員なので、講義一つ一つが短いのが私の心理的・時間的負担を軽減してくれたようです!!途中途中で時間を見つけて聞けばいいので良いですね。講義内容自体も何も知らない私が着実についていけたようで、何か一緒にやっていく感じがしました。他の講義とは違って本人の経験も途中途中でシェアしてくださって良かったようです。各セクション別に一つのタスクを完了する気分になって達成感も感じられ、段階別に高度化される気分で良いようです!良い講義をありがとうございます:)

    • codebridge
      知識共有者

      受講していただき、ありがとうございます!☺️ 今後も様々なバイブコーディング講義を制作してまいります。

  • pinejune814943님의 프로필 이미지
    pinejune814943

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    良い講義ですね。ありがとうございます。

    • hufsbae4784님의 프로필 이미지
      hufsbae4784

      受講レビュー 7

      平均評価 5.0

      5

      33% 受講後に作成

      有効活用させていただきます。

      • codebridge
        知識共有者

        受講していただき、ありがとうございます。☺️ 開発の勉強に役立てば嬉しいです。

    • lhin154489970님의 프로필 이미지
      lhin154489970

      受講レビュー 3

      平均評価 5.0

      5

      67% 受講後に作成

      専攻者にも、非専攻者にも非常に有益な講義です!説明を本当に上手くしてくださいますね

      • codebridge
        知識共有者

        絶賛ですね..! もっと頑張ってみます!受講していただきありがとうございます。☺️

    codebridgeの他の講座

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

    似ている講座

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