文法を超えて動作原理と概念の理解まで、学んでも学んでも混乱しがちなTypeScriptを、今こそしっかり学びましょう！皆さんをTypeScriptの魔法使い🧙🏻♀️にお仕立てします。
学習した受講者のレビュー
5.0
wjdgksak
キャプテン版教様タイプスクリプト、ゼロ小型タイプスクリプト、これまでみんな聞いた人としてこれがちゃんですね 講義のクオリティーも値段も安いです。恵者です。 特にジェネリック部分がわかりやすくなってよかったです！
5.0
eko09
とても良い講義でした。 個人的に講義3弾でreact + TSでプロジェクトを作る方法のような講義が出てきて 1,2編で勉強したことを総合的に適用させる講義は見たいです！ ㅎㅎ
5.0
MJ JI
老人のオーストラリアを強奪した講義！ 君は真のリアクト講義の先頭!! 二人が食べる 一つが死んでも知らない講義！ 一口サイズに切って食べるリアクトイ・ジョンファン！
タイプスクリプト
TypeScriptの必要性と特徴
型システムに対する深い理解
型を集合として理解する
ReactでTypeScriptを使用する
> ひとくちチャレンジ8期に申し込む（〜2月22日まで） : https://link.onebitefe.com/r/trlybu
画像をクリックするとロードマップへ移動できます。
> ロードマップリンク : https://link.onebitefe.com/r/5cdagw
シリーズ講義リンク
> 一口サイズでかじりつくReact：https://inf.run/v3XAj
> 一口サイズでかじりつくTypeScript： https://inf.run/FpLm4
> 一口サイズでかじりつくNext.js： https://inf.run/v3XAj
AI時代でもフロントエンドの避けられない大勢であるTypeScript、
今こそしっかりと攻略する時が来ました！ 😎
🧐 学んでも学んでもややこしい
TypeScript、今こそしっかり学びましょう
今や避けることのできない大勢となった「タイプスク립ト（TypeScript）」！
原理を正しく理解しないまま文法だけを適当に学んでいては、
AIが生成したタイプスクリプトのコードさえもまともに扱うことはできません。
みなさんはタイプスク립トを本当に正しく理解していますか？
以下の質問に十分に答えられるか確認してみてください。
この講義は、AIが教えるような文法の羅列にとどまりません。
文法を含め、TypeScriptがなぜそのように動作するのかを、とても分かりやすく楽しく学んでいきます。
講義が終わる頃には！
皆さんはAIが書いたコードの型エラーもサクサク解決できる
真のTypeScript魔法使いになっているはずです。 🧙🏻♀️
下の図のような、講義と一緒に見ることができるハンドブックも提供されます！
TypeScriptは数学の「集合論」に基づいて動作する言語であるため、
言葉や文章だけでは原理を確実に理解するのが難しい場合があります。
そのため、多様な視覚資料と事例を用意しました。
どんなに難しく複雑な概念であっても、分かりやすく楽しく見ていく予定です。
| 
|
JavaScriptの学習を終え、TypeScriptを初めて学ぼうとしている方
TypeScriptを学んでみたものの、まだ紛らわしい点が多い方
正確なTypeScriptの概念と動作原理を理解したい方
ReactとTypeScriptを一緒に使ってみたい方
清潔感があり、可愛くて、素敵な視覚資料で学習すれば、集中力も高まり、記憶にもより長く残ると信じています。
すべて自作の画像なので、キャプチャして学習ブログの投稿に使用していただいても構いません。😃
| 
|
| 
|
より簡単かつ迅速に理解するには、やはり視覚的な資料が一番ですよね？ そこで、この講義の撮影のために板書用のタブレットを購入しました。 板書とともにTypeScriptを徹底的に掘り下げていきます。
せっかく作成した実習コードを適当に保管してしまうのはもったいないですよね？いつでも見返せるように、コードをセクションごとに整理して保管できるよう工夫しました。
復習のために講義を最初から聞き直す手間を省けるよう、無料講義資料を提供します。
学習に終わりはありません。
この講義が終わっても、受講生専用コミュニティに集まり
お互いに知識や様々なニュースを共有しながら成長しましょう 🌱
[セクション 0 チャプター 2：受講生コミュニティに参加する]で
受講生専用オープンチャットルームのリンクとパスワードを確認してください
| 
|
| 
|
📌 SECTION 1. タイプスクリプト概論
技術を深く理解するためには、それがどのような背景で誕生したのかを知る必要があります。したがって、セクション1ではタイプスク립トの誕生背景を辿りながら、タイプスクリプトが解決しようとした問題は何だったのか、そしてどのような特徴を持っているのかを詳しく見ていきます。
| 
|
| 
|
📌 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や画面をキャプチャしてブログに載せてもいいですか？
はい！ご自由にお使いいただいて構いません。販売だけは控えてくださいね。🥲 加えて一つお願いですが、私の講義リンクを出典として載せていただければ幸いです。
事前知識
注意事項
何事も分かりやすく、かつ楽しく説明する方法があると信じている教育者だ。リリースから1年でInflearn（インフラン）やUdemy（ユーデミー）にて約5,000人の受講生を輩出した「一口サイズでかじり取るReact」講座を制作した。開発者を目指す人々を支援するため、開発者知識共有サイト「DEVSTU」を立ち上げ、約2年間運営している。2022年からはReactを学ぶ人々のためのオープンチャットも開設し、運営を行っている。また、ジュニア開発者のためのサービススタートアップでCTOとして2年間勤務した。
経歴事項
学習対象は
誰でしょう？
TypeScriptを初めて学習される方
TypeScriptを学んだことはあるけれど、自信がない方
TypeScriptの原理を理解して使いこなしたい方
フロントエンドエンジニア
Node.js バックエンドエンジニア
前提知識、
必要でしょうか？
JavaScript (ES6)
ボーナスセクションを聴くには React.js
37,738
受講生
2,651
受講レビュー
1,623
回答
4.9
講座評価
19
講座
ウェブフロントエンドを一口サイズでかじってみましょうか？！
こんにちは 🙇♂
私は、どんなことでも簡単で楽しく説明する方法があると信じている人間であり、
世界で最も温かい開発者コミュニティを作りたいと思っている人間です。
📚 著書
📹 講義
一口サイズでかじり取る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
全体
622件
5.0
622件の受講レビュー
受講レビュー 22
∙
平均評価 5.0
受講レビュー 14
∙
平均評価 4.9
受講レビュー 13
∙
平均評価 3.1
受講レビュー 1
∙
平均評価 5.0
5
リアクト講義に続き受講することになりましたが本当の大ヒットです👍👍👍 1.新しい概念ごとに様々な例を作って一緒に説明してください 2. 質問を早い時間内にわかりやすく答えてください 3. 一緒に提供されるハンドブックにすばやく見たり復習したりする - 特に講義に出てきた例をもう一度見てください👍 4. 本当に一口サイズに切って食べられるように小さく切っておいて、気軽に短くした二つずつ見ていいです！ 5.正確な辞書で、速い速度で教えてください！復習する時は倍速して聞いたのですがディクションが好きで何の問題もありませんでした！ 6. 本当によく構成された定石の基礎講義だと思います！ 私は先延ばしで先生が進んだチャレンジに参加して頑張りましたが、聞かれる方はぜひチャレンジも一緒に参加してください！
受講レビュー 36
∙
平均評価 4.9
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
期間限定セール、あと6日日で終了
￥33,880
30%
￥5,915
![[Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS Core講義サムネイル](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?w=420)
![[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで講義サムネイル](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?w=420)