Vibe Codingで作る本物のウェブサービス：旅行MBTIウェブサイトを完成させる
Boaz
AIプロンプトだけで旅行MBTI診断ウェブアプリを作成し、韓国観光公社の公共Open APIを実際に連動させて実サービスレベルまで完成させる実戦バイブコーディング講座です。プロンプト分割技法を用いて、粗削りな結果を完成度の高いウェブアプリへと改善し、APIキーのセキュリティやデプロイまで全過程を扱います。
入門
No-code, api, AI
Next.jsをただ使ってみたことがあるという段階から、原理を理解する段階にアップグレードしてくれる講義でした。 技術は常に速く変化しますが、本質的な原理を理解すれば変化にも容易に適応できますね。 Next.jsを使用しているものの、「なぜこのような構造が必要なのだろうか？」という疑問を持つ方におすすめです！良い講義をありがとうございます 🥰
最高の講義です。これほど深みのある講義はInflearnで初めて見ました。Next.jsがなぜこのように設計されているのか納得できました。ただあれこれ触ってみて意味のない勉強をしても、少し時間が経つと記憶に残りません。なぜこのように設計されているのかを知りながら勉強すると、記憶にも長く残ります。自然と面接対策も兼ねられますし。プロジェクトを真似て作るような講義にお金を多く無駄にした者として、本当に推薦する深みのある講義です。
とても良い講義です。 講義が最初に出た時、解像度の問題でメールをお送りしてInflearnに改善要求をしていただいたと回答をいただきましたが、まだ最大解像度が720pのままになっているのは少し残念です（見るのに支障はありません）
これまでNext.jsを利用して様々なプロジェクトを進めてきましたが、自分自身が使っているフレームワークに対する理解が不足しているのではないかという疑問が常にありました。しかし、この講義を受講し、Next.jsというReactベースのフレームワークをなぜ使う必要があるのかという明確な理解が頭に刻み込まれたように思います。 特に、サーバールーティングとサーバーコンポーネントの概念は公式ドキュメントを見ても理解できない部分が多かったのですが、そういった部分を実際のサンプルコードを通じて学び、さらに講師の最大限直感的な説明を通して簡単に理解することができました。 これまではプロジェクトをしながら、表面的な理解だけで機能を実装してきたように感じていました。しかし、これからはどのような機能を実装する際にも「なぜこの方式の方がより良い選択なのか？」「この構造の長所と短所は何なのか？」を共に悩むことができるようになりました。おかげでNext.jsに対する恐れも消え、さらに、どのようなバージョンでも新しい機能が登場しても簡単に吸収できるだろうという自信も生まれました。 この講義は表面的な使い方ではなく、本質的な原理と設計意図を見通したい方にぜひお勧めしたい講義です。Next.jsをしっかり理解したい開発者であれば、私が受講したこの講義が転換点になり得ると確信しています。
単にコードの書き方だけを教える初級講義とは次元が違います。Next.jsのルーティング、データフェッチ、レンダリングに対する哲学的背景と技術的実装方式を深く扱っています。特に「Next.jsのルーティングはどう実装したのか？」、「なぜDynamic Routeのparamsはpromiseに変わったのか？」のようなテーマは、単に使い方ではなく「なぜ」そう設計されたのかを理解させてくれます。実務でむやみに「use client」でCSRばかり使っていた私に、Server Componentの本質と最適化ポイントを明確に理解させてくれた唯一の講義です。今になってやっとNext.jsを 제대로（ちゃんと）活用できるようになった気がします。次の講義も本当に楽しみです！
