inflearn logo
知識共有
inflearn logo

本物のVibe Codingオールインワンクラス:Claude Codeの基礎からローンチ、運営、エージェント自動化まで

10年目のニューヨーク/LAスタートアップのテックリード出身者が、1万人以上の受講生を教えながら磨き上げた順序そのままに、バイブコーディングを基礎から体系的にお教えします。 私が直接運営しているサービス「カゴンマップ(カフェ勉強マップ)」をゼロから一緒に作り上げ、リサーチから開発、デプロイ、運用、そしてエージェントに開発を任せる自動化まで、実際の流れ通りに学びます。 そして、2つのことをお約束します。サービスがどのように動くのかという大きな絵を捉え、AIの出した結果を自分で判断できるようになること。そして、仕事の手順と基準を環境に残し、AIが毎回同じ結果を出せるようにすること。自分が判断し、AIが指示通りに動けば、アイデアは本物のサービスになります。

難易度 初級

受講期間 無制限

Git
Git
GitHub
GitHub
Next.js
Next.js
AI
AI
AI Agent
AI Agent
Git
Git
GitHub
GitHub
Next.js
Next.js
AI
AI
AI Agent
AI Agent

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

5.0

5.0

장손

100% 受講後に作成

久しぶりに講義を最初から最後までぎっしり、100%すべて受講しました。 アプリ開発だけでなく、Claudeそのものをどのように活用すべきかについても多く学べた講義でした。 特に私は、今まさに作りたいサービスを自分で実装する直前の段階だったため、この講義がより役に立ったのだと思います。 AIを活用して実際のサービスを作りながら、DB、ログイン、デプロイなどを一つずつ適用していき、完成した一つのサービスを作り上げるまでの全体の流れを経験することができました。 何より良かったのは、サービスを作って終わりではないという点です。 デプロイ後にどのように運用・モニタリングすべきか、障害が発生した場合にどこから確認すべきか、サービスをより良くするためにはどの部分を点検し、検討すべきかまで扱っています。アプリを作る過程から、その後の運用までこのように一貫して扱ってくれる講義は初めてでした。 講義とともに提供される資料も良かったです。講義を受けながら理解できなかった部分を再確認するのにも便利でしたし、後で自分でサービスを作る際にも引き続き参考にすることになりそうです。 講師の方は、単に新しいAIツールや使い方を教えて終わりにするのではなく、受講生が内容をきちんと理解し、その後は一人でもサービスを作って運用できるようにしてくれようとしているように感じました。だからこそ、'オールインワン'という言葉がよく似合う講義​だと思います。 バイブコーディングを行ううえで守るべき重要な原則から、エージェントを活用する方法、開発した成果物をどのように検証すべきかまで学ぶ中で、'AIにコーディングをさせること'と'AIとともにきちんと開発すること'の違い​も少し分かったように思います。 私も今回の講義で学んだ内容をもとに、予定しているサービスを自分で作ってみようと思います。 良い講義をありがとうございました。

5.0

김재경

79% 受講後に作成

私は10年間、大企業で営業とマーケティングの仕事をしてきました。 会社で実施されるAI講義も受けてみましたし、バイブコーディング(Vibe Coding)の動画や講義もいくつか受講しました。 しかし、そのほとんどが決まった例題をなぞるだけだったり、実務で使えるようなテーマを学ぶには物足りなさを感じていました。 YouTubeを見ながら独学しようとしても、行き詰まる部分が多かったです。 この講義は、受講した後に自分で色々なものをどんどん作れるようになった点が一番良かったです。 順番通りに受講するというよりは、必要な部分からどんどん進めていきました(笑)。 最も良かった点は、実際に運用できるレベルでサービスを作ってみることができたことです。 企業の講義では「エージェントを使いこなすことが重要だ」と言われますが、結局何が核心なのか分からずにいました。 講義の合間に教えてくれる数々のヒントが、ものすごく助けになりました。 実際に色々と作る際に本当に役立ちました。実は四柱推命(占い)アプリを一つローンチしたのですが、一日に500人ほど利用者がいます。 また、不動産価格を最新の状態で確認するために、地域別の価格比較や政策比較サービスなども作りました。まだ家族だけで使っていますけどね(笑)。 以前はアイデアが浮かんでも「AIで作れたらすごいことになりそうだけどな」と悩むだけで終わっていましたが、 最近はとりあえず作ってみるようにしています。とても楽しいです、ありがとうございます。

