一口サイズで食べるReact(React.js):基礎から実践まで
winterlood
¥6,167
初級 / JavaScript, React, Node.js
4.9
(1,532)
基礎概念からユニークなプロジェクトまで一緒に取り組みながら、JavaScriptとReactをこの講座で一気にマスターしましょう。 学習は短く、応用は長く。18時間分のAll-in-one講座!
初級
JavaScript, React, Node.js
文法を超えて、動作原理や概念まで学んでも学んでも混乱しがちなTypeScriptを、今こそきちんと学んでみましょう!皆さんをTypeScriptの魔法使い🧙🏻♀️にします。
学習した受講者のレビュー
5.0
wjdgksak
キャプテン版教様タイプスクリプト、ゼロ小型タイプスクリプト、これまでみんな聞いた人としてこれがちゃんですね 講義のクオリティーも値段も安いです。恵者です。 特にジェネリック部分がわかりやすくなってよかったです!
5.0
eko09
とても良い講義でした。 個人的に講義3弾でreact + TSでプロジェクトを作る方法のような講義が出てきて 1,2編で勉強したことを総合的に適用させる講義は見たいです! ㅎㅎ
5.0
MJ JI
老人のオーストラリアを強奪した講義! 君は真のリアクト講義の先頭!! 二人が食べる 一つが死んでも知らない講義! 一口サイズに切って食べるリアクトイ・ジョンファン!
TypeScript
TypeScriptの必要性と特徴
型システムに対する深い理解
型を集合として理解する
Reactと一緒にTypeScriptを使う
ONEBITEシリーズ全品割引中
残念ながら参加できなかった方のために
アンコール35%割引!
お見逃しの方のための最後のチャンス · 期間終了時に自動終了
画像をクリックするとロードマップへ移動できます。
> ロードマップリンク:https://link.onebitefe.com/r/5cdagw
シリーズ講座リンク
> 一口サイズで学ぶReact:https://inf.run/v3XAj
> 一口サイズで学ぶTypeScript: https://inf.run/FpLm4
> 一口サイズで学ぶNext: https://inf.run/v3XAj
AI時代においてもフロントエンドで避けられない主流のTypeScript、
今こそしっかりとマスターする時が来ました! 😎
🧐 学んでも学んでも混乱する
TypeScript、今度こそきちんと学んでみましょう
もはや避けられない主流となった'TypeScript(Typescript)'!
原理を正しく理解しないまま文法だけをざっと学んだのでは
AIが生成したTypeScriptコードすら適切に扱えません。
皆さんはTypeScriptを本当にしっかり理解できていますか?
以下の質問に十分答えられるか確認してみましょう。
この講義は、AIが教えてくれる程度の文法の羅列にとどまりません。
文法だけでなく、TypeScriptがなぜそのように動作するのかを、とてもわかりやすく楽しく学びます。
講義が終わったら!
皆さんはもう、AIが書いたコードの型エラーも難なく見つけられる
本物のTypeScriptの魔法使いになっていることでしょう。🧙🏻♀️
下の図のような講義と一緒にご覧いただけるハンドブックもご用意しています!
TypeScriptは数学の'集合論'を基盤として動作する言語であるため、
言葉や文章だけでは原理を確実に理解するのが難しい場合があります。
そこで、さまざまな視覚資料や事例を用意しました。
どれほど難しく複雑な概念でも、わかりやすく楽しく学んでいきます。
JavaScriptの学習を終え、TypeScriptを初めて学ぼうとしている方
TypeScriptを学んでみたものの、まだ分からないことが多い方
TypeScriptの正確な概念と動作原理を理解したい方
React(React)とTypeScriptを一緒に使ってみたい方
すっきりして、きれいで、素敵な視覚資料で学ぶとより集中しやすく、記憶にも長く残ると信じています。
すべて直接作成した画像なので、キャプチャして学習ブログの投稿にご利用いただいても構いません。😃
より簡単かつスピーディーに理解するには、やはり視覚的な資料が一番ですよね?そこで、この講義の撮影のために板書用タブレットを購入しました。板書とともにTypeScriptを徹底的に掘り下げていきます。
せっかく書いた実習コードを、無造作に保管するのはもったいないですよね?いつでも振り返られるよう、コードをセクションごとにきちんと分けて保管できるよう工夫しました。
復習のために講義を最初から聞き直す手間を省けるよう、無料の講義資料をご用意しています。
学習に終わりはありません。
この講義が終わっても受講生専用コミュニティに集まり
互いに知識やさまざまな情報を共有しながら成長しましょう 🌱
[0セクション2チャプター:受講生コミュニティに参加する]で
受講生専用オープンチャットのリンクとパスワードをご確認ください
📌 SECTION 1. TypeScript概論
技術をよく理解するには、それがどのような背景から生まれたのかを知る必要があります。そこでSECTION 1では、TypeScriptが誕生した背景を見ながら、TypeScriptが解決しようとした問題は何か、どのような特徴を持っているのかを詳しく見ていきます。
📌 SECTION 2〜3. TypeScriptの基礎を固める
TypeScriptの最も基本的な文法を見ていきます。同時に、TypeScriptが指す「型」とは正確には何なのか、そして型同士がどのような関係を築き、どのように動作するのかを見ていきます。
📌 SECTION 4~6. TypeScriptの文法を見ていきます
関数型の定義、関数のオーバーロード、インターフェース、クラスなど、TypeScriptのさまざまな機能と構文を見ていきます。
📌 SECTION 7~9. 魔法使いのように型を操作する
TypeScriptの最もユニークで強力な機能である、型を操作する機能について見ていきます。ジェネリック、インデックスアクセス型、マップド型、Keyof演算子、条件型など、TypeScriptのさまざまな型操作の構文を見ていきます。
📌 SECTION 10. ユーティリティ型を利用する
TypeScriptが基本的に提供しているさまざまなユーティリティ型について見ていきます。また、学んできた知識を使って、これまでに見てきたユーティリティ型を自分で実装してみます。
📌 SECTION 11. (Bonus +) ReactでTypeScriptを使う
このまま終わってしまうのは惜しいですよね? そこで、ボーナスセクションをご用意しました。とてもシンプルなToDoリストを一緒に作りながら、ReactプロジェクトにTypeScriptを適用する方法について見ていきます。
Q. JavaScriptは知ってはいますが、あまり詳しくありません。受講しても大丈夫ですか?
はい。まったくわからないというレベルでなければ、受講していただいて大丈夫です。途中でJavaScriptの事前知識が必要になるたびに、講義ノートに私が直接作成したJavaScriptの学習資料を用意しています。また、文法が難しい場合は、受講生コミュニティで質問して助けを得ることもできます。
Q. Node.jsバックエンド開発者です。フロントエンド開発者ではありませんが、受講してもよいでしょうか?
はい。最後のボーナスセクション(React + TypeScript)を除いて、すべて受講いただけます。
Q. 講義のPPTや画面をキャプチャして、ブログに掲載してもいいですか?
はい!ご自由にお使いいただいて構いません。ただし、販売だけはお控えください。🥲もう一つお願いがあるとすれば、私の講義のリンクを出典として記載していただけると幸いです。
前提知識
add_shortcode('course','328340','list')
注意事項
何事も分かりやすく、楽しく説明する方法があると信じる教育者。リリースからわずか1年で、インフランとUdemy合わせて約5,000人の受講生を輩出した「一口サイズに切って食べるReact」講座を制作した。開発者を目指す人々を支援するため、開発者向け知識共有サイトDEVSTUを立ち上げ、約2年間運営している。2022年からは、Reactを学ぶ人々のためのオープンチャットも開設・運営している。また、ジュニア開発者向けサービスを手がけるスタートアップで、CTOとして2年間勤務した。
経歴
学習対象は
誰でしょう?
TypeScriptを初めて始める方
TypeScriptを学んだことはあるものの、自信がない方
TypeScriptの原理を理解して使いたい方
フロントエンド開発者
Node.jsバックエンド開発者
前提知識、
必要でしょうか?
JavaScript(ES6)
ボーナスセクションを聴くには React.js
インフラン認証
キャリア認証
43,854
受講生
3,371
受講レビュー
1,768
回答
4.9
講座評価
34
講座
どんなことでも簡単に説明する方法はある!
📚 書籍
🏆 アワード
2025 インフラン年末アワード ベストセラー受賞
2024 インフラン年末アワード 受講生PICK賞 受賞
2023 インフラン年末アワード 受講生PICK賞 受賞
📹 講義
一口サイズでかじり取るバイブコーディング
一口サイズで食べられる React.js 実践プロジェクト - SNS編
一口サイズでかじりつくNext.js
一口サイズでかじり取るTypeScript
一口サイズでかじり取るReact
全体
64件 ∙ (10時間 31分)
講座資料(こうぎしりょう):
11. 基本タイプ
06:31
12. プリミティブ型とリテラル型
10:32
13. 配列とタプル
11:38
14. オブジェクト
09:05
16. Enum型
09:07
17. AnyとUnknown型
06:59
18. VoidとNever型
06:47
19. TypeScriptを理解する
03:21
20. 型は集合である
07:41
21. 型階層図とともに基本型を調べる
17:01
22. オブジェクト型の互換性
12:54
23. 代数型
15:04
24. 型推論
13:15
25. 型アサーション
16:32
26. 型絞り込み
12:24
全体
760件
5.0
760件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
リアクト講義に続き受講することになりましたが本当の大ヒットです👍👍👍 1.新しい概念ごとに様々な例を作って一緒に説明してください 2. 質問を早い時間内にわかりやすく答えてください 3. 一緒に提供されるハンドブックにすばやく見たり復習したりする - 特に講義に出てきた例をもう一度見てください👍 4. 本当に一口サイズに切って食べられるように小さく切っておいて、気軽に短くした二つずつ見ていいです! 5.正確な辞書で、速い速度で教えてください!復習する時は倍速して聞いたのですがディクションが好きで何の問題もありませんでした! 6. 本当によく構成された定石の基礎講義だと思います! 私は先延ばしで先生が進んだチャレンジに参加して頑張りましたが、聞かれる方はぜひチャレンジも一緒に参加してください!
受講レビュー 36
∙
平均評価 4.9
受講レビュー 22
∙
平均評価 5.0
受講レビュー 14
∙
平均評価 4.9
受講レビュー 13
∙
平均評価 3.1
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
新規会員登録で25%OFF
¥4,627
25%
¥6,167