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

React, Next.JS 14, TailwindCss, RadixUI, Shadcn, zustand で YoutubeMusic ウェブサイトをクローンします。 NextJS基礎からUI重点でWebフロント基礎をマスターすることができます。

フロントエンド開発者なのにログイン機能を実装できず、悔しい思いをしたことはありませんか？DBを利用してデータを保存・取得する機能を実装したいけれど、クエリを勉強するのは負担に感じていませんでしたか？Firebaseなら簡単に実現できます！ReactとFirebaseの力を借りて、ユーザー認証、データ保存、ホスティングなど、Web開発に不可欠な機能を一緒に実装してみましょう！（本講義は22年8月に収録されたもので、Firebaseのメジャーアップデートを反映した内容となっています。）

画面上で変わったからといって、保存されたことになるのでしょうか？ サーバーの応答と保存、ログインと権限、AIの回答と性能、検証とデプロイまで。AIが作った画面を実際のユーザーに公開するには、何をさらに決め、確認しなければならないのかを学ぶ第2回です。

Next.jsフルコースをつまみ食い！ GraphQL、Redis、RabbitMQ、Prisma、TailwindCSS、Docker Compose、Cypress、Prometheus、Grafanaなど、最新技術で実践プロジェクトを完成させ、App RouterとPage Routerの両方を経験します。

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

最新のNext.js v15 App Routerを学びながら、Notionベースの実用的な開発者ブログを一緒に構築する講座です。さらに、Cursor AIの活用方法など、さまざまな知見も得られます。

Spring Boot (ver3.4.x)で制作されるAPIサーバーと React 19 (with TypeScript) 連動プロジェクトを完成させる！ バックエンドのポートフォリオにフロントエンドを適用！ 実務者を対象に作成された講義（初心者向けの講義ではありません。）

AI時代のWeb開発者には、コーディングだけでなく、AIを活用してアイデアを実際の成果物へと完成させる能力が重要です。StitchとFigma Makeを活用したUI制作からReactの実装、デプロイまでを経験し、実務やポートフォリオに活かせるAI Web開発スキルを身につけましょう。

開発プロジェクトのためのミッションコンテンツです。DevTimeというタイマーアプリを実際に実装しながらプロジェクトの実習ができるよう、PRD企画文書、Figmaデザイン、APIエンドポイントを提供します。実際のサービスに近いレベルのプロジェクトを実装しながら、これまで学習した知識を完璧に自分のものにしてください 🚀

完全なエンドツーエンド開発者ジャーニー — FastAPI、React、そしてVibe Coding技術を使用して、超高速API、モダンフロントエンドインターフェース、実際のプロジェクト、認証システム、ダッシュボード、そして完全なデプロイメントを構築する。

Web開発者が（特にReact開発者であれば）本当に手軽にアプリをリリースできる時代になりました。Expoを使えば、さらに素早くAndroidとiOS両方のアプリをリリースできます。Expoを通じて、アプリまでスピーディーにリリースできる開発者になりましょう。

OpenAI APIだけで始められる、30分間の無料入門講座です。Responses API、JSONレスポンスの処理、validation、idempotency、logsまで、核心だけを効率よく学び、外部サービスのキーなしですぐにテストできる実践的なバックエンドのフローを身につけます。

毎日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を実戦で活用する方法が知りたい方 --- ⚠️ この講義は投資収益を保証するものではありません。 株式分析ツールを自作してみるプログラミング講義です。 実際の投資判断は受講生本人の責任となります。

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

単純なシステムプロンプトを超えて、ペルソナ設計とStructured Outputsを活用し、ユーザーを記憶し関係性が変化するAIキャラクターチャットボットを実装します。提供されるスタータープロジェクトを基にOpenAI APIを安全に呼び出し、JSON SchemaとZodで感情・信頼度・記憶を検証可能な形で処理し、AIコーディングエージェントを制約条件の中で活用する方法を30分の実習で完成させます。

Classic RAG、Graph RAG、Agentic RAGの核心原理と実践的な実装を学びます。トークン効率とレイテンシを最適化する動的ルーティングシステムを設計し、GraphRAGの関係ネットワーク推論とAgentic RAGの自己評価ループを組み合わせた長期記憶システムを構築します。実務ですぐに活用できる高度なRAGアーキテクチャ設計能力を完成させるためのコースです。

この講座は、さまざまなプロンプトを大量に集めるためのものではなく、 どの職種・どの業務にもすぐに応用できるAIディレクティングのフレームを身につけるための講座です。 業務別のプロンプトをダウンロードしても、いざ実務で使うとなると、必要なプロンプトを探し、 自分の状況に合わせて修正し、成果物を再度手直しする時間が必要になります。 この講座では、M·A·G·I·Cプロンプトフレームを通じて、目的、文脈、例、完了基準、検収基準を 一度に設計する方法を学びます。 レポート、企画書、マーケティング施策、会議の要約、業務メール、反復業務の自動化まで、 一つのフレームでつなげ、AIとの不要な修正のやり取りを減らし、 明日からすぐに業務スピードを変えられる、実践的なAI活用力を身につけられます。

[Tailwind CSS実践ポートフォリオパブリッシング]は、Tailwind CSSを活用して26種類以上の実践例を製作する過程です。実践例を素早く多様に制作することで、その中で必須の理論を説明します。この講義は、開発者とパブリッシャーが作成するTailwind CSSスタイリングを中心に作成されました。

Claude Codeを基礎からプロのように使いこなします。主要機能（CLAUDE.md・サブエージェント・MCP・Hooksなど）を習得して実際のサービスを開発・デプロイまで進め、非専攻者向けの基礎付録と高度な活用講座で締めくくります。

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。