5.0

민영환

34% 受講後に作成

AIを使いながら大海原に浮いているような気分なら、この講義が灯台の役割を果たしてくれるでしょう。 非専門家としてバイブコーディング(感覚的なコーディング)をしながらも、AIが生成する成果物を全く理解できず、今正しく進めているのかという疑問が常にありました。この講義はその疑問に対する答えを提示し、AIが作った成果物の全体的な構造を理解させてくれるので、AIに一方的に依存することから来る不安を軽減してくれます。 開発に関する基礎知識を学んで終わりではなく、実際にサービスを一緒に作りながら、学んだ基礎知識を適用して自分のものにすることができます。 一人でバイブコーディングをする時も役立ちますが、協業の場面でAIを活用してコーディングをする際にも非常に役立つと思います! もし私がコーディングエージェントを初めて使う立場だったら、講義では資料に用意されたものを使用するため、プロンプトをどのように作成すべきか、なぜこのように作成するのかについて疑問に思うかもしれません。

受講後に得られること

  • バイブコーディングを通じて直接開発し、ローンチするウェブサービス(地図・DB・ログイン・管理者画面を含む)

  • Claude Codeの基本からエージェンティック・ワークフローまで、ツールが変わっても残るワークフロー

  • プロジェクトの中で身につける核心的な開発知識(Webの仕組み、Git、データベース、認証、デプロイ)

  • ローンチ前後に活用するチェックリスト (SEO/GEO、権限、セキュリティ、ログ、モニタリング)

  • デプロイ後の運営経験 - 初のユーザー流入、管理者画面、エラー対応まで

  • エージェントに仕事を任せて自動で回す環境 - ハーネス、並列エージェント、GitHub Actions 自動化

こんな方に
おすすめです

学習対象は
誰でしょう?

  • バイブコーディングを試してみたものの、思うような結果が得られず諦めてしまった方

  • コーディングなしで自分のアイデアを実際のウェブサービスとして作り、デプロイまでしてみたい非開発者

  • AI時代にプロダクト開発の全過程を直接理解したいPM、企画者、デザイナー

  • エージェント開発に関する基礎を固めたいすべての方

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

  • コーディングの経験は必要ありません。概念については、プロジェクトの中で必要なタイミングで扱います。

  • Claude Code 使用のための有料購読

  • Grabを最後まで追い続けるという確固たる信念

こんにちは
grabです。

10,425

受講生

635

受講レビュー

952

回答

4.7

講座評価

6

講座

学習と成長に関心の高い開発者&クリエイターのグラブ(Grab)です。

 

[職歴]

現) AI Engineer & Educator
前) Backpac(LA) Tech Lead
前) Project Pluto(NYC) Tech Lead
前) SOCAR データエンジニア (多数のプロジェクトリード)
前) グロースコンサルティングチーム 'Hacking Growth' エンジニア
前) Class101 バックエンドエンジニア
前) Microsoft 開発者大会 Imagine Cup 韓国1位選出
前) 知識共有スタートアップ 'Wonderful Lamp' 創業
前) 3Dディスプレイスタートアップ 'Tomorrance' 創業

もっと見る

カリキュラム

全体

82件 ∙ (14時間 55分)

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

受講レビュー

全体

20件

5.0

