inflearn logo
知識共有
inflearn logo

トレンドはバイブコーディング、Claude Codeで始める:意図だけで完成させる次世代開発パラダイム入門

コード一行も知らなくても大丈夫です。 これからはAIと「対話」しながら開発するバイブコーディングの時代です。

難易度 入門

受講期間 無制限

AI Agent
AI Agent
Vibe Coding
Vibe Coding
claude
claude
GitHub
GitHub
vercel
vercel
AI Agent
AI Agent
Vibe Coding
Vibe Coding
claude
claude
GitHub
GitHub
vercel
vercel

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

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

5.0

5.0

일찍일어나는새가벌레

86% 受講後に作成

確かにClaudeはコーディングが上手ですね

5.0

세냥냥

76% 受講後に作成

コーディングを知らなくても、入力するだけで自動でやってくれるVibe Codingは本当に素晴らしいと思います。私のように開発が苦手な方にはとても良さそうです。

5.0

배춧잎갉아먹기

100% 受講後に作成

Geminiを通じてコード生成の依頼はしたことがありましたが、 ClaudeというAIツールでも可能だとは知りませんでした。 詳細な講義をありがとうございました。

受講後に得られること

  • VS CodeのインストールからClaude Codeの連携まで、コーディング経験ゼロでも進められる親切なガイド

  • ToDoの追加・削除、データ保存まで実際に動作するアプリを自作する

  • リアルタイム為替レートデータを取得して計算する為替コンバーターの実装

  • Canvas APIとキーボード入力を活用したゲームロジックの実装で、開発の楽しさまで!

  • GitHub PagesとVercelで3つのウェブアプリをまとめ、誰でもアクセス可能な自分だけのポートフォリオを完成

コードが一行もわからなくても大丈夫です。
これからはAIと「対話」しながら開発するバイブコーディングの時代です。


「コーディングを学ぼう…」という三日坊主、何度目ですか?
これからはClaude Codeと一緒に始めましょう。

文法を暗記し、エラーを検索しながら苦労していたコーディングはもう終わりです。
AIに話しかければコードが完成する時代、バイブコーディングで本格的に学んでみてください。

 

– 開発者なし、外注なし!自分の手で直接作るウェブアプリ
– API連携からゲームロジックまで、実践プロジェクトで学ぶウェブ開発の基礎
– 作って終わりではなく、世界中の誰もがアクセス可能なURLでデプロイ

 

企画するだけだったあなた、今度は自ら作る人になる番です。
Claude Codeで自分だけの最初のウェブアプリを完成させましょう!


大勢はバイブコーディング、Claude Codeで始めるカリキュラムの特徴

開発者なしで自分のアイデアを直接ウェブアプリにして世の中に公開する、Claude Code 実践講座です。


1. Claude Codeの基礎から実践的なデプロイまでを一度に
複雑な環境設定からClaude Codeのインストール、バイブコーディングの核心概念を非専門家の目線で完璧に整理

2. 質問せずに命令する「真のコーディングエージェント」活用法
退屈なコピペの代わりに、AIが直接ファイルを作成し、自らエラーを分析して修正する圧倒的な実行力を体験

3. わずか4時間で完成させる3つの実践ポートフォリオ
To-Doウェブアプリ、リアルタイム為替変換機、スネークゲームまで!実務技術が凝縮された3つのプロジェクトを自分の手で直接実装

4. 自分だけのURLで全世界に成果物を即座にデプロイ
GitHubとVercelの連携を通じて、自分のコンピュータを超えてインターネット上で実際に動く自分だけの成果物を共有

5. 試行錯誤を減らすプロンプトパッケージを提供
講義が終わった後も一人で好きなアプリを作れるよう、核心プロンプト集と段階別デプロイガイドを無料で提供

開発知識の限界を超え、誰もが自分だけのウェブサービスを所有する方法、

Claude Codeがその道を案内します!


企画書の中のアイデアを現実にする準備は、できていますか?

1. 講義を申し込む

2. ソン・テヨン講師と一緒にClaude Codeでコーディングの壁を打ち破る

3. わずか4時間で実際に動作するアプリ3つを完成させ、デプロイまで行う

3ステップで終わるコーディング独学の苦しみ、これからは達成感に変えてみましょう!



開発者なしで、外注なしで、自分の手で直接!

コーディングを学んで挫折した経験は、もう忘れてください。対話だけでウェブアプリが完成する時代の到来です!

今日学んで今日デプロイする Claude Code ライブコーディング、今すぐ始めましょう!



講師紹介


このような方に自信を持っておすすめします。

– アイデアは溢れているのに、開発者がいなくて実行に移せなかった企画者やマーケター
– 外注費用や開発チームの助けを借りずに、自分だけのWebサービスをローンチしたい個人起業家
– 自分のアイデアを形にして、ポートフォリオとして見せたい就活生
– 退屈な文法学習に疲れてコーディングを諦めたけれど、自分の名前でWebサイトを完成させてみたいすべての方
– AI時代、新しい開発手法を身につけて競争力を高めたいすべての方

 

開発者なしで、自分の手で直接作る経験をしてみたくありませんか?
言葉通りに形にしてくれるバイブコーディング、Claude Codeで始めましょう。



講義の特徴

STEP 1. バイブコーディングの始まり、Claude Code環境設定

VS CodeのインストールからClaude Codeの連携まで、コーディング経験ゼロでもついていける親切なガイド

 

STEP 2. 最初のウェブアプリ、To-Doアプリの完成

ToDoの追加・削除、データの保存まで実際に動作するアプリを自分で作る

 

