강의

멘토링

로드맵

BEST
Programming

/

Programming Language

TypeScript 入門 - 基礎から実践まで

TypeScript を始める方のための講義です。最新の JavaScript 文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。初心者視点で、難しく感じられる TypeScript を楽しく学んでみましょう 😄

  • captain
TypeScript
ES6
JavaScript

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

こんなことが学べます

  • TypeScript 開発

  • TypeScript を JavaScript に適用する方法

  • タイプシステム

  • フロントエンド開発

  • ES6

JavaScriptプロジェクトに適用して習得する、
簡単で楽しく学ぶタイプスクリプト入門!

Inflearn累積受講生8,000人突破人気講義
キャプテン板橋タイプスクリプトシリーズ、本として再誕生!

2023 『簡単に始めるタイプスクリプト』出版

JavaScriptコードの品質と開発生産性を高めるタイプスクリプト、講義とともに本で学習してみてください!

本を見に行く >>


今、タイプスクリプトを学ぶ時間! 🔔

TypeScriptは、フロントエンド開発の実務者であれば必ず知っておくべき言語です。実装した機能でバグが少なくなり、メンテナンスの観点からもコードの役割をより早く把握できます。

それでもタイプスクリプトは漠然と恐怖の対象となっています。タイプスクリプトの公式文書が難解なだけでなく、簡単に学習できる資料が多くないからです。あるいは「最新のJavaScriptにも慣れていませんが、タイプスクリプトとは?」と考えることができます。

このレッスンでは、最新のJavaScriptを知らなくてもJavaScriptの基本的な概念だけを知っている人にも学びます。 できるように構成されています。短い概念説明と実習中心の講義でタイプスクリプトを楽しく入門できるようにお手伝いします。


講義構成📚

  • TypeScriptを書いたときの利点とJavaScriptをTypeScriptのようにコーディングする方法
  • タイプスクリプトの基本概念(基本タイプからジェネリック、高級タイプまで)
  • JavaScriptプロジェクトにタイプスクリプトを徐々に適用する方法
  • タイプスクリプトの内部動作方式とタイプ(Type)推論を行なう過程


講義で扱うアプリケーション 🎲

あなたの学習を楽しませるプロジェクトを紹介します。
(実習プロジェクト1 - 実習プロジェクト2)

実践プロジェクト1
タスク管理アプリケーション
(To-Do App)

実践プロジェクト2
電話帳アプリケーション


講義に関する予想される質問🙋🏻‍♂️

Q.フロントエンド開発に慣れていないのに聞くことができますか?

A.このレッスンは、JavaScriptの基本的な概念(変数、関数、オブジェクト、繰り返しステートメント、DOM操作など)を知っている人を対象に構成したコースです。 JavaScriptの基本文法をまったく知らない方には、適していない講座の下のサイトで選手学習をしてから受講することをお勧めします。

Q. 講義の教案はどこにありますか?

講義の教案は下記のリンクから確認できます。
タイプスクリプトハンドブックショートカット

Q.実務でJavaScriptだけでうまく開発していますが、タイプスクリプトも学習しなければなりませんか?

複雑なWebアプリケーションを複数人で開発してきた経験があれば、おそらく文書化されたコード、読みやすさが高く、一目で意味を把握しやすいコードを好むと思います。 TypeScriptはこれらの利点を最大化するだけでなく、コードを簡単に書くのに役立ち、将来のアプリケーションを実行したときのバグを事前に減らすことができます。学習してみると開発する方が楽になるでしょう😄

Q.この講義を聞くとすぐに実務に適用できますか?

講義の全体的な流れは、すでに実装されているJavaScriptコードに徐々に学習した内容を適用しながら、TypeScriptプロジェクトに変換していく方向に設計されています。 2つの実習プロジェクトで学んだ内容を実際のプロジェクトに適用できる経験と自信を持つことができるでしょう。

Q.講義を聞くためにReactやVueを知る必要がありますか?

ReactやVueなどの一般的なフレームワークの知識がなくても受講できます。言語の全体的な概念を捉えるのに集中した講義だから、フレームワークの知識はなくてもいいです。 t-end, javascript, typescript, FE


関連ロードマップ🚎

Vue.jsとTypeScriptで征服するフロントエンド開発
キャプテン板橋様のビュー+タイプスクリプトで一度に
学習は講義で構成されるロードマップです。
この講義を含む


知識共有者の紹介👨‍🏫

チャン・ギヒョ(キャプテン板橋)

「Inflearnが出会った人」インタビュー

「講義収益でVue.jsオープンソース+
ライフコーディングを後援します😁」

講義割引を提供します!

シリーズ「Vue.jsで完成するフロントエンド
開発者ロードマップ" 25% 割引(クリック)

収入のない中・高校生、
大学生のための学生の50%割引(クリック)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • TypeScript を初めて使用される方

  • タイプスクリプト入門者

  • TypeScript を JavaScript に適用したい方

  • フロントエンド開発者

  • JavaScript の基本文法を理解している Web 開発者

  • TypeScript で記述されたプロジェクトを公開する必要があるパブリッシャー

こんにちは
です。

48,204

受講生

4,693

受講レビュー

3,812

回答

4.9

講座評価

17

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

87件 ∙ (6時間 17分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

634件

5.0

634件の受講レビュー

  • honux님의 프로필 이미지
    honux

    受講レビュー 11

    平均評価 5.0

    5

    100% 受講後に作成

    It's really great. You can do it with a lot of materials that are available on the internet, but it's even better when you do it while listening to the instructor's sweet voice! Highly recommended!

    • sundlee님의 프로필 이미지
      sundlee

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      I was trying to learn TypeScript when the course opened, so I took it right away. I was able to learn everything from the basics of TypeScript to practical examples of how to use it. I think you have a lot of experience giving lectures. The lectures were divided into appropriate lengths so they weren't too long, so it was easy to study while taking breaks in between. Thank you for the great lecture.

      • captain
        知識共有者

        Thank you for your first class review, Yonghae :) It's more meaningful because you wrote the features and advantages of the class in detail. Please look forward to the TypeScript video that comes up later! Thank you :)

    • tsc03018님의 프로필 이미지
      tsc03018

      受講レビュー 3

      平均評価 5.0

      5

      80% 受講後に作成

      I'm trying to get a job as a front-end developer, and these days, it seems like a lot of companies require TypeScript, so I took this course. I looked for a lot of free courses, but they were either from a few years ago or I didn't like the curriculum, so I took this paid course. I was able to follow along while making various projects, so I think it's easier to understand. And the instructor explains the concepts one by one, and it seems like he tries to make it as easy as possible, so I'm studying TypeScript without difficulty. I recommend it to anyone who wants to learn TypeScript systematically!

      • pius712님의 프로필 이미지
        pius712

        受講レビュー 10

        平均評価 5.0

        5

        91% 受講後に作成

        The explanation is very concise. It's fun to listen to the lecture.

        • shout님의 프로필 이미지
          shout

          受講レビュー 16

          平均評価 4.6

          3

          100% 受講後に作成

          The voice is good and the lecture content is not bad overall, but I don't understand why the lectures are cut off at such a short time and move on to a new lecture. I wish the lectures could have lasted at least 10~15 minutes, but there are many lectures that are too short, like 2~4 minutes, so I think it breaks my concentration. It's like when I take a class at school and the teacher says, "Let's teach for 5 minutes and then take a 1-minute break."

          期間限定セール

          ¥33

          23%

          ¥6,499

          captainの他の講座

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

          似ている講座

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