강의

멘토링

로드맵

Inflearn brand logo image
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,065

受講生

1,778

受講レビュー

1,355

回答

4.9

講座評価

5

講座

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

안녕하세요 🙇‍♂

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

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

 

カリキュラム

全体

64件 ∙ (10時間 31分)

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

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

受講レビュー

全体

431件

5.0

431件の受講レビュー

  • wjdgksak님의 프로필 이미지
    wjdgksak

    受講レビュー 13

    平均評価 4.9

    5

    80% 受講後に作成

    캡틴판교님 타입스크립트, 제로초님 타입스크립트, 이거까지 다들은 사람으로써 이게 짱이네요 강의 퀄도지리고 가격도 저렴합니다. 혜자입니다. 특히 제네릭부분이 이해가 잘되는게 좋았습니다 !

    • eko09님의 프로필 이미지
      eko09

      受講レビュー 13

      平均評価 3.1

      5

      89% 受講後に作成

      너무 좋은 강의였습니다 ㅎㅎ 개인적으로 강의 3탄으로 react + TS 로 프로젝트 만드는법 같은 강의가 나와서 1,2편에서 공부한것들을 종합적으로 적용시키는 강의는 보고싶습니다!! ㅎㅎ

      • 이지수님의 프로필 이미지
        이지수

        受講レビュー 21

        平均評価 5.0

        5

        100% 受講後に作成

        리액트 강의도 듣고 타입스크립트 강의도 들었습니다. 때떄론 자세하고 때떄론 간단명료하게 적재적소에 설명해주시니 이해가 너무 잘되네요. 강의설명하는 그림이나 사진도 심플하니 한눈에 이해됩니다. 초보자가 듣기도 좋고요!! 너무 맘에 드는 강의입니다 여러번 반복해서 들을게요!!

        • todong님의 프로필 이미지
          todong

          受講レビュー 2

          平均評価 4.5

          5

          100% 受講後に作成

          리액트 강의보다 업그레이드된 강의 자료와 정환님의 목소리가 너무너무 좋습니다! 제가 지금까지 들어본 타입 스트립트 강의 중 가장 명확하고 쉽게 설명해 주시는 것 같아요!!

          • MJ JI님의 프로필 이미지
            MJ JI

            受講レビュー 32

            平均評価 5.0

            5

            17% 受講後に作成

            늙은이의 호주머니를 강탈한 강의!! 그대는 진정한 리액트 강의의 선두!! 둘이 먹다 하나가 죽어도 모를 강의!! 한입 크기로 잘라 먹는 리액트 이정환!!!

            期間限定セール、あと1日日で終了

            ¥36,300

            25%

            ¥5,689

            winterloodの他の講座

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

            似ている講座

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