STEP 3. API連携で本当に役立つアプリ作り

リアルタイムの為替レートデータを取得して計算する為替コンバーターの実装

STEP 4. ゲームまで作る!スネークゲーム開発

Canvas APIとキーボード入力を活用したゲームロジックの実装で、開発の楽しさまで!

 

STEP 5. 自分のURLで世界に公開、ポートフォリオのデプロイ

GitHub PagesとVercelで3つのウェブアプリをまとめ、誰でもアクセス可能な自分だけのポートフォリオを完成



コーディングを学ぼうと講義を決済し、本を購入し、YouTubeを完走…
それでもfor文でつまずいて諦めたことはありませんか?

Claude Codeと一緒なら、暗記の必要なく言葉だけで完了!

もう文法を暗記するために時間を使わないでください。
バイブコーディングで、あなたの想像を今すぐ形にしましょう!




予想される質問 Q&A

Q. 講義を受講するために、人工知能に関する予備知識は必要ですか?
A. 本講義は、人工知能に興味を持った方なら誰でもすぐに受講し、実務に活用できるスキルの提供を目標に設計された講義ですので、人工知能に関する予備知識は必要ありません。

Q. 受講するための要件や必要条件はありますか?
A. 受講にあたって特別な事前知識やスキルは必要ありません。ただし、講義で生成AIツールにアクセスするため、Claudeのアカウントをお持ちであればよりスムーズに進めることができます。まだClaudeのアカウントをお持ちでない場合は、円滑な学習のために事前に登録しておくことをお勧めします。

Q. Claude Codeを有料購読しなければ受講できませんか?
A. 本講義の主要ツールであるClaude Codeは、プランの購読が必要なサービスです。講義の冒頭で各プランごとの特徴を説明しますので、ご自身に合ったプランを選択していただけます。ただし、基本的な環境設定やClaude Codeの使用方法などを参考にするために受講したいという場合であれば、講義を視聴するだけでも目的を達成することが可能です。


受講前にご確認ください!

  • 実習中心の講義であるため、講義画面と実習画面を分離できるデュアルモニター、または予備の機器を一緒にご用意いただくことをお勧めします。

  • また、Windows OSベースで実習が進行されるため、Windows環境での受講をおすすめします。

  • 講義資料および実習ファイルは「00. 教材ダウンロードセンター」セクションにあります。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • アイデアは溢れているが、開発者がいなくて実行に移せなかった企画者やマーケター

  • 外注費用や開発チームの助けを借りずに、自分だけのウェブサービスを立ち上げたい一人起業家

  • 自分のアイデアを形にして、ポートフォリオとして見せたい就活生

  • 退屈な文法学習に疲れてコーディングを諦めてしまったけれど、自分の名前のサイトを完成させてみたいすべての方へ

  • AI時代、新しい開発手法を身につけて競争力を高めたいすべての方へ

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

  • 本講義は、人工知能に関心がある方なら誰でもすぐに受講して実務に活用できるスキルの提供を目標に設計された講義であり、人工知能に関する予備知識は必要ありません。

  • 講義を受講するために特別な事前知識やスキルは必要ありません。ただし、講義で生成AIツールにアクセスするため、Claudeのアカウントをお持ちであれば、よりスムーズに進めることができます。まだClaudeのアカウントをお持ちでない場合は、円滑な学習のために講義の前にあらかじめ登録しておくことをおすすめします。

こんにちは
Masocampusです。

10,136

受講生

1,434

受講レビュー

122

回答

4.7

講座評価

104

講座

「昨日より成長します。そして、昨日より成長しようとする人を助けます。」

マソキャンパスの真心と願いを込めたActionable Contentで、,

2013年からオン・オフラインで共にしてきた累計講義1億時間

この貴重な経験と時間は、常にマソキャンパスと受講生双方の成長の源泉です。

 

マソキャンパスチームは、私たち全員の成長のために、2つの原則を必ず守ります。

 

1. 学べば必ず使える Actionable Content that you can surely use once you learn it

2. 参加者の時間と労力を尊重する Time-Saving Curriculum that respects the time and effort of participants

マソキャンパスのActionable and Time-Saving Curriculumで、共に成長の道を歩んでいけることを願っています。

もっと見る

カリキュラム

全体

29件 ∙ (4時間 12分)

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

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

受講レビュー

全体

4件

5.0

4件の受講レビュー

  • xtpwlsx690267님의 프로필 이미지
    xtpwlsx690267

    受講レビュー 4

    平均評価 5.0

    5

    76% 受講後に作成

    コーディングを知らなくても、入力するだけで自動でやってくれるVibe Codingは本当に素晴らしいと思います。私のように開発が苦手な方にはとても良さそうです。

    • smpark6031님의 프로필 이미지
      smpark6031

      受講レビュー 9

      平均評価 5.0

      5

      100% 受講後に作成

      Geminiを通じてコード生成の依頼はしたことがありましたが、 ClaudeというAIツールでも可能だとは知りませんでした。 詳細な講義をありがとうございました。

      • bullae님의 프로필 이미지
        bullae

        受講レビュー 28

        平均評価 5.0

        5

        86% 受講後に作成

        確かにClaudeはコーディングが上手ですね

        • 00abc님의 프로필 이미지
          00abc

          受講レビュー 25

          平均評価 5.0

          5

          62% 受講後に作成

          ウェブアプリとAPIの連携まで学べて、ゲームも作ってみることができるので嬉しいです!

          Masocampusの他の講座

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

          似ている講座

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

          期間限定セール

          ¥48,510

          30%

          ¥8,777