0Pricing
TypeScript Academy · レッスン

TypeScript 5.5以降:Isolated Declarationsとその先

isolatedDeclarationsと最近のパフォーマンス向上を理解します。

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

TypeScript 5.5 の概要

TypeScript 5.5(2024 年 6 月リリース)では、型述語の自動推論、isolated declarations のサポート、正規表現の構文チェック、エディターのパフォーマンスの大幅な改善が導入されました。

// npm install typescript@5.5

型述語の自動推論

TS 5.5 では、パラメーターを絞り込む関数本体から、明示的なアノテーションなしで is 型述語を自動的に推論できるようになりました。

// Before 5.5: had to annotate manually
function isString(val: unknown): val is string {
  return typeof val === "string";
}

// After 5.5: TypeScript infers the predicate automatically
function isString(val: unknown) {
  return typeof val === "string";
}
// Inferred: (val: unknown) => val is string

isolatedDeclarations: true

TS 5.5 では isolatedDeclarations が正式にサポートされました。これを有効にすると、ファイルごとの並列な宣言生成に必要な、エクスポートへの明示的な戻り値型が要求されます。

{
  "compilerOptions": {
    "isolatedDeclarations": true
  }
}
// Exported functions without return types now cause an error

正規表現の構文チェック

TS 5.5 は正規表現リテラルの構文エラーを報告し、よくある正規表現のミスをコンパイル時に検出します。

const re = /(?<name>\w+)/; // OK — named capture group
const bad = /[z-a]/;        // Error: invalid character class range

const インデックスの制御フローによる型の絞り込み

TS 5.5 では、定数によるオブジェクトプロパティへのアクセスと配列インデックスアクセスの型の絞り込みが改善されました。

const obj = { x: Math.random() > 0.5 ? "a" : "b" };
if (obj.x === "a") {
  // TS 5.5: obj.x is narrowed to "a" here
  console.log(obj.x.toUpperCase());
}

TypeScript 5.6 以降

TypeScript は今後も四半期ごとにリリースされ、推論、パフォーマンス、ECMAScript の提案に沿った言語機能が段階的に改善されていきます。

# Quarterly release cadence:
# 5.5: June 2024
# 5.6: September 2024
# 5.7: December 2024
# 5.8: March 2025

TypeScript のロードマップを確認する

TypeScript チームは、各リリースについての開発計画を GitHub で公開しています。これを確認すると、今後の機能を予測しやすくなります。

# TypeScript iteration plans:
# github.com/microsoft/TypeScript/issues?q=Iteration+Plan

ECMAScript との連携

TypeScript は ECMAScript の提案を追跡しています。デコレーター、using、Object.groupBy などの Stage 3 の提案は、通常 Stage 3 に到達した後まもなく TypeScript に取り込まれます。

# TC39 proposals: https://tc39.es/proposals/
# Stage 3 = TypeScript eligible for inclusion

TypeScript を安全にアップグレードする

TypeScript のバージョンをアップグレードする際は、tsc --noEmit を実行し、バージョン更新をコミットする前に TypeScript の変更履歴で破壊的変更を確認します。

npm install typescript@latest
npx tsc --noEmit
# Review: https://www.typescriptlang.org/docs/handbook/release-notes/overview.html

@typescript/nightly で最新情報を追う

TypeScript の nightly ビルドを使用すると、正式リリース前に今後の機能を試したり、バグを報告したりできます。

npm install typescript@next
# Use nightly in a separate branch or experimental project

コミュニティのリソース

公式リリース、TypeScript ブログ、Matt Pocock の Total TypeScript、TypeScript Discord コミュニティを通じて、TypeScript の最新情報を確認しましょう。

# Resources:
# typescriptlang.org/docs
# devblogs.microsoft.com/typescript
# totaltypescript.com
# discord.gg/typescript

まとめ: TypeScript 5.5 以降

TS 5.5 では、型述語の自動推論、正式な isolatedDeclarations、正規表現の構文チェック、型の絞り込みの改善が導入されました。TypeScript は四半期ごとにリリースされるため、ロードマップを確認し、--noEmit のチェックを行って安全にアップグレードしましょう。

理解度チェック

TypeScript 5.5 は型述語関数に対して何を行いますか?

学んだこと

TypeScript 5.5 以降では、型述語の自動推論、並列ツール処理のための isolatedDeclarations、正規表現の構文チェック、制御フローによる型の絞り込みの改善が提供されています。四半期ごとのロードマップを確認し、--noEmit で検証して安全にアップグレードし、TypeScript コミュニティに参加して最新情報を把握しましょう。

よくある質問

「TypeScript 5.5以降:Isolated Declarationsとその先」レッスンは無料ですか?

はい。「TypeScript 5.5以降:Isolated Declarationsとその先」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全4レッスンが含まれています。

「TypeScript 5.5以降:Isolated Declarationsとその先」で何を学びますか?

isolatedDeclarationsと最近のパフォーマンス向上を理解します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「TypeScript 5.5以降:Isolated Declarationsとその先」レッスンにはどのくらい時間がかかりますか?

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

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

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

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

  1. TypeScript 5.0:標準デコレーターとconst型パラメーター
  2. TypeScript 5.1〜5.2:推論の改善
  3. TypeScript 5.3〜5.4:新しいナローイングとNoInfer
  4. TypeScript 5.5以降:Isolated Declarationsとその先
← TypeScript Academyに戻る