[無料バイブコーディング講座/入門編] 一人で学ぶバイブコーディング with クロードコード

2026年9月時点のアップデートについては、リンク(https://hanb.link/1blt)をご確認ください。 書籍の刊行後に新たに登場した機能まで――ハーネスエンジニアリング、Claude Design、ダイナミックワークフローまでを段階的に学びたい方は、Hanbit+の全25回の実践講座をご覧ください。 🔍 Hanbit+ (hanbit.co.kr)で'ひとりで学ぶバイブコーディング'を検索 · 生涯教育利用券が使用可能 コーディングを知らなくてもアプリを作れる時代です。アイデアさえあれば、Claude Codeと対話しながら、望む機能を実装できます。本書では、コードを直接書くのではなく、AIとコミュニケーションを取りながら望む結果を引き出す、新しい開発手法を紹介します。 15の実習プロジェクトを通して、個人用Webページの制作から、手書き文字認識、クイズアプリ、画像ベースのレコメンド、AI要約、Notionの自動化、クラウドへのデプロイまで、さまざまな流れをAIとともに体験します。単なるサンプルの模倣ではなく、企画・設計・テスト・デプロイまで、実務開発の全プロセスをAIと協働しながら完走する経験を提供します。

難易度 入門

受講期間 無制限

AI
AI
Vibe Coding
Vibe Coding
AI
AI
Vibe Coding
Vibe Coding
Thumbnail

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

4.9

5.0

이윤서

43% 受講後に作成

よく理解できました!

5.0

송인자

43% 受講後に作成

説明が落ち着いていて、初心者でも簡単にすぐ真似することができたので良かったです。

5.0

오양택

71% 受講後に作成

ありがとうございます。

受講後に得られること

  • コーディングをまったく知らない方でも、データベースと連携したリアルタイムWebサービスを作れるレベルに到達する

  • コーディング経験のある方なら、AIエージェントとの協働とMCPの活用方法により、飛躍的な開発生産性の向上を実現できます。

혼공바이브코딩_인프런배너_1000x600

最新のClaude Codeに対応した全25回の実践講座

『ひとりで学ぶバイブコーディング with クロードコード』の実績ある学習の流れはそのままに、本の刊行後に新たに登場したClaude Codeの機能と活用法を追加しました。従来の入門内容も新しい例に更新されています。

最初のWebページ制作から、手書き文字認識プログラム、クイズゲーム、自ら判断するAIアプリ、サブエージェントが協働するプロジェクトまで、段階を追って実際に作ってみます。

CLAUDE.mdやプロジェクト設定、カスタムコマンドと自動検証システム、OpenRouterを活用したさまざまなAIモデルAPI、MCP・スキル・プラグイン・マーケットプレイスまで体系的に扱います。

ここにハーネスエンジニアリング、Claude Design、ダイナミックワークフローを加えました。Claude Codeを使ってみるだけにとどまらず、プロジェクトを体系的に運用し、AIエージェントと協働する方法まで体験してみてください。

講師 チョ・テホ · 全25回 · 受講期間無制限 · 生涯教育利用券利用可能
▶ Hanbit+講義の詳細を見る

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

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

『ひとりで学ぶバイブコーディング with クロードコード』紹介動画


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

15の実践プロジェクトを通して、個人ウェブページの制作から、手書き文字認識、クイズアプリ、画像ベースのおすすめ、AI要約、Notionの自動化、クラウドへのデプロイまで、さまざまな流れをAIとともに体験します。単なるサンプルの模倣ではなく、企画・設計・テスト・デプロイまで、実務開発の全プロセスをAIと協働しながら完走する経験を提供します。

'何を作りたいのか'に集中した瞬間、クロードコードがともに動き始めます。今、最初のプロンプトを入力してみてください。 ୧( “̮ )୨

主な内容

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


라이브 데모


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

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

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

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

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

PROJECT 6 | ToDo管理アプリ(デスクトップ版)
モバイル環境に合わせて作成したアプリをデスクトップ版へと拡張します。今回は、プロンプトを長く書く必要もありません。画面を直接キャプチャしてクロードコードに渡せば、長々と説明しなくても要件を伝えられます。

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

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

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

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

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

• PROJECT 12 | Notion MCP
MCPを使ってNotionにクロードコードを連携し、実際にページを作成してドキュメントを作成します。クロードコードが外部サービスと連携する過程を追いながら、実際の業務ツールにAIをつないで働く方法を身につけられます。

• PROJECT 13 | 訪問者の滞在時間を延ばす戦略の立案
ローカルMCPを使って、複雑な問題を段階的に推論します。MCPを使った場合と使わなかった場合の結果を比較し、MCPがクロードコードの能力をどれほど拡張するのかを実感してみます。

• PROJECT 14 | Context7 MCP
必要なMCPを探してインストールする方法を学びます。リモートMCPを使って、クロードコードが常に最新のドキュメントを参照できるようにし、コードの品質とセキュリティをチェックします。

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

こんな方に
おすすめです

学習対象は
誰でしょう?

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

  • 業務の自動化と個人の生産性向上を求める会社員

  • サイドプロジェクトを迅速に試してみたい、駆け出しの開発者・クリエイター

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

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

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

こんにちは
hanbitです。

59,095

受講生

1,582

受講レビュー

18

回答

4.8

講座評価

19

講座

ハンビットメディアは、「本で開くITの世界」をモットーに、IT専門家向けのAI、プログラミング、コンピューターサイエンス、ITエッセイや、一般ユーザー向けのQA、グラフィックなどのIT活用書を出版しています。

 

 

もっと見る

カリキュラム

全体

7件 ∙ (4時間 19分)

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

受講レビュー

全体

634件

4.9

634件の受講レビュー

  • ijsong9098님의 프로필 이미지
    ijsong9098

    受講レビュー 4

    平均評価 4.8

    5

    43% 受講後に作成

    説明が落ち着いていて、初心者でも簡単にすぐ真似することができたので良かったです。

    • himyme695348님의 프로필 이미지
      himyme695348

      受講レビュー 1

      平均評価 5.0

      5

      43% 受講後に作成

      よく理解できました!

      • yangtackoh2688님의 프로필 이미지
        yangtackoh2688

        受講レビュー 1

        平均評価 5.0

        5

        71% 受講後に作成

        ありがとうございます。

        • solana님의 프로필 이미지
          solana

          受講レビュー 2

          平均評価 5.0

          修正済み

          5

          100% 受講後に作成

          ありがとうございます

          • phdry9176님의 프로필 이미지
            phdry9176

            受講レビュー 2

            平均評価 5.0

            5

            100% 受講後に作成

            Claude Codeの全般的な活用方法について、分かりやすく説明してくれてよかったです。

            hanbitの他の講座

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

            似ている講座

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

            無料