inflearn logo
inflearn logo

プロジェクトで簡単に学ぶTypeScript基礎

タイプスクリプトの核心概念を基礎から実践までまるごと! プロジェクトを通して実務活用まで

29名 が受講中です。

難易度 初級

受講期間 無制限

JavaScript
JavaScript
TypeScript
TypeScript
TailwindCSS
TailwindCSS
vite
vite
AI Agent
AI Agent
JavaScript
JavaScript
TypeScript
TypeScript
TailwindCSS
TailwindCSS
vite
vite
AI Agent
AI Agent

受講後に得られること

  • TypeScriptの基礎:基本型・特殊型、配列、インターフェース、関数型など

  • TypeScriptの高度な機能: ユニオン型、Enum、ジェネリクスなど

  • プロジェクト実習:日記アプリ制作で学んだ内容の実務適用

  • AIコードツール活用による開発生産性向上

実習と一緒に学ぶタイプスクリプトの第一歩!

  • タイプスクリプトの重要な概念と文法を簡単に理解することができ、それに基づいて簡単なプロジェクトを作成しながら実務感覚を築くことができます。

  • AIコードアシスタントを活用して、生産性の高い開発経験を学ぶことができます。

  • タイプスクリプトの中核概念の完全征服


  • 独自の小さなプロジェクトをタイプスクリプトとして実装

  • 今JSからTSへの移行、怖くない!

学習内容

TypeScriptと開発環境の紹介

TypeScriptの概念とニーズを紹介し、Viteを使用した開発環境の設定、学習効率を向上させるためのVS CodeとAIツールの設定方法をまとめます。

TypeScript基礎概念学習

基礎パーツではstring , number , booleanような基本タイプから特殊タイプまで一つずつ整理します。
また、配列とオブジェクト型、関数のパラメータおよび戻り型、およびinterfaceを活用した構造的なコード作成方法も習得します。

TypeScriptの高度な機能について

union型とliteral型でさまざまな値を表現し、 enumを使って意味のある定数を定義する方法も学びます。特にジェネリックを通じて、さまざまな状況で再利用可能な関数を作る実戦スキルを身につけることができます。

実戦プロジェクト – 日記帳アプリ制作

学習した内容に基づいて、日記帳アプリプロジェクトを直接作成し、実務感覚を育てます。日記の入力、出力、削除などの機能を直接実装し、タイプを明確に指定し、コードの安定性を確保する実践が含まれています。

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):Windows、macOS、LinuxなどのすべてのOSが利用可能です。

  • 使用ツール:Visual Studio Code、FitHubアカウント

  • PC仕様:インターネット接続が可能な基本仕様のPC

学習資料

  • 提供する学習資料の種類:FitHubリンクの共有、テキスト、ソースコードなど

  • 分量と容量:各セクションで学習資料を提供する

選手の知識と注意事項

  • HTML、CSS、JavaScriptの基本


  • 本講義の著作権は著作者にあり、不正な配布および複製を禁止します。学習資料も著作権があり、個人的な学習目的以外の使用を禁じます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • TypeScriptでスキルアップしたい方

  • 安定的で協業可能なコーディング を求める Webデザイナー & パブリッシャー

  • 実習中心に効率よく入門したい方

  • 理論よりプロジェクト中心の講座をお探しの方

  • HTML/CSS/JavaScriptの基礎は知っているが、TypeScriptは初めてのデザイナーおよび初級開発者

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

  • HTML、CSS、JavaScript 基礎

こんにちは
Michael Kwonです。

254

受講生

33

受講レビュー

17

回答

4.9

講座評価

5

講座

スタートアップでマルチメディアコンテンツクリエイターとしてキャリアをスタートし、一つの分野にとどまることなく、ゲーム、ウェブ、マルチメディア分野で企画と開発を主導し、現場で様々な商用作品をローンチしてきました。大学ではデジタルメディアと映像学を専攻し、主要な教育機関でウェブデザイン、フロントエンド開発、メディア教育(10年以上)などを行いながら、チュートリアルも制作しています。

- 著書 -

JavaScriptプロジェクトブック(ハンビッメディア、2017)

もっと見る

カリキュラム

全体

27件 ∙ (2時間 27分)

講座資料(こうぎしりょう):

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

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

Michael Kwonの他の講座

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

似ている講座

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

¥4,277