강의

멘토링

로드맵

BEST
Programming

/

Programming Language

一口サイズで学ぶTypeScript(TypeScript)

文法を超えて動作原理と概念の理解まで、学んでも学んでも混乱するTypeScript。今、きちんと学んでみましょう!皆さんをTypeScriptウィザード🧙🏻‍♀️にします。

  • winterlood
타입스크립트
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を本当によく理解していますか?
以下の質問に十分に回答できることを確認してください。

  • タイプスクリプトで言う「タイプ」とは何ですか?
  • 異なるタイプ間の互換性はどのような基準で決まりますか?
  • 基本的に提供されるタイプ(any、unknown、neverなど)の動作原理を詳しく説明できますか?

この講義は、単なるタイプスクリプトの文法だけを列挙した講義ではありません。
文法を含むタイプスクリプトがなぜそのように動作するのか、そしてどのように設計されたのか
とても簡単で楽しく学びます。
講義が終わったら今、あなたはタイプスクリプトウィザードになっています。 🧙🏻‍♀️
下図のような講義とともにご覧いただけるハンドブックも提供されます!

難しく複雑な概念図
簡単で楽しく見てみましょう。

タイプスクリプトは数学の「集合論」に基づいて動作する言語なので
言葉とグローマンは原則を確実に理解するのが難しいかもしれません。
それで、様々な視覚資料や事例を用意しました。
どんなに難しくて複雑な概念でも、簡単で楽しく見てみましょう。


こんな方におすすめですよ🙆‍♀️

JavaScriptの学習を終えてタイプスクリプトを初めて学びたい方

タイプスクリプトを学んだが、まだ混乱していることが多い方

正確なタイプスクリプトの概念と動作原理を理解したい人

リアクト(React)とタイプスクリプトを一緒に使ってみたい方


講義の特徴✨

🎨
いつでもどこでも

視覚資料に心からの方

きれいで、きれいで、素敵な視覚資料で学習すれば集中もより良くなり、記憶にももっと長く残ると信じています。
すべて自分で作ったイメージだからキャプチャして学習ブログ投稿に利用してもいいです。 😃

🖌️
タブレット板書と一緒に

視覚的に学習

より簡単かつ迅速に理解するには、やはり視覚的な資料が最高でしょうか?それで、この講義撮影のために板書用タブレットを購入しました。板書と一緒にタイプスクリプトを正しく掘り下げてみてください。

🗄️
練習コードはセクションごとに
きれいに整理

書いた練習コードを何度も保管すると残念ですか?いつでも再び見えるようにコードをセクションごとに分けてアーカイブできるように気をつけました。

📗
いつも復習できる
無料講義教案

復習のために講義を最初から聞く手間を減らすために無料の講義教案を提供します。

🌏
講義以降も一緒!
受講生専用コミュニティ

学習には終わりはありません。
この講義が終わっても、受講生専用コミュニティに集まって
お互いの知識と様々なニュースを共有して成長します🌱

[0セクション2章:受講生コミュニティに参加する]

受講生専用オープンチャットルームのリンクとパスワードを確認してください


学習内容📚

📌 SECTION 1. タイプスクリプトの概要

技術をよく理解するには、それがどのような背景から生まれたのかを知る必要があります。したがって、セクション1では、タイプスクリプトの誕生の背景を調べ、タイプスクリプトが解決しようとした問題が何であり、どのような特徴を持つのかを詳しく見ていきます。

📌 SECTION 2〜3。タイプスクリプトの基礎を整える

最も基本的なタイプスクリプトの文法を見てください。同時に、タイプスクリプトが言うタイプとは正確に何であり、タイプが互いにどのような関係を結び、どのように動作するかを見ていきます。

📌 SECTION 4〜6。タイプスクリプトの文法を見る

関数型定義、関数オーバーロード、インタフェース、クラスなど、タイプスクリプトのさまざまな機能と文法を調べます。

📌 SECTION 7〜9。ウィザードのようにタイプを操作する

タイプスクリプトの最もユニークで強力な機能であるタイプ操作機能について説明します。ジェネリック、インデックス付きアクセス型、マップド型、Keyof演算子、条件付き型など、さまざまなタイプスクリプトの型操作文法を調べます。

📌 SECTION 10. ユーティリティタイプを使う

タイプスクリプトがデフォルトで提供するさまざまなユーティリティタイプについて説明します。また、見てきたユーティリティタイプをこれまで学んだ知識を利用して直接実装してみます。

📌 SECTION 11.(Bonus +)リアクトでタイプスクリプトを使用する