20件の受講レビュー

  • hoyant307808님의 프로필 이미지
    hoyant307808

    受講レビュー 1

    平均評価 5.0

    5

    21% 受講後に作成

    非専門家、非開発者の一筋の光…。 皆さんご存じの通り、ソフトウェアの参入障壁は非常に低くなりました。 非開発者でもVibe Codingを利用して、手軽かつ迅速にアプリやサービスを作ることができます。 ただし、参入障壁が低くなったからといって、知っておくべきことがなくなったわけではありませんでした。ターミナルの使い方、Git/GitHubを通じたバージョン管理、データベース連動、デプロイ後のセキュリティチェックまで、実際のサービスを運営するなら結局一度は直面することになるポイントばかりでしたが、この講義はその過程を順を追って説明してくれます。 特に良かった点は、理論だけ説明して終わるのではなく、'カゴンマップ'という実際のプロジェクトを最初から最後まで一緒に作りながら、各概念を適用してみるという点です。ツールのインストールから始まり、Gitのバージョン管理、DB連動、イメージストレージ、ログイン機能、デプロイ、そして運営中に発生しうる障害対応やセキュリティまで、一つのプロジェクトのライフサイクルを追いながら学べるので、全体の流れが自然と理解できました。 私のような非開発者の立場からは、ターミナルやDBといった用語自体が参入障壁でしたが、この講義はそうした背景知識がない人でもついていけるよう、基礎編でツールのインストールや基本概念から一歩ずつ説明し、実践編へと進みながら実際のサービス開発に必要な知識を段階的に積み上げていく構成がよくできていると感じました。 特に、知っている部分は素早くスキップできる充実した講義資料!!これだけでも受講料が全く惜しくないクオリティです。 ソフトウェア開発を初めて始める方、特にアイデアはあるけれど開発知識がなくてためらっている方に、特に役立つ講義だと思います。

    • grab
      知識共有者

      ジノさん、丁寧なフィードバックありがとうございます :) 進める中で気になる点があれば、いつでも質問を残してくださいね!

  • ioiss7149님의 프로필 이미지
    ioiss7149

    受講レビュー 1

    平均評価 5.0

    修正済み

    5

    27% 受講後に作成

    非専攻者の方がバイブコーディングを始めて実際にサービスを作ったという感想が多い中、少し恥ずかしいのですが私は開発歴7年のエンジニアです……😂 それなのに、バイブコーディングをちゃんと始められずにいました…… 最近みんながバイブコーディングをしているので、私もすごく興味がありました…… '私も作ってみたかったサービスを一度作ってみようかな?' なんて思ったりもして 実際、昔ちょっと作ってみたいと思っていたサービスがあって一人で始めてみたこともあるんですが、途中で詰まって結局諦めちゃいました笑…。 私はもともと知識が足りないとスタートすら切れないタイプで……。 これをするにはこれも知らなきゃ、あれも知らなきゃって…… それでも一応エンジニアなんだからちゃんと作らなきゃっていう強迫観念に囚まれて、余計そうだったんだと思います AIに聞きながら一つずつ解決していけばいいだけの問題なのに、 'バイブコーディングをちゃんとやるにはまず自分がもっと勉強すべきじゃないか?' 'エンジニアなんだから適当にやっちゃダメなんじゃないか?' なんてことばかり考えていて 結局知識がもっとついてから始めようと先延ばしにし続けていたんですよね……。 そうしているうちに、普段からフォローしていたグラブ先生がバイブコーディングの講座を出されたのを見て興味が湧いて受講することにしました そしてこの講座を受けて私が一番大きく得たものは「スタート」です……。 Claude Codeを実際に使ってみたり、バイブコーディングでテトリスを作ってみたり、その過程で必要な開発の概念を一つずつ繋げて説明してくださるので、漠然と難しいだけだったものが少しずつ整理され始めました! 特に一人でサービスを作っていて詰まっていた部分も、講座を聞きながら「ここで詰まってたんだ!」と腑に落ちる瞬間があって、すごく楽しかったです😭…。 まだ完成には至っていませんが、実際に一つずつ作っていく過程 자체가すごく楽しいです! そして何より、昔作っていて諦めたサービスにも再び挑戦して作り始めました 前は「知識が足りないから作れないんだろうな」と思っていたんですが、今は分からないことが出てきたら聞いたり調べたりして、一つずつ解決しながら作っていけばいいんだということを少しは知れた気がします! 講座自体も本当に細やかで丁寧です……。 単にClaude Codeの使い方を教えるだけでなく、初めて触る人がどこで詰まりそうかを考えながら一つずつ説明してくださる感じで良かったです!なので、エンジニアではない方でも十分についていける講座だと思います。 むしろ私のように「自分はエンジニアなんだからちゃんとやらなきゃ、もっと勉強してから始めよう」と思い込んでスタートを先延ばしにしている方々にもおすすめしたいですね笑 最近バイブコーディングを見ていて、無意識に「自分だけ取り残されているんじゃないか」と思っていたのですが、今回の講座を通じて実際に自分のサービスを作ってみて、再び開発への興味も湧いてきましたし、何より自信と達成感を得ることができました!! バイブコーディングに興味はあるけどまだ始めていないという方は、知識がもっとつくまで待たずに、この講座と一緒にとりあえず始めてみてください!😊 始めることさえできれば……残りはグラブ先生が全部教えてくださいます 順番通りに進めていくだけで大丈夫です笑

    • grab
      知識共有者

      ioi___s_s様、このように率直で心のこもったレビューをいただき、本当にありがとうございます。始めるのをためらわれていたお気持ちまで手に取るように分かり、「始める勇気」を得られたというお言葉に私も胸が熱くなりました(笑)作っていらっしゃるサービスが必ず完成することを応援しています。気になることがあれば、いつでも質問を残してくださいね :)

  • cwh3917님의 프로필 이미지
    cwh3917

    受講レビュー 1

    平均評価 5.0

    5

    13% 受講後に作成

    YouTubeを見ながら試行錯誤していた非エンジニアの皆さん?お願いだから、まずこれを聞いてください(泣) YouTubeのコツ動画を適当に真似してみては、行き詰まってイライラしてたんですが(…) 私のような非エンジニアなら、絶対にここから始めるべきです!! 聞きながら心の中で叫んだポイントをまとめました(笑) 1. 上っ面だけじゃない、'本物の基礎'から 正直、YouTubeのコツだけじゃ限界が来ますよね?これは根本から違います。コンピュータの構造、基本用語、ファイル管理のやり方まで、基礎をしっかり固めてくれます。 2. 超初心者の目線に寄り添ってくれる神講義 正直、初心者はボタンがどこにあるか探すだけでも迷うじゃないですか(泣) でもこの講義は、本当に超初心者の目線で、どのボタンをクリックすればいいか一つ一つ手取り足取り教えてくれます(泣) 完璧すぎる…。 3. コピペするだけで結果が出る奇跡(資料のクオリティがヤバい…) 講師の方が資料をすごく丁寧に準備してくださっているので、とりあえずコピペするだけで自分の画面に結果が出てきます。わあ…(笑) サクサク進むからめちゃくちゃ楽しいです! 4. WindowsとMacの両方に対応(ここで猛烈に感動泣) これ、地味にイラッとするポイントなの分かりますよね?普通、講師の方は自分が使っているOSのことしか教えてくれないので、自分のPCと違うとパニックになるんですが…ここはWindowsとMacそれぞれどう使えばいいか、両方とも親切に教えてくれます(泣) 本当に神対応すぎます(泣) AIをちゃんと学んで使いこなしたい非エンジニアなら、他で迷わずにこの講義に決めてください(笑) 本当にマジで超おすすめです!!!🔥🔥 信じられないなら、講義紹介のカリキュラムだけでも見てきてください。 本当に胸が熱くなるような講義です。

    • grab
      知識共有者

      wh様、丁寧なフィードバックありがとうございます :) なんだか胸がいっぱいです(笑)気になる部分はいつでもお気軽に質問してください!!

  • myh1217962277님의 프로필 이미지
    myh1217962277

    受講レビュー 1

    平均評価 5.0

    5

    34% 受講後に作成

    AIを使いながら大海原に浮いているような気分なら、この講義が灯台の役割を果たしてくれるでしょう。 非専門家としてバイブコーディング(感覚的なコーディング)をしながらも、AIが生成する成果物を全く理解できず、今正しく進めているのかという疑問が常にありました。この講義はその疑問に対する答えを提示し、AIが作った成果物の全体的な構造を理解させてくれるので、AIに一方的に依存することから来る不安を軽減してくれます。 開発に関する基礎知識を学んで終わりではなく、実際にサービスを一緒に作りながら、学んだ基礎知識を適用して自分のものにすることができます。 一人でバイブコーディングをする時も役立ちますが、協業の場面でAIを活用してコーディングをする際にも非常に役立つと思います! もし私がコーディングエージェントを初めて使う立場だったら、講義では資料に用意されたものを使用するため、プロンプトをどのように作成すべきか、なぜこのように作成するのかについて疑問に思うかもしれません。

    • grab
      知識共有者

      ヨンファンさん、「灯台」という表現、とてもありがたくて嬉しいです(笑)プロンプト作成に関するフィードバックも参考にして補完してみますね。コラボレーションの場面でもうまく活用できるよう応援しています。気になることがあれば、いつでも質問してくださいね :)

  • lee921232107님의 프로필 이미지
    lee921232107

    受講レビュー 1

    平均評価 5.0

    5

    30% 受講後に作成

    🛠️"ただのコピペ"ではなく"なぜそうなるのか"を教えてくれる講義 バイブコーディング、ポチポチ(クリック)程度ならやってみました。 コピペで何かしら形にはなりました。 問題はその次でした。 土台がなく基礎が弱いので、ちょうどそのレベルで止まっていました。 それ以上先に進めなかったんです。 エラーが出てもなぜ出るのか分からず、直ってもなぜ直ったのか分からず、 結局次もまた同じところで詰まる。 "これで合ってるのかな?"と思うけれど、何が間違っているのかも分からない状態。 その停滞区間を突き破ってくれたのが、この講義でした。 ■ '基本だから'と流しません "ただこれをコピペして使えばいいです。" 今まで受けてきた講義はここで終わりでした。 だから自分で入力しようとすると、意味が分からないので手が進まないんです。 この講義は違います。 "~がホームディレクトリだ。" "ls -aの - はオプションのようなものだ。" 大したことないように見えますよね?私にはこれこそが一番必要でした。 ターミナルを実行しろと言われても、シェルとは何か、npmとは何か分からないまま付いていくだけだった頃とは、 全く違う感覚です。概念を説明し、それらがどう作動するのかを 構造化して見せてくれるので、理解度がぐんと上がります。 コピペが 'コピペ' ではなく '理解して使うコマンド' になる瞬間です。 ■ [概念説明 → すぐ実習] この順序がすべてです この講義の最大の武器です。 概念を聞いてすぐに "実際" の例を見せる構成。 初心者に本当に必要なのはこれですが、講義がこのように組まれているので 学習速度は上がり、参入障壁は下がります。 概念→実習、概念→事例、実習→概念。この構造がGrabさんの講義のアイデンティティだと思います。 ■ 毎回の授業で <得られるもの> を先に教えてくれます 講義が始まる前に "今回の時間が終われば何ができるようになるか" を教えてくれるので、 没入感が違います。自分がどこまで来たのかを自分でチェックできます。 ■ つながりのメンション — 私はここが一番感銘を受けたポイントです 合間合間に "今学んでいるこの概念が、私たちの実習とどう繋がるのか" を指摘してくれます。 データベースの講義が特に良かったです。 "なぜ学ばなければならないのか?私がバイブコーディングをする上で、この知識がどのように必要なのか?" これを先に整理してくれるので、集中力がグッと入ります。 ■ まさに、バイブコーディングに必要な分だけの開発知識 開発者レベルの知識が必要なわけではないけれど、基礎は知っておかなければならない。 かといって、開発の講義を別途受ける必要性までは感じない。 この曖昧なポイント、皆さん分かりますよね? 私がまさにそれで止まっていたんです。 開発の講義を受けるには重すぎるし、受けないままだとずっと足踏み状態で。 この講義はその間を正確に埋めてくれます。後半に進むほど、現実的にバイブコーディングをしながら 知っておくべきことを分かりやすくさらってくれます。本当に必要な知識だけを。 特に、例となるサービスを一緒に作りながら実際の開発コードを指摘し、簡単であっても 説明してくれる部分が印象深く、開発知識を追っていくのに大きな助けになりました。 リサーチした結果を docs/ フォルダにドキュメント化しておく流れのように、 実務ですぐに使う習慣まで自然と身につきます。 ■ こんな方におすすめします - ポチポチで作ってはみたけれど、そこから先に進めずにいる方 - コピペはできるけれど、なぜそう使うのか分からない方 - 開発知識が必要なのは分かっているけれど、開発講義まで受けるのは負担な方 - YouTubeのTips動画を参考にしていたけれど、途中で詰まって諦めた経験がある方 私はすべてに該当していました。 "あ、これはこういうことだったのか!" という瞬間が何度も訪れます。 漠然と知っていたことを正しく知る経験は、思った以上に刺激的です。 ようやく前に進んでいる感じがします。

    • grab
      知識共有者

      ブレア様、構成まで踏み込んで丁寧にレビューを残してくださり、本当にありがとうございます。コピペではなく、理解して使うプロンプトになる瞬間を感じていただけたとのこと、講義を作った甲斐がありました(笑)残りの過程でも、詰まる部分があればいつでも質問を残してくださいね :)

grabの他の講座

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

似ている講座

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

新規会員登録で25%OFF

¥18,458

25%

¥24,608