コアフロントエンドUI - Part 2

ES6以前までのJavaScript全体を貫通する重要な概念について、全体的な流れを調べる講義です。

《モダンJavaScriptディープダイブ》 本の内容をそのまま追いつくスタディ映像です。

2023年にリニューアルされたReact公式文書を一緒に学習します。

《エフェクティブタイプスクリプト》 本の内容をそのまま追従するスタディ映像です。 一緒に勉強すればはるかに簡単になります！

ES6+を正しく学ぶコースは、JavascirptのES6以降の標準ECMAScript仕様について、理論に基づいてES5と異なる点と概念と動作原理を深く教えてくれます。

ES6+を正しく学ぶコースは、JavascirptのES6以降の標準ECMAScript仕様について、理論に基づいてES5と異なる点と概念と動作原理を深く教えてくれます。

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

代表的なUI要素をReactバージョンと純粋なJavaScriptバージョンで作ってみながら、Web APIを活用した多様な視点と方法を経験し、フロントエンド開発の実力を一段と引き上げてみてください。

ReactベースのシンプルなSNSサービスを作成しながら、REST APIとGraphQLを練習します。 フロントエンド開発のためのバックエンド環境を簡単かつ簡単にする方法を紹介します。

ES6+を正しく学ぶコースは、JavascriptのES6以降の標準ECMAScript仕様について、理論に基づいてES5とは異なる点と概念と動作原理を深く見ていきます。

代表的なUI要素をReactバージョンと純粋なJavaScriptバージョンで作ってみながら、Web APIを活用した多様な視点と方法を経験し、フロントエンド開発の実力を一段と引き上げてみてください。

Reactは、Facebookで作成されたオープンソースのJavaScriptライブラリです。 JavaScriptを使用して、コンポーネントベースのUIを作成できます。シングルページアプリケーション（SPA）の作成に最適化された現在最も人気のあるフロントエンド開発ライブラリであるリアクトを使用して、Web開発に必要なすべてのコンポーネントを学習します。 Part.2では、リアクトのコンポーネントを作成するさまざまな方法を学習します。

この24時間のチュートリアルでは、自分だけのYouTubeクローンを作る方法を学びます。Next 15とReact 19（tRPCを含む）、サーバーコンポーネントでのプリフェッチ、クライアントコンポーネントでのサスペンス活用、ビデオ処理、バックグラウンドジョブ、AI機能など、高度なトピックを扱います。

タイプスクリプト/JavaScriptでペイントを作成し、さまざまなデザインパターンの使い方と長所と短所を学びます。 canvas apiを学べるのはボーナス！

Reactレンダリングの原則、最適化を習得し、実践的な活用とインタビューの準備をしましょう！

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。 慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

ReactとFirebaseを活用して、ログイン、投稿管理、ファイルアップロード、プロフィール管理など、実際のサービスで使用されるコア機能を実装するウェブアプリケーションを作成する講座です。 Firebase Authenticationを利用したメールログインとソーシャルログイン、Firestoreベースのデータ保存およびリアルタイムデータ処理、Firebase Storageを活用したファイルアップロード機能、そしてプロフィール管理機能まで段階的に実装しながら、一つの完成されたウェブサービスを作ることができます。 フロントエンド開発を学んでいる方が、複雑なサーバー構築なしにFirebaseを活用して素早くウェブサービスを実装する方法を理解できるように構成された講座です。

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

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

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

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

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

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

React Nativeでアバターベースのコミュニティアプリを開発します。記事作成だけでなく、コメント・返信、いいね、投票、アバター作成など、完成度の高いコミュニティアプリを作る過程を学ぶことができます。

TypeScriptを始める方のための講義です。最新のJavaScript文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。難しく感じられるTypeScriptを初心者の視点から簡単で楽しく学んでいきましょう😄

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

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

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

JavaScript、TypeScriptに続いて、次はバックエンド開発です。NestJSを使用してREST APIバックエンド開発、Socket IO開発および配布を行うことができます。