このまま終われば残念ですか?だからボーナスセクションで準備しました。非常に簡単な闘頭リストを一緒に作成し、リアクトプロジェクトにタイプスクリプトを適用する方法について説明します。


予想される質問 Q&A 💬

Q. JavaScriptを知っているのがわかりません。聞くことができますか?

はい。全く知らないレベルでなければ聞くこともできます。中途中のJavaScriptの事前知識が必要なときはいつでも、講義ノートに私が直接製作したJavaScriptの学習資料を入れておきました。また、文法が難しい場合は、受講生のコミュニティに質問して助けを受けることもできます。

JavaScriptの学習資料(一口サイズにカットするリアクトブックの抜粋)

Q. Node.js バックエンド開発者です。フロントエンド開発者ではないのに聞くことができますか?

はい。最後のボーナスセクション(リアクト+タイプスクリプト)を除いて、すべて聞くことができます。

Q. 講義PPTや画面をキャプチャしてブログに載せてもいいですか?

はい!自由にお使い頂けます。販売だけしないでください。 🥲追加でお願いしたい場合は、私の講義リンクを出所につけていただければ幸いです。


受講前の注意事項📢

選手の知識

  1. JavaScript ES6バージョン以上(矢印関数など)を使用したことがあるはずです。
  2. ボーナスセクションを聴くには、以前のレクチャー(一口サイズにカットするリアクト)程度のリアクト事前知識が必要です。

注意事項

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

知識共有者の紹介✒️

何でも簡単で楽しく説明する方法があると信じる教育者だ。発売から1年ぶりにInflearn、ユデミーで約5,000人の受講生を排出した「一口サイズに切って食べるリアクト」講義を作った。開発者を希望する人々を助けるために、開発者知識共有サイトDEVSTUを作って約2年間運営している。 2022年からはリアクトを勉強する人々のためのオープンチャットルームも開設して運営する。また、ジュニア開発者のためのサービススタートアップCTOとして2年間勤務した。

履歴

ポートフォリオ/個人映像


こんな方に
おすすめです

学習対象は
誰でしょう?

  • タイプスクリプトを初めて始める方

  • TypeScriptを学んでみたけれど、自信がない方

  • タイプスクリプトの原理を理解し、使いこなしたい方

  • フロントエンド開発者

  • Node.js バックエンド開発者

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

  • ジャバスクリプト(ES6)

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

こんにちは
です。

31,745

受講生

1,878

受講レビュー

1,369

回答

4.9

講座評価

5

講座

웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!

안녕하세요 🙇‍♂

저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자

세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.

 

カリキュラム

全体

64件 ∙ (10時間 31分)

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

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

受講レビュー

全体

456件

5.0

456件の受講レビュー

  • wjdgksak0677님의 프로필 이미지
    wjdgksak0677

    受講レビュー 14

    平均評価 4.9

    5

    80% 受講後に作成

    Captain Pangyo's TypeScript, Zerocho's TypeScript, as someone who has heard them all, this is the best. The lecture quality is good and the price is cheap. It's a blessing. I especially liked how easy it was to understand the generics part!

    • evelo0702님의 프로필 이미지
      evelo0702

      受講レビュー 13

      平均評価 3.1

      5

      89% 受講後に作成

      It was a really good lecture ㅎㅎ Personally, I want to see a lecture that comprehensively applies what I learned in parts 1 and 2, such as a lecture on how to create a project with React + TS as the third lecture!! ㅎㅎ

      • q33as1836님의 프로필 이미지
        q33as1836

        受講レビュー 21

        平均評価 5.0

        5

        100% 受講後に作成

        I took both React and TypeScript lectures. Sometimes detailed and sometimes simple and clear, so I understand it very well. The pictures and photos used to explain the lectures are simple, so I can understand them at a glance. It's also good for beginners!! I really like this lecture. I'll listen to it over and over again!!

        • theeastsea님의 프로필 이미지
          theeastsea

          受講レビュー 2

          平均評価 4.5

          5

          100% 受講後に作成

          The lecture materials are upgraded from the React lectures, and Jeonghwan's voice is so so good! I think it's the clearest and easiest explanation among the TypeScript lectures I've ever heard!!

          • mamapai님의 프로필 이미지
            mamapai

            受講レビュー 32

            平均評価 5.0

            5

            17% 受講後に作成

            A lecture that robbed an old man's pocket!! You are the true leader of React lectures!! A lecture that two people can eat and one will die without knowing!! Lee Jeong-hwan, React cut into bite-size pieces!!!

            期間限定セール

            ¥29

            23%

            ¥5,682

            winterloodの他の講座

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

            似ている講座

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