NestJS・Next.jsで作るリアルタイムビデオ診療 — 医師・患者・保護者が一つの診療室で出会うフルスタック

いよいよ実践に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証&認可、無限スクロール、画像アップロード、「いいね」、無限ネストコメント、ダークモードなどの機能を作っていきます。この過程で、ZustandとTanstack Queryを使ったサーバーおよびグローバル状態管理の手法も見ていく予定です。

この講義は 「最新技術で素晴らしいものを作ろう」ではなく、 「少し知っているだけでも直接作ることができる」ということを感じさせてくれる 最も現実的なウェブ開発入門講義です。 HTMLとJavaScriptで基本構造を作り、 Node.jsとSQLiteを利用してデータをやり取りし、 Next.jsで簡単なウェブページまで完成させてみます。 複雑な設定や難しい理論は最小限に抑え、 実際に動作するコードを作成しながら ウェブ開発の感覚と流れを手で覚えることに集中します。 この講義は「学ぶこと」よりも「直接やってみる経験」が中心です。 少しでもコードを触ったことがあれば、 誰でも一緒に進めながら完成の達成感を感じることができます。

💡 非開発者もAIと一緒にたった10時間で創業MVPから収益化サービスまで！ 💰 外注費数千万円が必要だった開発、今や12万円で完全解決 🎯 名刺認識、感情分析、立地分析まで実戦ビジネスプロジェクト5個完走 🔥 企画者、マーケター、予備創業者なら開発者なしでもアイデア実現 ⚡ 今始めれば一生使える開発自立能力を獲得しましょう！

初心者でもできる、ウェブ、サーバー、モバイル アプリ、機械学習まで習得できるフルスタックの最終講義!! 開発をどこから始めたらよいかわからない場合は、この講義を強くお勧めします。Javascript 1 つで進めます!

バックエンド開発者としてポートフォリオを作成しましたが、見せてくれるのがAPIしかない就労生たちにフロントエンドを加えて1つのWebサービスにすることができる経験を提供します。

この講座は、Spring Boot 3、Spring Security 6、Reactを活用し、一般ログイン、ソーシャルログイン、JWTベースのトークン認証を体系的に学習するコースです。MPAとSPAの両方の環境でOAuth2ソーシャルログインとセキュリティが強化されたJWT認証システムを構築し、XSS・CSRF対策、HTTPSの適用、トークンの再発行および廃棄戦略、秘密鍵の安全な管理など、セキュリティ実務全般を扱います。AWSを通じたビルド・デプロイ、Redisを利用したパフォーマンス最適化まで、実際のサービスレベルの環境構築を実習し、講座で提供される完成プロジェクトのソースコードを通じてログインフロー全体を理解し、すぐに実務に適用することができます。

一口シリーズの第3作！世界で最も親切で、詳細なNext.js講義です。App Routerだけでなく、Page Routerについてもプロジェクトを通して学びます。

「Next.jsマスタークラス：Part 3 - 実戦アーキテクチャの完成」は、ローカルでのみ動作するチュートリアルレベルを超え、大規模トラフィックに耐えうる「真の商用サービス（Production）」のアーキテクチャ設計指針書です。TanStack QueryとZustandを組み合わせた無欠陥の状態同期から、Turbopackベースの100KB未満のバンドル最適化および高度なSEO注入、そしてプロキシ（Proxy）とJWTセッションを活用した鉄壁のフルスタックセキュリティ網の構築まで、現場の核心技術をすべて網羅しています。厄介なHydrationエラーやCORSの壁を自ら打ち破り、単なるコーダーを超えてフロントエンドシステム全体を支配する「シニアアーキテクト」へと飛躍したい方に、この講義を強力に推薦します。

Javascriptを含む多くのプログラミング言語では、非同期操作は最も要求が厳しく、ソフトウェアの複雑さを高める要因の1つです。 setTimeout、setIntervalなどのプリミティブな非同期プログラミングは破棄され、RxJSを使用して複雑な非同期タスクを簡単に処理できます。

React + SpringAIで作る「安全新聞庫」AI通報サービス開発 Neo + Essential 5番目のプロジェクト講義は、政府システム改善アイデア「安全新聞庫」通報システムの構築です！

ハッシュ、ソルト、JWT、対称鍵・非対称鍵、そしてHTTPSとTLSまで。毎日使っていながらも、いつも曖昧で腑に落ちなかったセキュリティの骨格。放置してきた数々の脅威と技術的負債、いつか向き合わなければならないのなら、今回一度でしっかり片づけましょう。

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

理論と実践を通じて、JavaScript を習得できる講義です。コーディングを初めて触れる方でも、段階的に説明するので簡単に理解できます。Part 1 では、JavaScript の概要、変数、データ型、演算子、制御文、jQuery の基礎を扱います。

この講座は、JavaScriptの基礎をしっかりと学びたい入門者や非専門家のためのものです。 この講座では、（1）できるだけ短い時間で、（2）多様な比喩を用いてJavaScriptの概念を理解することから、（3）実践的なJavaScriptコードの作成を通してJavaScript言語に慣れることまで、包括的に扱います。

収益型サービスの決定版、私が寝ている間も稼働する四柱推命サービスを作ります。 1週間で作ったサービスで、初月は広告費ゼロで200万ウォンを売り上げ、 最近作った2つ目のサービスは3日で完成させ、1日で34万ウォンの純売上を達成しました。 単なる'クリックするだけ'の四柱推命ではありません。韓国最高峰の占術家協会の四柱推命サービス制作を一手に担い、 NAVERウェブトゥーンのIPを購入して制作する四柱推命サービスの開発・運営も行っています。 自ら運営した事例をもとに、未経験者でもAIと対話しながら、自分のブランドのクオリティの高い四柱推命サービスを作るプロセスを追体験できます。キャラクターとストーリー、四柱推命の結果、決済・自動配信、管理画面まで実装し、Threadsの自動化・Meta広告・YouTubeコンテンツによって顧客の流入につなげます。作る楽しさを超え、収益化を目指す'本物の'収益型四柱推命講座です。

AI時代に不可欠なAIを活用し、最適な成果を得たい方々のために準備しました。 たった2時間で、AI活用をコーディングを通じて本格的に学ぶことができます。

Bootstrap(BOOTSTRAP)を活用したレスポンシブWebページ作成[2024年改訂版]の実際の制作授業として、デバイスに応じてレイアウトが変わるレスポンシブWebの実務ページをBootstrap4を活用して直接制作してみます。

新人・現役開発者が最も苦労する書類作成！ 合格者たちの書類作成術を参考に、自分だけのポートフォリオを作ってみましょう！ 合格した書類だけを見てお伝えします！

ウェブデザイン開発技能士（旧ウェブデザイン技能士）出題基準（2025.1.1 ～ 2027.12.31）まで施行される出題基準に正確に合わせたウェブデザイン技能士実技試験の内容に最適化されている実技試験専門講義として、HTML+CSS+JQUERYパブリッシング、コーディングワークスのウェブデザイン開発技能士実技試験講義は一味違います。 2026年ウェブデザイン開発技能士のすべての試験タイプ（A, B, C, D, E, Fタイプ）を完璧に制作した授業動画がすべて反映されています。

クリックしながら学べる、簡単で楽しい授業です。ポートフォリオの方向性をご参考いただけます。