非開発者でもClaude Codeで作る予約Webアプリ:企画からリリースまで
codingai
コーディングの知識がなくても大丈夫です。プランディでアイデアを企画書・メニュー構成・画面設計にまとめ、その企画キットをClaude Code(Web)に任せて、近所のピラティス予約アプリを作ります。会員登録・Kakaoログイン・予約とキャンセル・会員券の利用回数・管理者画面まで作成し、実際のURLで公開するプロセスを最初から最後まで体験します。
入門
React, Next.js, vercel
AIにやらせているのに、なぜ何度も壊れてしまうのかわからないなら、問題はコーディングではなく、'何が起きているのか'を知らないまま指示していることです。ログインと決済機能を備えたウェブサービスをゼロから完成させ、自分のドメインでのリリースや検索エンジンへの掲載まで実現しながら、各段階で "今、何が起きたの?"という文脈を理解して先へ進むバイブコーディングをお教えします。
受講生 51名
難易度 入門
受講期間 無制限
ログインからトスペイメンツでの決済までできる本格的なウェブサービスが完成
GoogleとNAVERで検索すると出てくる'リリース'経験
新しいAIツールが登場しても、最初から学び直す必要のない、変わらないウェブの仕組み
エラーが出ても「どこが問題なのか」を察してAIに質問できる問題解決感覚
壊してしまってもいつでも元に戻せるので、「全部消えてしまったらどうしよう」と心配せずに作れる安全装置
学習対象は
誰でしょう?
最初はサクッとできていたのに、今では一つ直すと別のところで問題が起き、AIの説明も理解できなくて、何かを指示するのが怖くなってしまった方
開発者になるわけでもないのに、いったいどこまで知っておけばいいのか途方に暮れている方
確かに自分が作ったサービスなのに、中身はブラックボックスで、持ち主である自分だけが何も知らない'観戦者'になったように感じる方
画面まではAIが作ってくれるものの、ログイン・決済・DB連携のようにAIだけでは対応できない部分で行き詰まっている方
前提知識、
必要でしょうか?
「バイブコーディング」という言葉だけでも聞いたことがあれば大丈夫です!
Lovable、v0、CursorのようなAIツールを一度でも使ったことがあるなら、なおさら最高です!
キャリア認証
51
受講生
3
受講レビュー
4
回答
5.0
講座評価
1
講座
全体
53件 ∙ (11時間 2分)
講座資料:
全体
3件
5.0
3件の受講レビュー
受講レビュー 2
∙
平均評価 5.0
修正済み
5
講師が非開発者のためにカリキュラムについて本当に熱心に考え抜いたことが伝わってきます。イ・ジョンファン講師の講義も、非開発者の目線に合わせて開発知識をわかりやすく教えてくれてよかったのですが、この講義はさらに深く掘り下げながらも、非開発者にも理解できるよう丁寧に説明してくださっていて、とてもよかったです。何より、一流講師のように授業内容の流れを途切れさせてしまう可能性のあるテーマについては、百科事典として別枠に切り分けて流れを維持しつつ、重要な内容は途中で何度も繰り返し、講義の最後には要約までしてくださるので、非常に満足しています。バイブコーディング関連の本を読んでいるうちに、スキルやルール、サブエージェントなどを活用したSDD、TDD、リファクタリングのワークフローの作り方が気になり、学びたいと思うようになりました。次の講座で教えていただけることを期待しています。たくさん学ばせていただきました。ありがとうございます!!
imminkyuさん、こんなに詳しい受講レビューを残してくださって、本当にありがとうございます! 正直に言うと、この講座を作りながら「非開発者の方々が本当に最後までついてこられるだろうか」という悩みが一番大きかったです。流れを妨げるテーマを百科事典として別にまとめたり、重要な内容を繰り返したり、最後に要約を入れたりしたのも、すべてその悩みから生まれた工夫でした。その点を正確に汲み取っていただけて、作り手として大きな慰めと確信になりました ☺️ 94%まで完走してくださったことにも感謝していますし、決済からリリースまで実際にサービスを作ってみられたとのことなので、うまく稼働していることを願っています! おっしゃっていたスキル/ルール/サブエージェントをベースにしたSDD、TDD、リファクタリングのワークフローは、私も最近よく扱っているテーマなので、次の講座を企画する際には優先順位に入れて検討してみますね!! 講座を進める中で分からない点や行き詰まるところがあれば、いつでも質問を残してください。改めて、ありがとうございました!良い一日をお過ごしください 😊
受講レビュー 3
∙
平均評価 5.0
修正済み
5
バイブコーディングに興味のあるあなたが、 もし一つの講座しか選べない状況なら、 私はこの講座をおすすめします。 https://vibeplug-iota.vercel.app/ 授業に沿って私が作りました。(~26.9.4) (ドメインは購入していません。笑) 私が今年やったことの中で一番よかったのは、 今回バイブプラグさんのこの講座を受講したことだと思います。 会社員として、最近はAIとバイブコーディングがブームなので、取り残されないように、それなりにコーディング関連の授業を受けてきました。ほかの講座では、まだ自分の実力が足りないからだと思いますが、言われたとおりにやれば何かはできるものの、なぜできるのかも分からず、一つを直すと別のところで問題が起きたりして、少しスランプに陥っていました。しかし、この講座を受講して、頭の中の"霧が晴れました"。 未経験者でも最後までやり遂げられるように、いろいろと考え抜かれた跡が感じられました。 サービスのデプロイと運用という最終的な成果を達成するために、最も必要な核心部分だけを説明し、参考事項は付録にまとめてあるので、迷うことなく目標に集中できました。 講座の冒頭で学習目標を示し、説明の後半ではその講義の内容をまとめ、次の時間に学ぶことにも少し触れてくれるので、没入感がありました。 私が感じたところでは、 講師が話していた"伏線"や手がかりが、まるで一つの推理小説のように各回でつながっていて、興味深かったです。説明した後に、ただ「そういうものです」と言葉だけで終わらせず、実際にF12の開発者モードでデータがどのように動いたのかを確認したり、各サービス(supabase、vercel、開発サーバー)でログも確認したりすることで、より確実に理解できたと思います。 それから、悪意のある利用者について2つの例を挙げて危険性を説明してくれたことも、「漠然とセキュリティに気をつけなければならない」と言われるより、はるかに実感が湧き、警戒心を持つきっかけになりました。 バイブプラグさんのほかの講座にも興味が湧きました。 ここで触れられていない内容や、別の分野の講座も開設していただけたらうれしいです。 皆さんにもこの講座を強くおすすめします。
좋은하루さん、心のこもったレビューを本当にありがとうございます!😊 講座についてきてくださり、ご自身でサービスを完成させ、デプロイまで体験されたことを何より嬉しく思います。単にコードを写して終わりではなく、データがどのように動き、SupabaseやVercelのようなサービスでどこを確認すればよいのかまで理解できたとおっしゃっていただき、講座を作りながら最も伝えたかった部分がしっかり届いたようで、とても嬉しく思います。 特に、未経験の方が途中で迷子にならないよう、「なぜこのようにするのか」をできるだけ関連づけて説明しようと心がけました。各チャプターがつながっている感覚や復習の構成まで評価していただき、本当にありがとうございます。セキュリティや例外的な状況についての内容も、実際にサービスを運用するうえで必ず必要になる部分ですので、これからもプロジェクトを作り続けていく際に、きっとお役に立つと思います。 そして、成果物のサイトも共有してくださりありがとうございます >< 講座を受講して終わりにせず、ご自身で成果物まで作り上げられた行動力が本当に素晴らしいです。私が講座で作ったものよりずっと洗練されていますね?!今回のプロジェクトをきっかけに、これからはさらに速く、自信を持って、作りたいサービスを形にしていけるようになると思います。 他分野の講座も楽しみにしてくださっているとのお言葉も、ありがたく心に留めておきます。良いテーマでまたお会いできるよう、これからも考え続けていきます。貴重なレビューと積極的なおすすめを本当にありがとうございます!🙏 これからお作りになるプロジェクトも、心から応援しています。🚀
ふふふ、コメントありがとうございます。
受講レビュー 1
∙
平均評価 5.0
5
スヨンさん、星の評価をつけてくださりありがとうございます! 😊 まだ受講中とのことですので、これからの内容も一つひとつ着実に進めながら、目指している成果物を完成させていただければと思います! 受講中に疑問点やつまずく部分がありましたら、いつでもお気軽にご質問ください。できるだけ早く確認し、最後まで完走できるようサポートいたします! 残りのコースも楽しみながら受講していただき、ご自身で作ったサービスを完成させて公開する瞬間まで応援しています。🚀
同じ分野の他の講座を見てみましょう!