React + TS徹底フォーカス：TypeScriptマスター with React（動画コース）
- ダウンロード商品¥ 22,880
React + TS徹底フォーカス：TypeScriptマスター with React（動画コース） 視聴はこちら 👉👉 https://monotein-master-videos-viewing.netlify.app
「TypeScriptをReactで使う」に徹底フォーカスした実践動画コース
🟡 2025年のフロントエンド開発現場で必須のTypeScript。基礎から高度な内容までを全カバー 🟡 「TypeScriptをReactで使う」という点に徹底フォーカス。React + TypeScript開発で必須の知識とスキルを効率的に獲得 🟡 最新のReactバージョン19に完全対応 🟡 2025年3月リリース 🟡 最新のReact開発環境構築ツール「React + Vite」を使用 🟡 「手を動かしがら学ぶ」ハンズオン形式なので、飽きづらく、最後までスムーズに終えられる構成 🟡 自信をもってReact + TypeScriptコードが書けるようになる充実コース 🟩「TypeScriptだけ」、あるいは「Reactだけ」にフォーカスした動画・書籍教材はいくつもありますが、本コースのように「TypeScriptをReactで使う」という点に重点を置いた教材はほぼありません。 🟩「TypeScriptをReactで使う」にフォーカスした本コースで、2025年の必須スキルを身につけましょう。
🟩 対象者
🔶 2025年のReact開発現場スタンダードのスキルを身につけたい人 🔶 理論重視ではなく、手を動かす実践ベースで学習を進めたい人 🔶 Reactの基礎を学習した人 🔶 Reactアプリを数回作ったことのある人 🔶 TypeScriptのコードは複雑でむずかしいと感じている人 🔶 TypeScript初心者〜中級者 🔶 TypeScriptのコードを「なんとなく」書いている人
🟩 このコースを作った理由
こんにちは、【専門用語なしでプログラミング】を教えている三好アキです。 現在のReact開発では、TypeScript導入がデフォルトになっています。 多くの教材でもTypeScriptが使われていますが、その多くはReactやNext.jsの解説が中心で、「ReactをTypeScriptで書く」という点に特化したものは、ほとんど見当たりません。 私自身もかつて、Reactの教材を進める中で、TypeScriptが当然のように登場し、理解が追いつかないまま進んでしまうことに戸惑いました。 だからといって、TypeScript単体の教材では 効率よく学ぶのは難しい。 TypeScriptには、「Reactでよく使う機能」と「ほとんど使わない機能」があるためです。 そこで、【React開発でTypeScriptを使う】という点に徹底フォーカスした、実践的な無駄のないコースを作ろうと考えました。 TypeScriptの基礎の基礎から、開発現場で必要となる高度なテクニックまでを、最短で身につけられるコースです。
🟩 発売日と提供フォーマット
2025年3月19日 動画（49本／277分） 本コースは動画配信プラットフォームVimeoにパスワード付きで用意してあります。本商品を購入すると、Vimeoへのリンクと閲覧パスワードの記載されたPDFファイルがダウンロードいただけます。 下記ページにて、数本の動画をお試しで公開しています。 ▶︎▶︎ https://monotein-master-videos-viewing.netlify.app
🟩 本コースで利用するテクノロジーおよびバージョン情報等
OS：Mac（Sequoia） ブラウザ：Googleクローム Node.jsバージョン22 Reactバージョン19 VS Code
🟩 カバーしている事項
🔷 プログラミング言語の役割 🔷 TypeScriptを使う理由 🔷 TypeScriptにむずかしさを感じる理由 🔷 JavaScriptとTypeScriptの違い 🔷 動的型付け言語と静的型付け言語 🔷 データの種類と形 🔷 オブジェクト 🔷 配列 🔷 プリミティブ 🔷 Reactの復習（function／コンポーネントの記法／分割代入） 🔷 React + Vite + TypeScriptのセットアップ 🔷 型定義の書き方 🔷 useStateの型 🔷 propsの型 🔷 分割代入したpropsの型の記法 🔷 イベントの型 🔷 イベントの型の記法 🔷 functionの型の構造 🔷 非同期処理の型 🔷 型を確認する方法 🔷 型推論 🔷 any型 🔷 複雑な構造をしたデータの型 🔷 Layoutコンポーネント 🔷 ローディングの設定 🔷 childrenの型 🔷 JSX.Element 🔷 React.ReactNode 🔷 React.ReactElement 🔷 Reactバージョン19による書き換え 🔷 formData 🔷 useActionState 🔷 TypeScriptの開発環境セットアップ 🔷 TypeScriptのコンパイル方法 🔷 TypeScriptとJavaScriptのコード比較 🔷 tsconfig.jsonの設定 🔷 interfaceとtypeの違い 🔷 配列の型定義 🔷 インターセクション型 🔷 lookup型 🔷 タプル型 🔷 ユニオン型 🔷 リテラル型 🔷 型引数 🔷 ジェネリクス 🔷 ジェネリクスの記法（Arrow function） 🔷 型ガード 🔷 ナローイング 🔷 ページ設定 🔷 useStateでオブジェクトを扱う方法 🔷 Local Storage 🔷 イベント・オブジェクトの型 🔷 ログイン状態の維持の仕組み 🔷 ログイン状態によって表示を変える 🔷 useEffectの働き 🔷 非Nullアサーション 🔷 Reactコンポーネントの汎用化 🔷 柔軟な型を定義する方法 🔷 非同期処理 🔷 型定義を共有する方法 🔷 入力データのバリデーション（Zod） 🔷 入力データの保持 🔷 型の確認方法 🔷 CSSProperties 🔷 ComponentProps 🔷 ComponentPropsWithoutRef 🔷 restオペレーター 🔷 functionの型定義 🔷 型アサーション（as） 🔷 as const 🔷 anyとunknown 🔷 Type Utility 🔷 Pick 🔷 Omit 🔷 Partial 🔷 Required 🔷 Record 🔷 ジェネリクス 🔷 型定義に使うジェネリクス 🔷 functionに使うジェネリクス 🔷 型定義とfunction両方に使うジェネリクス 🔷 複数のジェネリクス 🔷 インデックス・シグネチャ 🔷 enum
🟩 講師について：三好アキ
Amazonベストセラー1位を複数回獲得している『はじめてつくるReactアプリ with TypeScript』や、『動かして学ぶ！Next.js/React開発入門（翔泳社／2024年）』などの著者。 自身のJavaScript挫折経験をもとに、HTMLとCSSの知識だけで本格的なアプリ開発を始められる教材制作を得意とする。 専門用語なしでプログラミングを教えるメソッドに定評があり、1200人以上のビギナーを、最新のフロントエンド開発入門に成功させる。 🔷 既刊書（Amazon） → https://www.amazon.co.jp/stores/author/B099Z51QF2 🔷 Udemy → https://www.udemy.com/user/aki-miyoshi 🔷 ウェブサイト → https://monotein.com 🔷 X（Twitter）→ https://twitter.com/monotein_ 🔷 note → https://note.com/monotein