강의

멘토링

커뮤니티

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,610

受講生

4,731

受講レビュー

3,815

回答

4.9

講座評価

19

講座

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

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

カリキュラム

全体

78件 ∙ (5時間 53分)

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

受講レビュー

全体

206件

4.8

206件の受講レビュー

  • wally-wally님의 프로필 이미지
    wally-wally

    受講レビュー 15

    平均評価 5.0

    5

    100% 受講後に作成

    'Vue.js 시작하기'부터 항상 믿고 들어왔는데 이번 강의도 배울 내용이 많고 강의 하나하나 너무 알차서 좋았습니다! 추후 Vue.js에 Typescript 사용하는 내용을 담은 강의도 개설하신다고 하셨는데 그전까지 배웠던 Typescript 복습하면서 기대하고 있겠습니다! 항상 늘 좋은 강의 감사합니다!

    • Joshua Moon님의 프로필 이미지
      Joshua Moon

      受講レビュー 4

      平均評価 5.0

      5

      100% 受講後に作成

      역시 명강의 입니다. 배우는 사람의 다양한 입장을 고려해서 만든 강의라는게 곳곳에서 느껴져서 좋았습니다. 입문과 실전 10일동안 순삭했네요.ㅎ 이제 찬찬히 꼽씹어 보며 제것으로 만들어 봐야죠~! 개인적인 바램은.. 캡틴판교님 주로 뷰강의를 많이 하시는데 리액트를 다루는 강의도 만들어 주셨으면 하는... 여튼 정말 잘 들었습니다. 감사해요.

      • 대현님의 프로필 이미지
        대현

        受講レビュー 10

        平均評価 4.7

        5

        100% 受講後に作成

        타입스크립트 활용법에 더 친숙해질 수 있어서 좋았습니다. 특히 타입 단언을 써야 하는 상황을 DOM과 연관해서 설명해주셔서 충분히 이해할 수 있었습니다. 한 가지 아쉬운 것은 강의 업로드해주신 날짜 이후로 chartjs가 type을 지원하면서 강의 내용과 조금씩 달라지면서 에러가 발생했습니다. 타입스크립트를 어떻게 쓰는지 공부하는데는 무리가 없으니 다른 분들도 꼭 들어보시면 좋을 것 같습니다.

        • dev.jun28님의 프로필 이미지
          dev.jun28

          受講レビュー 9

          平均評価 5.0

          5

          100% 受講後に作成

          감사합니다. 쏙쏙 이해했지만 항상 사용이 문제겠죠?? 반복 학습 개발 하겠습니다 강의 내용 좋았습니다 다시금 감사합니다

          • yhg0337님의 프로필 이미지
            yhg0337

            受講レビュー 4

            平均評価 5.0

            5

            100% 受講後に作成

            정말 들으면 들을수록 어떻게 타입스크립트에 다가가야 좀더 자신감이 생길수 있게 접근이 가능할 수 있을지를 고심하신게 느껴지는 강의였습니다.. 정말 타입스크립트를 공부해도 어떻게 사용할지 막막함이 앞서 들었는데 그 막막함을 해결해준 강의였습니다.

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

            ¥41,250

            25%

            ¥6,795

            captainの他の講座

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

            似ている講座

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