Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Typescript

超TypeScript入門 完全パック(2021)

TypeScriptの完全パックとなっていますので、本気でTypeScriptを熟知したいJavaScript、Vue、React、Angular、Node.jsエンジニアの方は、ぜひこの講座で学んでみてください。
Bestseller
Rating: 4.3 out of 54.3 (941 ratings)
5,418 students
Created by よしぴー (Yoshipi)
Last updated 2/2021
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • TypeScriptの基礎的な型と応用的な型、コンバイラの設定方法、クラスやインターフェースの使い方
  • ジェネリクスや、デコレーター、モジュール、Webpack、React、Node jsを使った実践的な開発方法
  • オブジェクト指向プログラミングを使った、健康管理アプリの作成とTypeScriptでのJavaScriptライブラリーの使い方
Curated for the Udemy for Business collection

Course content

14 sections • 172 lectures • 13h 55m total length

  • Preview02:14
  • Preview06:14
  • Preview01:27
  • Preview04:34
  • Preview02:45
  • Preview00:44
  • Preview11:33
  • Preview08:58
  • Preview08:06
  • Preview02:11
  • 再生速度の変更とQ&Aを使って質問する方法
    01:11

  • Preview02:39
  • Preview05:42
  • Preview06:47
  • Preview03:47
  • Preview06:01
  • Preview04:21
  • Preview05:59
  • Preview09:17
  • Preview03:11
  • Preview02:41
  • Preview07:05
  • Preview02:26
  • Preview04:16
  • Preview05:14
  • Preview00:50
  • Preview06:07
  • Preview05:56
  • Preview02:58
  • Preview03:45
  • Preview00:16

  • Preview02:18
  • watchモードを使って、保存時に自動的にTSからJSにコンパイルする方法
    01:46
  • tsc —initでtsconfig.jsonを作り、全てのファイルを一気にコンパイルする方法
    04:43
  • includeとexcludeとfilesを使ってコンパイルするファイルを選ぶ方法
    08:37
  • targetを指定して、特定のバージョンのJavaScriptに変換する方法
    01:54
  • libを指定して、TypeScriptが用意している型の定義を追加する
    06:45
  • allowJs、checkJs、jsx、declaration、declarationMapの設定はこう使う
    06:26
  • SourceMapを使用して、ブラウザでTypeScriptを操作する方法
    04:00
  • outDirとrootDir、removeComments、noEmit、downlevelIterationの使い方
    07:41
  • noEmitOnErrorオプションを使って、エラーが出た時にコンパイルしない方法
    01:50
  • noImplicitAnyやstrictNullChecksなどのstrictの設定はこう使う
    11:31
  • 綺麗なコードを書くための設定をする方法
    05:31
  • まとめ - セクション3
    00:30

  • Preview02:38
  • これがオブジェクト指向プログラミングだ
    03:47
  • classを定義してオブジェクトを作成する方法
    05:45
  • JSにコンパイルされたclassはこうなっている
    03:31
  • クラスにメソッドを追加する方法
    11:06
  • クラスを型として使う方法
    04:57
  • public修飾子とprivate修飾子を使用して、アクセスを制限する方法
    06:50
  • 初期化の処理を省略する方法
    01:33
  • readonly修飾子を使って、書き換え出来ないようにする方法
    04:48
  • extendsを使用して、他のクラスの機能を継承する方法
    05:49
  • protected修飾子を使用して、継承先までアクセスできる範囲を広げる方法
    02:34
  • ゲッターとセッターはこう作る
    08:32
  • staticを使用して、インスタンスを作らずにクラスを使う方法
    04:12
  • Abstractクラスを使用して、継承にのみ使えるクラスを作成する方法
    07:59
  • privateをconstructorに付けて、シングルトンパターンを実装する方法
    07:27
  • まとめ - セクション4
    01:21

  • Preview01:32
  • interfaceはこう使う!
    03:48
  • メソッドをオブジェクトの型に指定する方法
    03:34
  • implementsを使用して、クラスに対してinterfaceの条件を適応させる方法
    05:51
  • これがTypeScriptの構造的部分型だ!
    04:46
  • readonly修飾子をinterfaceに使って読むだけのプロパティを作る方法
    03:44
  • extendsを使ってinterfaceを継承する方法
    06:30
  • interfaceで関数の型を表現する方法
    04:03
  • ?を使って、あってもなくても良いオプショナルプロパティとオプショナルパラメーターを使用する方法
    11:33
  • まとめ - セクション5
    00:21

  • Preview01:55
  • AかつBのように、&を用いてインターセクション型を定義する方法
    06:12
  • 条件文を使って型を絞り込む、3つのType guard
    14:06
  • タグ付きUnionを使って型を絞り込む方法
    03:09
  • 型アサーションを使って、手動で型を上書きする方法
    08:40
  • !(Non-null assertion operator)を使って、nullじゃないと言い切る方法
    02:13
  • インデックスシグネチャを使用して柔軟なオブジェクトを作る方法
    04:51
  • 関数のオーバーロードを使って、戻り値の型を正しくTypeScriptに伝える方法
    05:18
  • Optional Chainingはこう使う!
    04:11
  • Nullish Coalescingはこう使う!
    02:18
  • LookUp型を使ってオブジェクトのメンバーの型を取得する方法
    01:37
  • 型の互換性の仕様書はこうなっている!
    16:19
  • 「TypeScriptの型安全性」と「JavaScriptの柔軟性」
    03:49
  • 関数型のオーバーロードはinterfaceで定義する必要がある
    04:08
  • 関数型のインターセクションはオーバーロードになる
    03:56
  • 関数型のユニオン型はパラメータがインターセクション型、戻り値はユニオン型になる
    06:42
  • レストパラメーターに配列やタプルを指定する方法
    05:03
  • 配列とタプルにreadonly修飾子をつける方法
    01:29
  • constアサーションはこう使う
    03:42
  • 型の中でtypeofを使うと、こんな便利なことができる
    01:43
  • まとめ - セクション6
    00:13

  • Preview01:34
  • こうしてジェネリクスを使って、型を引数として受け取る
    07:52
  • extendsを使って型パラメータに制約をつける方法
    01:43
  • keyofを使ってオブジェクトのキーのユニオン型を作成する方法
    04:22
  • Classに対してジェネリクスを使用する方法
    05:27
  • Interfaceに対してジェネリクスを使用する方法
    01:59
  • 内蔵されているジェネリック型であるUtility型の紹介
    06:41
  • デフォルトの型パラメーターを指定する方法
    01:45
  • 型のfor文であるMapped Typesはこう使う
    05:19
  • 型のif文であるConditional Typesはこう使う
    11:12
  • まとめ - セクション7
    00:23

  • Preview02:13
  • デコレータを使ってClassに関数を適応する方法
    07:18
  • デコレータファクトリを使用して、デコレータに引数を渡す方法
    02:11
  • こうしてデコレータを使って簡易版のフレームワークを作成する
    14:13
  • 複数のデコレータを同時に使う方法
    02:58
  • 戻り値にクラスを指定して、新しいクラスを作り出す方法
    09:12
  • 「プロパティーデコレータを使う方法」と「prototypeについて」
    11:09
  • 「メソッドデコレータを使う方法」と「PropertyDescriptorについて」
    11:33
  • アクセサーデコレータはこう使う
    02:09
  • 戻り値を使って、実践的なメソッドデコレータを使う方法
    03:52
  • パラメータデコレータはこう使う
    02:52
  • まとめ - セクション8
    01:09

  • Preview00:40
  • こうしてオブジェクト指向プログラミングでアプリを作り始める
    03:36
  • Foodsクラスで、全ての食べ物の要素を保持する方法.mp4
    03:12
  • こうすれば、クラスを綺麗に分離できる。
    01:07
  • Foodクラスにクリックイベントを加える方法
    02:01
  • コールバック関数でthisを使用する場合はこうする
    02:30
  • activeな食べ物の配列を取得できるようにする方法
    03:38
  • activeな食べ物のスコアの配列を取得できるようにする方法
    04:31
  • トータルスコアを取得する方法
    02:03
  • 取得したトータルスコアを表示する方法
    06:08
  • アプリでシングルトンパターンを使用する
    03:40
  • Interfaceを使用して、わかりやすいコードを作成する方法
    03:19
  • まとめ - セクション9
    01:38

  • Preview03:06
  • scriptタグを並べて、ファイルを分割する方法
    05:08
  • ESモジュールを使って、ファイルを分割する方法
    11:09
  • ローカルサーバーを用意して、ESモジュールをブラウザで利用する方法
    04:11
  • 「4つのimportの書き方」と「2つのexportの書き方」
    04:42
  • モジュールはこのタイミングで実行される
    00:53
  • これがWebpackを使う理由だ!
    06:07
  • Webpackをインストールしてセットアップする方法
    04:59
  • webpack.config.jsのoutputはこう書く!
    07:25
  • source mapをwebpackで作成する方法
    02:04
  • ts-loaderを使って、TypeScriptを直接Webpackで扱う方法
    13:59
  • webpack-dev-serverを使用して、bundleをローカルサーバーから提供する方法
    08:36
  • webpackのバージョンの補足
    00:57
  • 本番用の設定でwebpackを使う方法
    06:06
  • まとめ - セクション10
    00:42

