강의

멘토링

로드맵

Programming

/

AI Coding

AI時代、半日でWebサイト開発から配布まで バイブコーディング with MCP & Gemini CLI

今話題のバイブコーディング!AIツールを活用してカチッと!クリック一つでウェブサイト(Next.js)を開発・デプロイする方法を学ぶことができます。

  • codebridge
AI 코딩
실습 중심
AI 활용법
웹개발
배포
Next.js
Generative AI
Vibe Coding
Git

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

こんなことが学べます

  • AIツールを活用して、すっきりとしたUIのウェブサイトを開発できます。

  • 自作のウェブサイトをサーバーに載せて、外部に公開できます。

このレッスンを見ると、半日でWebサービスを作成して外部に展開できます。

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


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

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

従来のウェブ開発方式から抜け出して、 AIの力を借りて数倍より速く効率的に高品質なウェブサイトを制作する方法を学ぶことができます。

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

また、GitHubによるバージョン管理と実際の展開過程まで取り上げ、受講後すぐに個人プロジェクトや業務に活用できる実務能力を備えています。

このようなことを学びます。

AIベースの開発ワークフローマスター(AI活用(AX)、AIエージェント、人工知能)

  • Gemini CLI環境の構築と最適化の設定

  • AIとコラボレーションして効率的なコード生成とトラブルシューティング

  • PRD作成から展開までの全開発サイクルの理解

実戦プロジェクト完成能力の確保

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

  • 個人ポートフォリオウェブサイトの作成と最適化

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

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

  • MCPを活用した高度なUI開発技術

  • v0デザインツールとGeminiの相乗効果を最大化

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

受講前の注意

おすすめ対象

  • 現業開発者:AIツールを活用して生産性を向上させたい方

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

  • AIツール利用者:最新の開発ツールに興味のある方

事前準備環境

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

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

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

選手の知識と注意事項

  • 講義中に使用されるAIツールの最新バージョンの使い方をまとめて

  • 実習中心の講義なので、フォローしながら学習することをお勧めします

こんな方に
おすすめです

学習対象は
誰でしょう?

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

  • 開発職務ではないものの、実務でウェブサイトを制作し活用されたい方

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

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

こんにちは
です。

301

受講生

30

受講レビュー

14

回答

4.8

講座評価

8

講座

플랫폼 사이의 경계를 허무는 개발에 매력을 가지고 관련 강의를 제작하고 있습니다. 잘 부탁드립니다!

 

경력

현) IT 대기업 개발자

서울 4년제 컴퓨터 공학 졸업

カリキュラム

全体

9件 ∙ (1時間 47分)

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

受講レビュー

全体

8件

4.5

8件の受講レビュー

  • hnara28114764님의 프로필 이미지
    hnara28114764

    受講レビュー 3

    平均評価 5.0

    5

    33% 受講後に作成

    I had no development experience at all, but since vibe coding is trending a lot these days, I decided to give it a try. First of all, since I'm a working professional, the fact that each lecture is short really helped reduce my mental and time burden!! It's great because I can listen during breaks here and there. The lecture content itself seemed like something I could follow step by step even though I knew nothing, and it felt like I was working through it together. Unlike other lectures, it was nice that you shared your own experiences throughout. It feels like completing one task for each section, so I get a sense of achievement, and it feels good because it feels like I'm advancing step by step! Thank you for the great lecture :)

    • codebridge
      知識共有者

      Thank you for taking the course! ☺️ I will continue to create various VibeCoding lectures in the future.

  • lhin154489970님의 프로필 이미지
    lhin154489970

    受講レビュー 2

    平均評価 5.0

    5

    67% 受講後に作成

    This is a very beneficial lecture for both majors and non-majors! You explain things really well.

    • codebridge
      知識共有者

      That's such high praise..! I'll work even harder! Thank you for taking the course. ☺️

  • honglak3894님의 프로필 이미지
    honglak3894

    受講レビュー 2

    平均評価 5.0

    5

    33% 受講後に作成

    • codebridge
      知識共有者

      Thank you for taking the course. ☺️

  • rillu777441님의 프로필 이미지
    rillu777441

    受講レビュー 2

    平均評価 3.0

    3

    100% 受講後に作成

    • codebridge
      知識共有者

      Thank you for taking the course. ☺️ If there are any areas where the course could be improved, please let me know~!

  • everjin님의 프로필 이미지
    everjin

    受講レビュー 1

    平均評価 5.0

    5

    33% 受講後に作成

    • codebridge
      知識共有者

      Thank you for taking the course. ☺️

¥6,650

codebridgeの他の講座

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

似ている講座

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