文法を超えて動作原理と概念の理解まで、学んでも学んでも混乱するTypeScript。今、きちんと学んでみましょう！皆さんをTypeScriptウィザード🧙🏻♀️にします。
タイプスクリプト
TypeScriptの必要性と特徴
型システムについての深い理解
型を集合として理解する
ReactとTypeScriptを使う
画像をクリックするとロードマップに移動できます。
>ロードマップリンク： https://link.onebitefe.com/r/5cdagw
シリーズ講義リンク
>一口サイズにカットするリアクト： https://inf.run/v3XAj
>一口サイズにカットするタイプスクリプト： https://inf.run/FpLm4
>一口サイズにカットするネクスト： https://inf.run/v3XAj
フロントエンドの避けられない大勢タイプスクリプト、
今はきちんと征服する時が来ました！ 😎
INFCON 2023 「タイプスクリプトはなぜですか？」プレゼンターの講義です。
今は避けられない大勢になってしまった「タイプスクリプト（Typescript）」！
原理を正しく理解していないまま文法だけを大まかに学んだら
タイプスクリプトが提供する強力な機能を正しく利用するのは難しいです。
あなたはTypeScriptを本当によく理解していますか？
以下の質問に十分に回答できることを確認してください。
この講義は、単なるタイプスクリプトの文法だけを列挙した講義ではありません。
文法を含むタイプスクリプトがなぜそのように動作するのか、そしてどのように設計されたのか
とても簡単で楽しく学びます。
講義が終わったら今、あなたはタイプスクリプトウィザードになっています。 🧙🏻♀️
下図のような講義とともにご覧いただけるハンドブックも提供されます！
タイプスクリプトは数学の「集合論」に基づいて動作する言語なので
言葉とグローマンは原則を確実に理解するのが難しいかもしれません。
それで、様々な視覚資料や事例を用意しました。
どんなに難しくて複雑な概念でも、簡単で楽しく見てみましょう。
 |  |
JavaScriptの学習を終えてタイプスクリプトを初めて学びたい方
タイプスクリプトを学んだが、まだ混乱していることが多い方
正確なタイプスクリプトの概念と動作原理を理解したい人
リアクト（React）とタイプスクリプトを一緒に使ってみたい方
きれいで、きれいで、素敵な視覚資料で学習すれば集中もより良くなり、記憶にももっと長く残ると信じています。
すべて自分で作ったイメージだからキャプチャして学習ブログ投稿に利用してもいいです。 😃
 |  |
 |  |
より簡単かつ迅速に理解するには、やはり視覚的な資料が最高でしょうか？それで、この講義撮影のために板書用タブレットを購入しました。板書と一緒にタイプスクリプトを正しく掘り下げてみてください。
書いた練習コードを何度も保管すると残念ですか？いつでも再び見えるようにコードをセクションごとに分けてアーカイブできるように気をつけました。
復習のために講義を最初から聞く手間を減らすために無料の講義教案を提供します。
学習には終わりはありません。
この講義が終わっても、受講生専用コミュニティに集まって
お互いの知識と様々なニュースを共有して成長します🌱
[0セクション2章：受講生コミュニティに参加する]で
受講生専用オープンチャットルームのリンクとパスワードを確認してください
 |  |
 |  |
📌 SECTION 1. タイプスクリプトの概要
技術をよく理解するには、それがどのような背景から生まれたのかを知る必要があります。したがって、セクション1では、タイプスクリプトの誕生の背景を調べ、タイプスクリプトが解決しようとした問題が何であり、どのような特徴を持つのかを詳しく見ていきます。
 |  |
 |  |
📌 SECTION 2〜3。タイプスクリプトの基礎を整える
最も基本的なタイプスクリプトの文法を見てください。同時に、タイプスクリプトが言うタイプとは正確に何であり、タイプが互いにどのような関係を結び、どのように動作するかを見ていきます。
📌 SECTION 4〜6。タイプスクリプトの文法を見る
関数型定義、関数オーバーロード、インタフェース、クラスなど、タイプスクリプトのさまざまな機能と文法を調べます。
📌 SECTION 7〜9。ウィザードのようにタイプを操作する
タイプスクリプトの最もユニークで強力な機能であるタイプ操作機能について説明します。ジェネリック、インデックス付きアクセス型、マップド型、Keyof演算子、条件付き型など、さまざまなタイプスクリプトの型操作文法を調べます。
📌 SECTION 10. ユーティリティタイプを使う
タイプスクリプトがデフォルトで提供するさまざまなユーティリティタイプについて説明します。また、見てきたユーティリティタイプをこれまで学んだ知識を利用して直接実装してみます。
📌 SECTION 11.（Bonus +）リアクトでタイプスクリプトを使用する
このまま終われば残念ですか？だからボーナスセクションで準備しました。非常に簡単な闘頭リストを一緒に作成し、リアクトプロジェクトにタイプスクリプトを適用する方法について説明します。
Q. JavaScriptを知っているのがわかりません。聞くことができますか？
はい。全く知らないレベルでなければ聞くこともできます。中途中のJavaScriptの事前知識が必要なときはいつでも、講義ノートに私が直接製作したJavaScriptの学習資料を入れておきました。また、文法が難しい場合は、受講生のコミュニティに質問して助けを受けることもできます。
Q. Node.js バックエンド開発者です。フロントエンド開発者ではないのに聞くことができますか？
はい。最後のボーナスセクション（リアクト+タイプスクリプト）を除いて、すべて聞くことができます。
Q. 講義PPTや画面をキャプチャしてブログに載せてもいいですか？
はい！自由にお使い頂けます。販売だけしないでください。 🥲追加でお願いしたい場合は、私の講義リンクを出所につけていただければ幸いです。
選手の知識
注意事項
何でも簡単で楽しく説明する方法があると信じる教育者だ。発売から1年ぶりにInflearn、ユデミーで約5,000人の受講生を排出した「一口サイズに切って食べるリアクト」講義を作った。開発者を希望する人々を助けるために、開発者知識共有サイトDEVSTUを作って約2年間運営している。 2022年からはリアクトを勉強する人々のためのオープンチャットルームも開設して運営する。また、ジュニア開発者のためのサービススタートアップCTOとして2年間勤務した。
履歴
学習対象は
誰でしょう？
タイプスクリプトを初めて始める方
TypeScriptを学んでみたけれど、自信がない方
タイプスクリプトの原理を理解し、使いこなしたい方
フロントエンド開発者
Node.js バックエンド開発者
前提知識、
必要でしょうか？
ジャバスクリプト(ES6)
ボーナスセクションを聞くには React.js
33,728
受講生
2,058
受講レビュー
1,427
回答
4.9
講座評価
8
講座
웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!
안녕하세요 🙇♂
저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자
세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
全体
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
22. オブジェクト型の互換性
12:54
23. 代数タイプ
15:04
24. 型推論
13:15
25. 型アサーション
16:32
26. 型の絞り込み
12:24
27. 非交差ユニオン型
24:19
全体
508件
5.0
508件の受講レビュー
期間限定セール、あと7日日で終了
￥31,460
35%
￥5,873
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
![[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지강의 썸네일](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)
