강의

멘토링

커뮤니티

Applied AI

/

AI Essentials

【バイブコーディング入門講座】一人で学ぶバイブコーディング with Claude Code

コーディングができなくてもアプリを作れる時代です。アイデアさえあれば、Claude Codeと対話しながら望む機能を実装できます。この本は、コードを直接書くよりも、AIとコミュニケーションを取りながら望む結果を引き出す新しい開発方式を紹介します。 15個の実習プロジェクトを通じて、個人Webページ制作から手書き文字認識、クイズアプリ、画像ベースのレコメンデーション、AI要約、Notion自動化、クラウドデプロイまで、様々なフローをAIと共に体験します。単純なサンプルコードのなぞりではなく、企画・設計・テスト・デプロイまで実務開発の全プロセスをAIと協業しながら完走する経験を提供します。

難易度 入門

受講期間 無制限

  • hanbit
AI
AI
Generative AI
Generative AI
Vibe Coding
Vibe Coding
AI
AI
Generative AI
Generative AI
Vibe Coding
Vibe Coding
Thumbnail

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

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

5.0

5.0

hyunho kim

43% 受講後に作成

いいですよ

5.0

서정광

43% 受講後に作成

とても体系的にしっかりと学べました。

5.0

Jang Jaehoon

100% 受講後に作成

良い講義をありがとうございました!

受講後に得られること

  • データベースが連動されたリアルタイムWebサービスを作れるレベルに到達

  • コーディング経験がある方なら、AIエージェント協業とMCP活用法で飛躍的な開発生産性向上

혼자 공부하는 바이브 코딩 with 클로드 코드_입체 - 복사본

本講義は『独学で学ぶバイブコーディング with クロードコード』の内容をもとに制作しました。

『独学で学ぶバイブコーディング with Claude Code』紹介動画


コーディングができなくてもアプリを作れる時代です。アイデアさえあれば、Claude Codeと対話しながら望む機能を実装できます。この講義は、コードを直接書くよりも、AIとコミュニケーションを取りながら望む結果を引き出す新しい開発方式、バイブコーディングを紹介します。

15個の実習プロジェクトを通じて、個人Webページ制作から手書き認識、クイズアプリ、画像ベースの推薦、AI要約、Notion自動化、クラウドデプロイまで、様々な流れをAIと共に体験します。単純な例題をなぞるのではなく、企画・設計・テスト・デプロイまで実務開発の全過程をAIと協業しながら完走する経験を提供します。

