Jamのブログ
◢ブログ◢自己紹介JA / EN
◢POSTS_INDEXED: 2◢LATEST: TypeScriptジェネリクスを理解する◢TAGS: typescript / programming / nextjs◢UPLINK: STABLE◢HUE: AZURE / AMBER◢STATUS: ALL SYSTEMS NOMINAL◢POSTS_INDEXED: 2◢LATEST: TypeScriptジェネリクスを理解する◢TAGS: typescript / programming / nextjs◢UPLINK: STABLE◢HUE: AZURE / AMBER◢STATUS: ALL SYSTEMS NOMINAL
Jamのブログ
ブログ自己紹介プライバシーポリシーGitHubGitHub
© 2026 Jam Balaya. All rights reserved.●ALL SYSTEMS NOMINAL
◢ INDEX

目次

  • ジェネリクスとは
  • 基本的な例
  • ジェネリック制約
◢ DISPATCH / TYPESCRIPT

TypeScriptジェネリクスを理解する

投稿日 2025.02.10·1 MIN READ·0 VIEWS
typescriptprogramming

◢ この記事は以下の言語でも利用できます: English

TypeScriptジェネリクスを理解する

ジェネリクスとは

ジェネリクスを使うと、複数の型で動作する再利用可能なコードを書くことができます。

基本的な例

function identity<T>(arg: T): T {
  return arg
}

const result = identity<string>("hello")

ジェネリック制約

ジェネリクスを特定の型に制約することができます:

interface HasLength {
  length: number
}

function logLength<T extends HasLength>(arg: T): void {
  console.log(arg.length)
}

ジェネリクスはTypeScriptの最も強力な機能の一つです。

◢ RELATED DISPATCHES — 他の記事を探す
Next.js入門ガイド
NEXTJSNO.001

Next.js入門ガイド

Next.js App Routerを使ったモダンWebアプリケーション開発ガイド

2025.01.151 MIN0 VIEWS
◢ 前のディスパッチ← Next.js入門ガイド