一口チャレンジ9期募集中(4月6日月曜日の深夜まで):https://link.onebitefe.com/r/ayl88v
🌸
画像をクリックするとロードマップに移動できます。
> ロードマップリンク : 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)」!
原理を正しく理解しないまま文法だけをなんとなく学んだのなら、
AIが生成したTypeScriptのコードさえもまともに扱うことはできません。
みなさんはタイプスク립トを本当に正しく理解していますか?
以下の質問に十分に答えられるか確認してみてください。
- TypeScriptで言う「型」とは何ですか?
- 異なる型同士の互換性は、どのような基準で決定されますか?
- デフォルトで提供される型(any、unknown、neverなど)の動作原理を詳しく説明できますか?
この講義は、AIが教えるような文法の羅列にとどまりません。
文法を含め、TypeScriptがなぜそのように動作するのかを、とても分かりやすく楽しく学んでいきます。
講義が終わる頃には!
皆さんはAIが書いたコードの型エラーもサクサク解決できる
真のTypeScript魔法使いになっているはずです。 🧙🏻♀️
下の図のような、講義と一緒に見ることができるハンドブックも提供されます!
難しくて複雑な概念も
楽しく簡単に見ていきます
TypeScriptは数学の「集合論」に基づいて動作する言語であるため、
言葉や文章だけでは原理を確実に理解するのが難しい場合があります。
そのため、多様な視覚資料と事例を準備しました。
どんなに難しく複雑な概念であっても、分かりやすく楽しく見ていく予定です。
このような方におすすめです 🙆♀️
JavaScriptの学習を終え、TypeScriptを初めて学ぼうとしている方
TypeScriptを学んでみたものの、まだよく分からない点が多い方
正確なTypeScriptの概念と動作原理を理解したい方
React(リアクト)とTypeScriptを一緒に使ってみたい方
講義の特徴 ✨
🎨
いつでもどこでも
視覚資料に本気なタイプ
清潔感があり、美しく、素敵な視覚資料で学習すれば、より集中でき、記憶にも長く残ると信じています。
すべて自作の画像ですので、キャプチャして学習ブログの投稿に使用していただいても構いません。 😃
🖌️
タブレットの板書とともに
視覚的に学習
より簡単かつ迅速に理解するには、やはり視覚的な資料が一番ですよね? そこで、この講義の撮影のために板書用のタブレットを購入しました。 板書とともにTypeScriptを徹底的に掘り下げていきます。
🗄️
実習コードはセクションごとに
きれいに整理
せっかく作成した実習コードを適当に保管してはもったいないですよね? いつでも見返せるように、コードをセクションごとにしっかり分けて保管できるよう工夫しました。
📗
いつでも復習できる
無料講義資料
復習のために講義を最初から聞き直す手間を省けるよう、無料講義資料を提供します。
🌏
講義の後も一緒に!
受講生専用コミュニティ
学習に終わりはありません。
この講義が終わっても、受講生専用コミュニティに集まり
お互いに知識や様々なニュースを共有しながら成長しましょう 🌱
[セクション 0 チャプター 2:受講生コミュニティに参加する]で
受講生専用オープンチャットルームのリンクとパスワードを確認してください
学習内容 📚
📌 SECTION 1. TypeScript(タイプスクリプト)概論
技術を深く理解するためには、それがどのような背景で誕生したのかを知る必要があります。したがって、セクション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&A 💬
Q. JavaScriptは知っていますが、あまり詳しくありません。受講しても大丈夫でしょうか?
はい。全く分からないというレベルでなければ、受講していただいて大丈夫です。所々でJavaScriptの予備知識が必要になるたびに、講義ノートに私が直接作成したJavaScriptの学習資料を入れておきました。また、文法が難しい場合は、受講生コミュニティで質問して助けを得ることもできます。
JavaScript学習資料(「一口サイズでかじるReact」書籍より抜粋)
Q. Node.jsバックエンド開発者です。フロントエンド開発者ではありませんが、受講しても大丈夫でしょうか?
はい。最後のボーナスセクション(React + TypeScript)を除いて、すべて受講いただけます。
Q. 講義のPPTや画面をキャプチャしてブログに載せてもいいですか?
はい!ご自由にお使いいただいて構いません。販売だけはしないでくださいね。🥲 追加で一つお願いですが、私の講義リンクを出典として載せていただければ幸いです。
受講前のご注意事項 📢
前提知識
- JavaScript ES6バージョン以上(アロー関数など)を使用した経験が必要です。
- ボーナスセクションを受講するためには、以前の講義(一口サイズでかじりつくReact)程度のReactの事前知識が必要です。
注意事項
- すべての実習コードを自ら書きながら学習することをお勧めします。
- 講義で学んだ内容を個人のブログに別途まとめることを強くお勧めします。
- 質問があれば、ためらわずに質問掲示板や受講生コミュニティに投稿してください。
講師紹介 ✒️
何事も分かりやすく、かつ楽しく説明する方法があると信じている教育者である。リリースから1年でInflearn、Udemyにて約5,000人の受講生を輩出した「一口サイズでかじり取るReact」講座を制作した。開発者を志す人々を助けるため、開発者知識共有サイトDEVSTUを立ち上げ、約2年間運営している。2022年からはReactを学ぶ人たちのためのオープンチャットも開設し運営している。また、ジュニア開発者のためのサービススタートアップのCTOとして2年間勤務した。
経歴事項
ポートフォリオ/個人動画