Requirements

  • JavaScriptの基礎的な知識が必要です。
  • TypeScriptの知識は必要ありません。
  • HTML、CSSの基礎的な知識がある前提で講座を作成しています。
  • テキストエディタ、ターミナルについての使用方法を知っている前提で講座を作成しています。

Description

エンジニアのみなさん!

このコースを修了する頃には、TypeScriptの多くを熟知し、TypeScriptを使ったモダンな開発をしているでしょう。


このコースがあなたの職業生活や私生活にどのように役立つか。

  • JavaScriptを使っている方は、モダンな開発手法が身につきますので、今すぐこの講座に投資してください。npmが行った33000人を対象にしたのアンケートによると、62%以上のnpmユーザーはTypeScriptを使用しています。The State of JavaScriptによる21,717人を対象にしたアンケートでは、80%以上の人がTypeSciptを使いたいと答えています。GithubのアンケートではTypeScriptはついにトップ7の言語となりました!この講座に投資することで得られるスキルは、きっとあなたの市場価値を大きく高めるでしょう。

  • AngularやVue、Reactを使っている方にとってもこの講座に投資する価値があります。AngularはTypeScriptを使用していますし、Vue3はTypeScriptで書かれているため、TypeScriptとの相性は非常に良いです。ReactもTypeScriptのサポートが充実しています。JavaScriptフレームワークとの相性は非常に良いので、ぜひこのコースでTypeScriptを学んでみてください!

  • Node.jsを使っている方も、もちろんTypeScriptは役に立ちます。Node.jsでTypeScriptは使用できますし、NestJSというTypeScriptを使用したNode.jsのフレームワークを使用することで、より良いバックエンドの開発もできます。少しでもTypeScriptに興味がある場合は、この講座でTypeScriptの多くを学べますので、ぜひ、この機会をお見逃しなく!


