0Pricing
TypeScript Academy · レッスン

.d.tsの基本、export typeとexport

Declarationファイルの基本として、ambient declarationとmodule declaration、export typeとexportの違いを学び、利用者に適切な開発体験を提供します

「.d.tsの基本、export typeとexport」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン1/2です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全2レッスンが含まれています。

はじめに

目標：役立つ .d.ts ファイルを作成します。アンビエント宣言とモジュール宣言の違い、エクスポートの宣言方法、export type と export を使い分けるタイミングを学びます。

  • アンビエントコンテキストとモジュールコンテキスト
  • 型専用エクスポートと値のエクスポート
  • 適切なプラクティス

アンビエント宣言

グローバルスコープを拡張するには declare global を使います。export {} を追加してファイルをモジュールとして示し、競合を避けます。

// globals.d.ts
// Ambient declaration: no import/export, augments global scope
declare global {
  interface Window {
    APP_VERSION: string
  }
}

export {} // ensures this file is a module

モジュール宣言

declare module は外部パッケージの形状を記述します。内部では、JS が提供する内容を反映するようにエクスポートを使います。

// types/index.d.ts
// Declare a module with exports
declare module "mylib" {
  export function greet(name: string): string
  export const version: string
}

export type と export

export type（または interface）は型だけの構成要素に使います。関数、定数、クラスなど、実行時に存在するものには export を使います。

// shapes.d.ts
export type Point = { x: number; y: number }

export interface User {
  id: string
  name: string
}

export function distance(a: Point, b: Point): number
export const VERSION: string

モジュールの拡張

別の宣言ファイルで既存のモジュールを再度開くことで、既存のモジュールを拡張できます。サードパーティーパッケージへのパッチに便利です。

// augment.d.ts
import "mylib"
declare module "mylib" {
  export function extra(): void
}

ベストプラクティス

ベストプラクティス：

  • .d.ts は最小限に保ち、不要なグローバルを避けます。
  • 型専用エクスポートと値のエクスポートを明確に分けます。
  • tsc --noEmit とサンプルの使用コードで宣言ファイルをテストします。

export type の確認

確認問題：export type はいつ使うべきですか？

まとめ

まとめ：.d.ts ファイルは実装なしで型を宣言します。declare global または declare module を使い、export type と export を分けて、ベストプラクティスに従います。

よくある質問

「.d.tsの基本、export typeとexport」レッスンは無料ですか？

はい。「.d.tsの基本、export typeとexport」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全2レッスンが含まれています。

「.d.tsの基本、export typeとexport」で何を学びますか？

Declarationファイルの基本として、ambient declarationとmodule declaration、export typeとexportの違いを学び、利用者に適切な開発体験を提供します ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/2です。

「.d.tsの基本、export typeとexport」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. .d.tsの基本、export typeとexport
  2. 型定義付きパッケージの公開
← TypeScript Academyに戻る