【TypeScript入門】型エイリアスとは？概念や使い方を解説！

こんにちは、アプリ開発者のテルです！

「型エイリアスの使い方がわからない」とお悩みではないでしょうか？

テル

本記事ではそんな悩みを解決していきます！

Typescriptにおける型エイリアスについて

型エイリアスとは

型エイリアスを理解する上で押さえておくべきポイントは上記の2点のみです。

では早速、コードを用いて解説していきます！

基本的な使い方

const Example = () => {

// type文でUserの内容に型を付与している
  type User = {
    name: string;
    age: number;
  };

// userにUserの型を付与している
  const user: User = { name: "Teru", age: 20 };

// 単一の値にも型を付与できる
  type UserName = string;
  type UserAge = number;
  type UserGender = "man" | "woman" | "others";

  type UserProfile = {
    name: UserName;
    age: UserAge;
    gender: UserGender;
  };

  const userProfile: UserProfile = {
    name: "Yuko",
    age: 20,
    gender: "woman",
  };

};

export default Example;

簡単解説

上記のように型エイリアスを用いることで、型に別名を付けることができます。

特徴としては、type文を用いて、型の名前はパスカルケースで記述するという点です。

以上が、型エイリアスの基本的な使い方です。

まとめ

今回は「TypeScriptにおける型エイリアス」の使い方を解説しました。

今回解説した型エイリアスは、TypeScriptを書く上では欠かせない型の指定になるのでしっかりと押さえておきましょう。

TypeScriptの実践的なスキルを身につけたい方には「Udemy」がおすすめです。オンラインコースの数は10万以上。世界で4000万人以上の人が学習に利用しています。

▼以下では、私が厳選した「TypeScript学習におすすめのUdemy講座3選」をご紹介しています。ぜひ参考にしてみてください！

【2023年最新】TypeScript学習におすすめのUdemy講座3選 こんにちは、アプリ開発者のテルです！ 「TypeScript学習におすすめのUdemy講座は？」とお悩みではないでしょう...

最後までご覧いただきありがとうございました。ではまた！

参考文献