登録前に抱くかもしれない質問

  • この講座で何が学べるのか?

    この講座は、TypeScriptの完全パックになっています。あなたは、TypeScriptで使用される基礎的な型と応用的な型、そしてコンパイラの設定方法、クラス、インターフェース、ジェネリクス、デコレーター、モジュール、Webpack、React、Node.jsやその他のJavaScriptライブラリーの使い方など応用的な内容を網羅的に学ぶことができます。また、オブジェクト指向プログラミングを用いた、健康管理アプリの作成も実践演習として、講座内に折り込んでいます。もし、不安な場合は、プレビューを見てみてください。各セクションの最初に、講座の内容を説明しています。

  • TypeScriptを使ったことがない場合、購入するべきではないのか?

    この講座の主なターゲットは、TypeScriptを使ったことのない方ですので、購入する躊躇はいりません。今すぐ一緒にTypeScriptを勉強しましょう。もちろん、TypeScriptを使ったことのある方も大歓迎です。ジェネリクスやデコレーターなど、TypeScriptの応用的な使い方を知らないという方にとってこの講座はぴったりですので、ぜひ購入してみてください。

  • 思っていた講座と違った場合、どうすれば良いのか?

    間違えて購入してしまった場合も問題ありません。Udemyでは30日間の全額返金保証を行なっております。講座の内容には自信がありますが、もし万が一講座に満足いただけなかったとしても心配ありませんので、ご安心ください。

このコースがどのような問題、ニーズ、希望に応えるか

  • TypeScriptのドキュメントを読んだが、あまりよくわからなかった

  • 本だと退屈で時間がかかるので短期間で動画で学びたい

  • 応用的な内容までまとまった動画教材がないので困っている。

このように感じているならば、この講座は以下のようにしてこれらの問題に応えているので、ぜひ購入を検討してみてください。

  • ドキュメントの内容を噛み砕いてわかりやすく解説

  • あなたが退屈と感じ、飽きないよう、そして、短期間で多くの情報が得られるよう、テンポの良い説明

  • ジェネリクスやデコレータなど応用的な内容を収録


この講座の内容リスト

  • TypeScriptの型はこう書く!

  • コンパイラを使う方法

  • TypeScriptではClassをこう使う!

  • これがInterfaceだ!

  • ジェネリクスの仕組み

  • デコレーターはこう使う!

  • 実践:健康管理アプリはTypeScriptでこう作る!

  • 「モジュール」と「Webpack」

  • こうしてTypeScriptでJavaScriptライブラリーを使う!

  • React.jsをTypeScriptと一緒に使う方法

  • Node.jsとExpressとTypeScriptを一緒に使う方法

Who this course is for:

  • TypeScriptに挑戦したいJavaScriptエンジニア
  • もっとTypeScriptについて詳しく知りたいAngularエンジニア
  • ReactやVueの様なJavaScriptフレームワークを使っていて、TypeScriptにも興味を持っているフロントエンドエンジニア
  • モダンな開発に興味がある方
  • Progateを一通り終えて、新しい言語を学びたい方
  • 本で学ぶよりも動画で学ぶ方が好きな方

Instructor

よしぴー (Yoshipi)
Vue.js Typescript
よしぴー (Yoshipi)
  • 4.3 Instructor Rating
  • 3,662 Reviews
  • 14,167 Students
  • 2 Courses

飛び級で大学院に入学したので、合計で5年間コンピューターについて学びました。

プログラミングを勉強し始めた頃、本を読むのが辛く、何度調べててもわからず、そもそも何を勉強すれば良いのかもわからず、苦悩しました。そんな過去の自分が、あの時一番欲しかったなと思う講座を作成しています。

ハイレベルなプログラミングのスキルを持ち、市場価値を高めて素敵な人生にしましょう!

素敵な社会を作りたいです。

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.