このクイック スタートでは、GitHub Copilotモダン化を使用して、JavaScript または TypeScript プロジェクトの npm パッケージをアップグレードする方法について説明します。 JavaScript/TypeScript の最新化GitHub Copilot、プロジェクトを分析し、アップグレード計画を提案し、パッケージを自動的にアップグレードし、必要なコード変更を適用するのに役立ちます。
前提条件
- Node.js と npm。
- GitHub Copilot。 IDE でGitHub アカウントにサインインします。
- 次のいずれかの開発環境。
- GitHub Copilotモダン化拡張機能を使用してVisual Studio Codeします。
- Visual Studio 2026 バージョン 18.8.1 以降。JavaScript/TypeScript の最新化GitHub Copilot含まれています。
プロジェクトを開く
Visual Studio CodeまたはVisual Studioで JavaScript または TypeScript プロジェクトを開きます。 プロジェクトには、ツールが検出するための package.json ファイルが含まれている必要があります。
アップグレードを開始する
npm パッケージのアップグレード プロセスを開始するには、IDE のガイダンスに従います。
次のいずれかの方法でアップグレード セッションを開始します。
- ウィンドウの左側にあるアクティビティ バーからGitHub Copilotモダン化ビューを開きます。 ビューで、 npm パッケージのアップグレード ボタンを選択します。 このボタンは、プロジェクト内の
package.jsonファイルがツールによって検出された場合にのみ表示されます。 その後、Copilot Chat ウィンドウが自動的に開きます。 - Copilot Chat開き、エージェント モードを選択し、"TypeScript プロジェクトで npm パッケージをアップグレードする" など、実行する操作を説明するプロンプトを入力します。
セッションを開始した後、Copilotはプロジェクトを分析し、アップグレード 計画を提案します。 次の手順に進みます。
[Copilot Chat] ウィンドウでプランを確認します。
Copilot Chatの指示に従います。 Copilotは、アップグレードの各段階について説明する際に、質問と確認を要求します。 ツールは対話型なので、表示されるチャットで質問に回答します。
package.jsonファイルをアップグレードCopilot、プロジェクトに適したパッケージ マネージャー コマンド (npm install、npm update、pnpm install、yarn installなど) を実行し、重大な変更や API 更新に変更が必要な場合はコードの変更を提案します。
ツールはバックグラウンドで反復的なループで動作します。プロジェクトの分析、変更の実行、ビルドの検証、問題の確認、必要に応じて繰り返し実行されます。 このプロセスはCopilotのエージェント モードで実行され、インテリジェントなコンテキスト対応の支援を提供します。 このツールは、アップグレード セッション用の専用ブランチを作成し、そのブランチに対する変更を動作時に自動的にコミットします。
Tip
npm パッケージのアップグレード以外に、JavaScript/TypeScript のGitHub Copilotモダン化は、Copilot Chatの自然言語プロンプトを通じて関連するモダン化タスクに役立ちます。 たとえば、プロジェクトで TypeScript コンパイラのバージョンをアップグレードするように要求できます。
変更を確認し、プル要求を作成する
アップグレード セッションが完了したら、ツールの実行内容を確認し、作業をマージするかどうかを決定します。
アップグレード セッションの変更の概要については、
summary.mdの下の<project>/.github/modernize/code-migration/<timestamp>/を開きます。IDE のソース管理ツールを使用して、アップグレード ブランチで行われたツールのコミットを確認します。
プロジェクトのビルド スクリプトとテスト スクリプトを実行して、アップグレードされたプロジェクトが期待どおりに動作することを確認します。
変更に満足したら、お好みの Git ワークフローを使用して、アップグレード ブランチからメイン ブランチへのプル要求を作成します。