一口サイズでかじり取るTypeScript (TypeScript)

文法を超えて動作原理と概念の理解まで、学んでも学んでも混乱しがちなTypeScriptを、今こそしっかり学びましょう!皆さんをTypeScriptの魔法使い🧙🏻‍♀️にお仕立てします。

難易度 初級

受講期間 無制限

TypeScript
TypeScript
TypeScript
TypeScript

学習した受講者のレビュー

学習した受講者のレビュー

5.0

5.0

wjdgksak

80% 受講後に作成

キャプテン版教様タイプスクリプト、ゼロ小型タイプスクリプト、これまでみんな聞いた人としてこれがちゃんですね 講義のクオリティーも値段も安いです。恵者です。 特にジェネリック部分がわかりやすくなってよかったです!

5.0

eko09

89% 受講後に作成

とても良い講義でした。 個人的に講義3弾でreact + TSでプロジェクトを作る方法のような講義が出てきて 1,2編で勉強したことを総合的に適用させる講義は見たいです! ㅎㅎ

5.0

MJ JI

17% 受講後に作成

老人のオーストラリアを強奪した講義! 君は真のリアクト講義の先頭!! 二人が食べる 一つが死んでも知らない講義! 一口サイズに切って食べるリアクトイ・ジョンファン!

受講後に得られること

  • タイプスクリプト

  • TypeScriptの必要性と特徴

  • 型システムに対する深い理解

  • 型を集合として理解する

  • ReactでTypeScriptを使用する

 

一口チャレンジ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、
今こそしっかりと征服する時が来ました! 😎

インフコン 2023 "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や画面をキャプチャしてブログに載せてもいいですか?

はい!ご自由にお使いいただいて構いません。販売だけはしないでくださいね。🥲 追加で一つお願いですが、私の講義リンクを出典として載せていただければ幸いです。


受講前のご注意事項 📢

前提知識

  1. JavaScript ES6バージョン以上(アロー関数など)を使用した経験が必要です。
  2. ボーナスセクションを受講するためには、以前の講義(一口サイズでかじりつくReact)程度のReactの事前知識が必要です。

注意事項

  1. すべての実習コードを自ら書きながら学習することをお勧めします。
  2. 講義で学んだ内容を個人のブログに別途まとめることを強くお勧めします。
  3. 質問があれば、ためらわずに質問掲示板や受講生コミュニティに投稿してください。

講師紹介 ✒️

何事も分かりやすく、かつ楽しく説明する方法があると信じている教育者である。リリースから1年でInflearn、Udemyにて約5,000人の受講生を輩出した「一口サイズでかじり取るReact」講座を制作した。開発者を志す人々を助けるため、開発者知識共有サイトDEVSTUを立ち上げ、約2年間運営している。2022年からはReactを学ぶ人たちのためのオープンチャットも開設し運営している。また、ジュニア開発者のためのサービススタートアップのCTOとして2年間勤務した。

経歴事項

ポートフォリオ/個人動画


こんな方に
おすすめです

学習対象は
誰でしょう?

  • TypeScriptを初めて学習される方

  • TypeScriptを学んだことはあるけれど、自信がない方

  • TypeScriptの原理を理解して使いこなしたい方

  • フロントエンドエンジニア

  • Node.js バックエンドエンジニア

前提知識、
必要でしょうか?

  • JavaScript (ES6)

  • ボーナスセクションを聴くには React.js

こんにちは
winterloodです。

38,970

受講生

2,927

受講レビュー

1,669

回答

5.0

講座評価

25

講座

ウェブフロントエンドを一口サイズでかじってみましょうか?!

こんにちは 🙇‍♂

私は何事も簡単で楽しく説明する方法があると信じている人間であり、

世界で最も温かい開発者コミュニティを作りたいと思っている人間です。

 

もっと見る

カリキュラム

全体

64件 ∙ (10時間 31分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

686件

5.0

686件の受講レビュー

  • q33as1836님의 프로필 이미지
    q33as1836

    受講レビュー 22

    平均評価 5.0

    5

    100% 受講後に作成

    リアクト講義も聞いてタイプスクリプト講義も聞きました。 ときどき詳しく、時には簡単明瞭に積載適所に説明してくれるので理解がとても上手ですね。 講義説明する絵や写真もシンプルなので一目でわかります。初心者が聞くのもいいです! とても好きな講義です何度も繰り返し聞きます!

    • evelo0702님의 프로필 이미지
      evelo0702

      受講レビュー 13

      平均評価 3.1

      5

      89% 受講後に作成

      とても良い講義でした。 個人的に講義3弾でreact + TSでプロジェクトを作る方法のような講義が出てきて 1,2編で勉強したことを総合的に適用させる講義は見たいです! ㅎㅎ

      • mamapai님의 프로필 이미지
        mamapai

        受講レビュー 36

        平均評価 4.9

        5

        17% 受講後に作成

        老人のオーストラリアを強奪した講義! 君は真のリアクト講義の先頭!! 二人が食べる 一つが死んでも知らない講義! 一口サイズに切って食べるリアクトイ・ジョンファン!

        • javascriptgosu님의 프로필 이미지
          javascriptgosu

          受講レビュー 1

          平均評価 5.0

          5

          81% 受講後に作成

          リアクト講義に続き受講することになりましたが本当の大ヒットです👍👍👍 1.新しい概念ごとに様々な例を作って一緒に説明してください 2. 質問を早い時間内にわかりやすく答えてください 3. 一緒に提供されるハンドブックにすばやく見たり復習したりする - 特に講義に出てきた例をもう一度見てください👍 4. 本当に一口サイズに切って食べられるように小さく切っておいて、気軽に短くした二つずつ見ていいです! 5.正確な辞書で、速い速度で教えてください!復習する時は倍速して聞いたのですがディクションが好きで何の問題もありませんでした! 6. 本当によく構成された定石の基礎講義だと思います! 私は先延ばしで先生が進んだチャレンジに参加して頑張りましたが、聞かれる方はぜひチャレンジも一緒に参加してください!

          • wjdgksak0677님의 프로필 이미지
            wjdgksak0677

            受講レビュー 14

            平均評価 4.9

            5

            80% 受講後に作成

            キャプテン版教様タイプスクリプト、ゼロ小型タイプスクリプト、これまでみんな聞いた人としてこれがちゃんですね 講義のクオリティーも値段も安いです。恵者です。 特にジェネリック部分がわかりやすくなってよかったです!

            winterloodの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!

            ¥6,115