Next.js App routerベースのChat GPTの作成

リアルタイムAIエージェント、会議内容の要約、そして通話後機能を備えたAIベースのビデオ会議アプリケーションを作ります。

開発から配布まで！ 一つのサービスを完成するための険しい旅をろ過なくお見せします。 初めて使ってみる技術を盛り込んで左衝ウドルウダン湯湯ながらもなんとか迷っていくことができますよ！

「なぜAIがこんなコードを書いたのか？」、「なぜさっき言ったことを覚えていないのか？」 Claude CodeのようなAIツールを使っていると直面するもどかしさ。その原因は、ツールがどのように動作しているかを知らないことにあります。この講義は、そのブラックボックスを透明に解き明かします。 全25講を通じて、LLMにファイルを見る「目（Read）」、コードを直す「手（Edit）」、命令を実行する「足（Bash）」を直接持たせ、実際の現場で使われるツールと同じように動作する自分だけのCoding Agentをゼロから実装します。単にライブラリの使い方を学ぶのではありません。AIがどのようにプロジェクト構造を把握し、なぜ長い会話で記憶を失うのか、それを技術的にどう解決するのか（Sliding Window、Summary）を、直接コードで実装しながら体得します。 この過程を通じて、皆さんはAIツールの単なる「ユーザー」から、作動原理を見抜き、ツールを自分好みに改造・評価できる「AI供給者」の視座を手に入れることになるでしょう。

v0、cursor AIおよび各種LLMと共に、PRDからAI商品推薦まで！実戦プロジェクトでNext.jsショッピングモールを完成させましょう

Next.jsで個人的なブログを作成し、Next.jsを手に入れてください！

従来のReact開発方式とNext.jsを利用して開発する方式は全く異なります。この講義は最新のNext.js 16の核心を貫き、「本物の」Next.jsらしい開発方式をお教えします。就職ポートフォリオから実務プロジェクトまで、パフォーマンスと効率の両方を掴む方法を体験してください。 Next.jsらしく開発しましょう!Next.jsの機能をどのように適用すべきか、実際の例題を作りながら体で学べるように構成されています。サーバーコンポーネントを中心に見て、サーバーアクションとキャッシング戦略などを理論よりも実際にコードを通してより速く学習します。 講義の目標はできるだけ早くNext.jsの雰囲気についていくことであるため、講義自体はJavaScriptを利用して進行します。しかし、各講義の例題はTypescriptで制作されたものを追加で授業資料として提供します。 2025年12月18日 - Next.js 16バージョンにアップデート

タイプスクリプトを正しく理解するには、公式文書を一度見てください。 文書の重要な部分だけがコックを拾い、分かりやすく伝えます。 実戦に必要な内容も一緒にお知らせする講義です！

Next.js 15のApp Routerは、サーバーとクライアントの境界を完璧に制御し、高性能なWebサービスを構築するための強力なアーキテクチャです。本講義は、サーバーコンポーネント（RSC）の動作原理から3大キャッシング戦略（Static, Dynamic, ISR）に至る複雑なレンダリングメカニズムを、12の実務ミッションを通じて明確に結びつけます。これにより、ファイルシステムルーティングとネストされたレイアウトをビジネス要件に合わせて設計する能力を身につけ、原理のわからないコードをコピーしていた「雰囲気コーディング」の不安から完全に脱却できます。結果として、皆さんはAIが生成したコードの盲点を瞬時に見抜き、最適な構造を主体的に指示できるNext.jsアーキテクトへと成長することでしょう。

この講義を通じてリアクトとファイアベースを利用してチャットアプリケーションを作成することができます。

複雑なNext.jsの様々な概念を短時間で核心だけ学べます。Next.jsを初めて学ぶ方のための実務必須知識だけをお伝えします。フレームワーク講義だけで8年目を迎えるキャプテンパンギョのNext.js新規講義。「AI時代のフロントエンド開発者」のコーディングと学習方法を学べます！:)

🔥 講義の登録から動画のアップロードまで、知識共有者機能をそのまま実装してみる実践フルスタック講義です。Next.js 15とNestJSを活用し、講義の作成、カリキュラム構成、サムネイルおよび動画のアップロード、詳細紹介の作成まで、実際のInflearn（インフラン）の流れに沿って作りながら、Prismaモデリング、JWT認証、S3 + CloudFrontアップロード、Swagger API設計など、実務に近い経験を積むことができます。