「何を作りたいのか」に集中する瞬間、Claude Codeが一緒に動き始めます。今、最初のプロンプトを入力してみてください。୧( "̮ )୨

主な内容

15のプロジェクトで学ぶ基礎→実践→拡張→自動化カリキュラム


라이브 데모


PROJECT 1 | 自分だけの初めてのウェブページ
AIに「天気、ニュース、検索機能が含まれた個人ページを作って」と言えば、すぐに完成する初めてのウェブプロジェクト!事前学習なしで、会話だけでスタートページを作りながらバイブコーディングを始めることができます。

PROJECT 2 | マーケティングポートフォリオ
AIと正確に協業するための質の高いプロンプト作成法を学び、抽象的なアイデアを実際に動作するウェブページとして実装する過程を体験します。この過程でウェブページの基本文法を自然に身につけ、Claudeを効果的に活用する方法を学びます。

PROJECT 3 | 手書き認識プログラム(デスクトップ版)
本格的にClaude Codeを活用してターミナルでAIプログラムを完成させます。複雑なディープラーニング理論なしで、自然な会話とコマンドだけで手書きを認識するプログラムを作ることができます。

PROJECT 4 | 手書き認識プログラム(ウェブ版)
制作したデスクトップ版アプリケーションをウェブ版に拡張します。この過程でプロジェクトを体系的に構造化し、管理する方法を学ぶことができます。

PROJECT 5 | ToDoアプリ(モバイルウェブ版)
長期プロジェクト開発に必要な便利なコマンドを習得し、Claude Codeのセッションとコンテキストを管理します。段階別PRDを作成してアプリを体系的に企画し、エラーを修正し、デザインと機能を改善するなど、実際の開発ワークフローを体験します。

PROJECT 6 | ToDoアプリ(デスクトップ版)
モバイル環境に合わせて作ったアプリをデスクトップ版に拡張します。今回はプロンプトを長く書く必要もありません。画面を直接キャプチャしてClaude Codeに渡せば、長々とした説明なしでも要件を明示できます。

• PROJECT 7 | 常識クイズゲーム
AIが生成する誤った情報を検閲するためにいくつかのルールを設定すれば、プログラムが自ら事実確認と検証を行います。プログラム開発だけでなく、エラー探索、検証、修正、アップデート過程までAIに任せて、繰り返し作業なしで効率的にアプリケーションを保守できます。

• PROJECT 8 | 常識クイズゲーム(先生モード)
複数のコマンドを連結してより強力な自動化を実装します。ゲーム制作の主要段階を一つのパイプラインにまとめて、「問題追加-検証-統計-レポート生成」までAIが自動的に処理するようにします。

• PROJECT 9 | 冷蔵庫をお願い
マルチモーダルAIを活用して日常の問題を解決するプログラムを作ります。API接続からAIモデル切り替えまで実戦AI活用能力を養い、最初から最後まで実務プロジェクトのように機能別段階的開発をAIに指示する方法を学びます。

• PROJECT 10 | AI共感ダイアリー
プロダクトプランナー、フロントエンド、バックエンド、QA、AI統合専門家まで5人のAIエージェントを作って小さなスタートアップをシミュレーションしてみます。これで一人でもAIチームと一緒ならプロジェクトの全過程を自動化できることを実感できるでしょう。

• PROJECT 11 | PDF要約AI
報告書、論文、マニュアルを代わりに読んでくれる自分だけのAIアシスタントを作ってみます。心配いりません。Claude Codeにすでに構築した自分だけのAI開発チームに指示すれば30分もかからず完成!

• PROJECT 12 | Notion MCP
MCPを使用してNotionにClaude Codeを連動させて実際にページを生成し、文書を作成します。Claude Codeが外部サービスと連動する過程を追いながら、実際の業務ツールにAIを接続して働く方式を身につけることができます。

• PROJECT 13 | 訪問者滞在時間を延ばす戦略立案
ローカルMCPを利用して複雑な問題を段階的に推論します。MCPを使用する時と使用しない時の結果を比較し、MCPがClaude Codeの能力をどれだけ拡張するか実感してみます。

• PROJECT 14 | Context7 MCP
希望するMCPを探してインストールする方法を学びます。リモートMCPを使用してClaude Codeが常に最新の文書を参照するようにし、コードの品質とセキュリティをチェックします。

• PROJECT 15 | ショッピングリストアプリ
AIが作ったアプリをデプロイし、DB連動、バージョン管理までMCPを活用して自動化します。自分のコンピュータでのみ動作していたローカルアプリケーションを、世界中どこからでも誰でもアクセス可能な本物のサービスとしてデプロイする経験をし、この実習一つでデプロイ、クラウド、データベースまで一度に体験できます。もちろんコードは一行も書く必要がありません。コード作成からテスト、データベース連動、デプロイまで。AIが直接完成させます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • プログラミング経験はないけれどAIで直接アプリを作りたい人

  • 業務自動化と個人生産性向上を望む会社員

  • サイドプロジェクトを素早く実験したい予備開発者・クリエイター

  • AI エージェント協業と MCP 活用を通じて生産性を最大化したい(予備)開発者

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

  • 予備知識は必要ありません。

こんにちは
です。

44,514

受講生

790

受講レビュー

6

回答

4.8

講座評価

14

講座

ハンビッメディアは「本で開くITの世界」をモットーに、IT専門家のためのプログラミング、コンピュータ工学、ITエッセイ、リアルタイム(電子書籍)や、一般ユーザー向けのOA、グラフィックなどのIT実用書を出版しています。

カリキュラム

全体

7件 ∙ (4時間 19分)

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

受講レビュー

全体

17件

5.0

17件の受講レビュー

  • wjsvk73031528님의 프로필 이미지
    wjsvk73031528

    受講レビュー 2

    平均評価 5.0

    5

    71% 受講後に作成

    • jxminh님의 프로필 이미지
      jxminh

      受講レビュー 21

      平均評価 4.8

      5

      43% 受講後に作成

      • k308342623님의 프로필 이미지
        k308342623

        受講レビュー 4

        平均評価 5.0

        5

        43% 受講後に作成

        いいですよ

        • chloekimdev8794님의 프로필 이미지
          chloekimdev8794

          受講レビュー 1

          平均評価 5.0

          5

          71% 受講後に作成

          • rsg1132972님의 프로필 이미지
            rsg1132972

            受講レビュー 1

            平均評価 5.0

            5

            43% 受講後に作成

            無料

            hanbitの他の講座

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

            似ている講座

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