강의

멘토링

로드맵

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

受講生

4,668

受講レビュー

3,812

回答

4.9

講座評価

17

講座

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

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

カリキュラム

全体

87件 ∙ (6時間 17分)

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

受講レビュー

全体

634件

5.0

634件の受講レビュー

  • 호눅스님의 프로필 이미지
    호눅스

    受講レビュー 11

    平均評価 5.0

    5

    100% 受講後に作成

    진짜 짱짱 좋아요. 많은 자료를 인터넷에 공개해 주셔서 그걸로도 할 수 있지만 강사님의 꿀보이스를 들으면서 하니까 더욱 좋아요! 강추!

    • Yong-Hae Lee님의 프로필 이미지
      Yong-Hae Lee

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      타입스크립트를 배우려고 하던 차에 강의가 오픈되어 바로 수강했습니다. 타입스크립트의 완전 기초부터 실용적인 예제를 통한 활용 예까지 알수있었습니다. 강의 경험이 많으신 것 같아요. 강의들이 너무 길지 않게 적절한 길이로 나눠져 있어서 중간에 끊어가면서 공부하기 좋았습니다. 좋은 강의 감사합니다.

      • 장기효(캡틴판교)
        知識共有者

        첫 수강평 감사합니다 용해님 :) 강의 특징과 장점도 구체적으로 잘 적어주셔서 더 의미가 크네요 ㅎㅎ 이후에 올라오는 타입스크립트 영상도 기대해 주세요! 감사합니다 :)

    • mediummmmm님의 프로필 이미지
      mediummmmm

      受講レビュー 3

      平均評価 5.0

      5

      80% 受講後に作成

      프론트엔드개발자로 취직을 하려고 하는데 요즘은 타입스크립트를 요구하는 회사가 많아보여서, 이 강의를 듣게 되었습니다. 여러 무료강의를 찾아보았지만 몇년전 자료이거나 커리큘럼이 마음에 들지않아 이 유료강의를 듣게 되었는데 여러프로젝트도 만들어 보면서 따라할수있어서 더 머리에 잘들어오는것같습니다. 그리고 개념도 하나하나잘설명해주시고 최대한 쉽게 설명해주시려고 하시는것 같아서 어려움없이 타입스크립트공부를 하고있습니다. 타입스크립트를 체계적으로 배우고 싶으신분들께 추천드려요!

      • 비오님의 프로필 이미지
        비오

        受講レビュー 10

        平均評価 5.0

        5

        91% 受講後に作成

        설명이 참 군더더기 없습니다. 강의듣는 맛나네요

        • 아리마님의 프로필 이미지
          아리마

          受講レビュー 16

          平均評価 4.6

          3

          100% 受講後に作成

          목소리도 좋으시고 강의 내용은 전반적으로 나쁘지 않은데, 강의를 왜 이리 짧은 시간에 끊고 새로운 강의로 넘어가는지 잘 이해가 되지 않습니다. 적어도 10~15분 정도는 강의가 좀 이어졌으면 하는데 2분 ~4분 같이 너무 짧은 강의가 많으니 집중력을 깨뜨리는 거 같아요. 학교에서 수업을 듣는데 선생님께서 마치 5분 교육하고 1분 쉬었다 하자라고 말하는 거 같아요.

          ¥6,526

          captainの他の講座

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

          似ている講座

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