강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

TypeScript を実践プロジェクトで学ぶ

"TypeScript 入門 - 基礎から実践まで"の実践活用編です。入門編を受講していない方は、入門編から受講してください 😄

  • captain
TypeScript
ES6

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

こんなことが学べます

  • TypeScript 開発

  • TypeScript を JavaScript に適用する方法

  • TypeScript で外部ライブラリを使用する方法

  • フロントエンド開発環境

  • フロントエンド開発

  • フロントエンド開発ビルドシステム

  • ES6

  • タイプシステム

タイプスクリプト入門、その2番目!
実戦プロジェクトとして自信を持って活用してみてください。

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

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

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

本を見に行く >>

実戦でもタイプスクリプトを! 🤗

タイプスクリプト入門講義の後続講義です。 TypeScript入門講義で学んだ内容に基づいて、簡単なプロジェクトを一緒に進めてみます。 JavaScriptで作成された小規模なWebサイトにタイプスクリプトを徐々に適用しながら、タイプスクリプトの基本的な文法と概念を体化する講義です。


講義で
学ぶテーマ 👨‍🏫



  • JavaScriptプロジェクトにタイプスクリプトを徐々に適用する方法
  • 開発生産性を向上させるフロントエンド開発環境の設定ESLint、Prettier、Babel、Typescript
  • タイプスクリプトで外部ライブラリを使用する方法
  • ユーティリティタイプ(ジェネリックタイプ)の活用方法
  • タイプスクリプトの組み込みタイプとタイプ推論の理解

楽しい
プロジェクトしてみてください
🎲

[最終プロジェクト]
コロナリアルタイム世界現況版


予想Q&A 🙋🏻‍♂️

Q.タイプスクリプトを学ぼうとするのにこの講義を聞けばいいですか?

このレッスンはTypeScript入門の後続のレッスンです。タイプスクリプトを初めて入門される方は、 タイプスクリプト入門講義を先に受講し、この講義を聞いてください。

Q.フロントエンド開発に慣れていないのに受講してもいいですか?

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

Q.実務でJavaScriptだけでうまく開発していますが、タイプスクリプトも学習すべきでしょうか?

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

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

このレッスンでは、JavaScriptで作成された単純なWebサイトに徐々にタイプスクリプトを適用する方法について学びます。実際のサーバーからデータを呼び出して画面を構成し、外部ライブラリも使用するため、実際のサービス環境と同様の構造です。実務で遭遇する可能性のある問題を事前に体験してみて、しっかりしたタイプスクリプトの基本を拭くことができます。

Q. 講義の中でどのような教案を使用しますか?

講義教案は隣のサイト、 タイプスクリプトハンドブックを活用します😄






関連ロードマップ🚎

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


知識共有者の紹介👨‍🏫

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

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

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

講義割引を提供します!

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

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

こんな方に
おすすめです

学習対象は
誰でしょう?

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

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

  • TypeScript を JavaScript に適用したい方

  • フロントエンド開発者

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

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

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

  • JavaScript の基本概念

  • タイプスクリプト入門講義

こんにちは
です。

48,095

受講生

4,668

受講レビュー

3,812

回答

4.9

講座評価

17

講座

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

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

カリキュラム

全体

78件 ∙ (5時間 53分)

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

受講レビュー

全体

206件

4.8

206件の受講レビュー

  • wallywally님의 프로필 이미지
    wallywally

    受講レビュー 15

    平均評価 5.0

    5

    100% 受講後に作成

    I have always trusted and followed your lectures since 'Getting Started with Vue.js', and this lecture was also very informative and great! I heard that you will open a lecture on using Typescript in Vue.js in the future, so I am looking forward to it while reviewing the Typescript I have learned so far! Thank you for always giving great lectures!

    • joshua85650632님의 프로필 이미지
      joshua85650632

      受講レビュー 4

      平均評価 5.0

      5

      100% 受講後に作成

      This is a great lecture. I felt that the lecture was made by considering the various positions of the learner, and it was good. I've been through the introductory and practical 10 days in a row.ㅎ Now I have to chew on it carefully and make it mine~! My personal wish is.. Captain Pangyo, you mainly give a lot of view lectures, but I wish you would make a lecture that covers React as well... Anyway, I really enjoyed it. Thank you.

      • daep93님의 프로필 이미지
        daep93

        受講レビュー 10

        平均評価 4.7

        5

        100% 受講後に作成

        It was good to be able to become more familiar with how to use TypeScript. In particular, I was able to fully understand the situation where I need to use type assertions because it was explained in relation to DOM. One thing that was disappointing was that after the date of uploading the lecture, chartjs started supporting types, and the lecture content changed slightly, causing errors. It is not difficult to learn how to use TypeScript, so I think it would be good for others to listen to it as well.

        • castle님의 프로필 이미지
          castle

          受講レビュー 9

          平均評価 5.0

          5

          100% 受講後に作成

          Thank you. I understood it well, but I guess it's always a problem to use it?? I will develop repeated learning. The lecture content was good. Thank you again.

          • conradmaker님의 프로필 이미지
            conradmaker

            受講レビュー 4

            平均評価 5.0

            5

            100% 受講後に作成

            This was a lecture where the more I listened to it, the more I felt that the lecturer was thinking hard about how to approach TypeScript in a way that would make me more confident. I was really at a loss about how to use TypeScript even after studying it, but this lecture helped me solve that problem.

            ¥6,526

            captainの他の講座

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

            似ている講座

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