랭체인(LangChain)ライブラリの概念と活用方法を学習し、랭체인(LangChain)ライブラリを利用して自分だけのChatGPTを作ってみる講座です。

Claude Codeを基礎からプロレベルまで使いこなします。主要機能（CLAUDE.md、サブエージェント、MCP、Hooksなど）を習得して実際のサービスの開発からデプロイまでを行い、非専門家のための基礎付録と高度な活用講義で締めくくります。

LLMアプリケーション開発のための基本背景知識と開発経験を共有します。

GPT APIを活用したプログラムを作成し、画像生成や動画生成まで！

コマンド一行で完了。記憶し、自動化し、自ら成長するAIエージェントHermes。開発者でなくても、今日からAIに仕事を「任せる人」になれます。インストールから実務活用まで、SMARTFORKがサポートします。

単なるチュートリアルだけでは実務への適用は難しいですよね。私の現場でのノウハウを詰め込み、複雑な状態管理とマルチエージェントの設計手法を確実にお伝えします。

生成AIの基礎活用法から自動化および実務用カスタムAIチャットボット制作まで、すべてのプロセスを一度に学習することができます。

毎日2,500銘柄、いつまで自分でチェックし続けますか？ 大引け後に急騰株を探してネイバー証券を漁り、 ニュースを読みながら好材料か悪材料かを判断し、 外国人・機関投資家の需給を一つ一つ確認し、 チャートを開いてパターンを分析する…。 これを毎日繰り返していませんか？ 私もそうでした。 仕事が終わってから2〜3時間を銘柄分析に費やし、それでも見逃す銘柄の方が多かったです。 KOSPIとKOSDAQを合わせれば2,500銘柄を超えますが、人間が毎日すべてを見ることは不可能ですから。 --- だから、システムを作りました 毎日大引け後に、自動で2,500銘柄を分析するシステムを作りました。 - 株価、需給、ニュースを自動で収集し - AI（Gemini）がニュースを読んで好材料・悪材料を判別し - 6つのファクターで15点満点のスコアを付け - 基準をクリアした銘柄だけを選別して、エントリー価格・損切り価格・利確価格まで計算し - テレグラムで通知を送ってくれます 私は仕事の後にスマホを確認するだけで済みます。 さらに、毎週土曜日になるとシステムが自ら先週の成果を分析し、 損切りライン、利確ライン、保有期間を自動で調整します。 システムが勝手に学習し、改善されていく構造です。 --- ですが、私は開発者ではありません このシステムのコードを私が直接書いたわけではありません。 すべてAIに言葉で指示しました。 「今日5%以上上昇した銘柄の中で、売買代金が500億ウォンを超えるものだけを抽出して」 「このニュース3つをGeminiに送って、好材料かどうか判断させて」 「毎日午後4時に自動で実行されるようにスケジューラーを作って」 こう言えば、AI（Claude）がコードを作ってくれます。 これが「バイブコーディング（Vibe Coding）」です。 --- この講義で、全く同じシステムを作ります 58回の講義を通じて、私が実際に毎日使用しているシステムを最初から最後まで一緒に作ります。 データ収集から始まり、 AIニュース分析、スコアリングエンジン、シグナル生成、 Flask APIサーバー、Next.jsウェブダッシュボード、 テレグラム自動通知、そして自己学習システムまで。 Jupyter Notebookが成果物ではありません。 実際に毎日稼働するウェブダッシュボードとテレグラム通知が成果物です。 コーディングを知らなくても大丈夫です。 毎回の講義でClaudeにどう伝えればいいかをお見せします。 皆さんがそれを真似すれば、同じ結果が得られます。 --- こんな方におすすめです - 毎日銘柄を分析する時間が足りない会社員投資家 - 自動化システムを持ちたいが、コーディングがわからない方 - クオンツ/システムトレードに興味があるが、どこから始めればいいかわからない方 - AIを実戦で活用する方法が知りたい方 --- ⚠️ この講義は投資収益を保証するものではありません。 株式分析ツールを自作してみるプログラミング講義です。 実際の投資判断は受講生本人の責任となります。

この講義を通じてタイプスクリプトについて学ぶことができます。