TECH4U SESアカデミー

TypeScriptとは

TypeScriptのSES案件で担当する画面・API開発、型設計、JavaScriptからの移行を解説。型チェックと入力検証の違い、評価される経験を紹介します。

開発技術

TypeScriptとは

TypeScriptのSES案件で担当する画面・API開発、型設計、JavaScriptからの移行を解説。型チェックと入力検証の違い、評価される経験を紹介します。

別名: タイプスクリプト

TypeScriptは、JavaScriptに静的な型チェックを加えたプログラミング言語です。値や関数が扱うデータの種類を記述・推論し、実行前にコードの不整合を見つけます。通常はJavaScriptへ変換して実行します。TypeScript公式ハンドブック

TypeScriptのSES案件で担当する仕事

Reactなどを使う画面開発、Node.jsでのAPI開発、既存JavaScriptの移行などがあります。画面やAPIを実装するだけでなく、チームで共通して使うデータの型を整える仕事も含まれます。

たとえば申込処理では、編集中・送信中・完了・失敗で持つデータが変わります。存在しないはずの組み合わせをコードで作りにくくしたり、未取得の値を誤って使わないようにしたりするのが型設計の一例です。型の絞り込みや複数の型の組み合わせは公式資料でも解説されています。TypeScriptの基本的な型

既存の型を使う実装と、型を設計する仕事

既存の型に合わせて機能を追加する経験も、実務として重要です。その先の設計・レビューを担当する案件では、次のような経験が判断材料になります。

  • APIのリクエスト・レスポンスや共通部品の型を決め、変更の影響を確認した。
  • 型エラーを避けるために無条件でanyを使うのではなく、データの内容を調べて修正した。
  • JavaScriptからの移行を段階的に進め、既存の動作をテストで確認した。

複雑な型を書けることだけではなく、他のメンバーが理解・変更しやすいコードにしたかも説明できるとよいでしょう。

型チェックと入力検証は別

型を書いても、外部APIやフォームから届くデータの内容が自動で保証されるわけではありません。日付の形式や必須項目などは、実行時にも検証します。型を付けたからテストが不要になる、ということでもありません。

TypeScriptの単価の見方

TypeScriptの経験年数別の単価レンジは、Webアプリ開発の目安です。JavaScriptと併用されるため、言語名だけの加算ではなく、型設計・画面設計・API設計などの仕事で比較します。工程別の単価目安も参考にしてください。

無料相談

SESでの案件選びや単価アップについて相談する

用語の意味だけでなく、案件面談・スキルシート・単価アップでどう使うかまで一緒に整理できます。

SESキャリア相談をする

関連用語

関連テーマ

関連するテーマを読む

用語の意味を理解したら、関連テーマや関連記事で「面談・スキルシート・単価アップでどう使うか」まで確認しましょう。

無料相談

SESでの案件選びや単価アップについて相談する

用語の意味だけでなく、案件面談・スキルシート・単価アップでどう使うかまで一緒に整理できます。

SESキャリア相談をする