GoLand 2026.2 Help

TypeScript

GoLand は .ts および .tsx ファイルを認識し、追加の手順なく編集できるようコーディング支援を提供します。 TypeScript ファイルは、 TypeScript ファイル アイコン。

TypeScript 対応のコーディング支援には、キーワード、ラベル、変数、パラメーター、関数の 補完、 エラーと構文のハイライト 、フォーマット、 多数のコードインスペクションと クイックフィックス 、および 一般的で TypeScript 固有リファクタリングが含まれます。 GoLand は、オンザフライで TypeScript コードを検証し、専用の 問題ツールウィンドウでエラーを表示します。

始める前に

  • 設定で JavaScript and TypeScript プラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 プラグイン を選択します。 インストール済み タブをクリックします。 検索フィールドに JavaScript and TypeScript と入力します。 プラグインの詳細については、 プラグインの管理を参照してください。

新しいアプリケーションを作成する

GoLand は基本的な TypeScript プロジェクトを作成できるため、最小限の構成でプロジェクトをセットアップできます。 生成されたプロジェクトには、 package.json 、 tsconfig.json 、 console.log() ウェルカムメッセージを含む index .ts ファイルが含まれます。 さらに、サンプル Web アプリケーションを生成することもできます。

デフォルトで、GoLand は自動的に Git リポジトリを作成し、 生成されたソースを Git の管理下に置きます。

  1. メインメニューから ファイル | 新規 | プロジェクト をクリックします。 または、'ようこそ' 画面で 新規 | プロジェクト をクリックします。

  2. 右側のペインで、 TypeScript を選択し、プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  3. サンプル Web アプリケーションを生成するには、 オンボーディングのヒントを使用して playground プロジェクトを生成する チェックボックスを選択します。 GoLand は Vite テンプレートを基にプロジェクトを作成し、スムーズなオンボーディングとなるようヒントを提供します。

  4. 作成 をクリックしてください。

既存の TypeScript アプリケーションから始める

既存の TypeScript アプリケーションの開発を続ける場合は、GoLand で開くだけです。 必要に応じて、 必要な npm の依存関係をダウンロードします。

すでにマシン上にあるアプリケーションソースを開く

  • ようこそ 画面で 開く をクリックするか、メインメニューから ファイル | 開く を選択します。 開いたダイアログで、ソースが保存されているフォルダーを選択します。

バージョン管理からアプリケーションのソースをチェックアウト

  1. ようこそ 画面で クローン をクリックします。

    または、メインメニューから Git | クローン… または VCS|バージョン管理から取得 を選択します。

    メインメニューの Git の代わりに、プロジェクトに関連付けられている他のバージョン管理システムが表示される場合があります。 例: Mercurial または Perforce。

    check_out_from_vcs

プロジェクトのセキュリティ

GoLand の外部で作成されインポートされたプロジェクトを開くと、GoLand は未知のソースコードを含むこのプロジェクトをどのように処理するか決定できるダイアログを表示します。

信頼できないプロジェクトの警告

次のいずれかのオプションを選択します:

  • セーフモードでプレビュー :この場合、GoLand はプロジェクトをプレビューモードで開きます。 これは、プロジェクトのソースを参照することはできますが、タスクやスクリプトを実行したり、プロジェクトを実行 / デバッグしたりすることはできないことを意味します。

    GoLand はエディター領域の上部に通知を表示し、 プロジェクトを信頼する… リンクをクリックすることで、いつでもプロジェクトをロードできます。

  • プロジェクトを信頼 :この場合、GoLand はプロジェクトを開いてロードします。 これは、プロジェクトが初期化され、プロジェクトのプラグインが解決され、依存関係が追加され、すべての GoLand の機能が利用可能になることを意味します。

  • 開かない :この場合、GoLand はプロジェクトを開きません。

詳しくは プロジェクトのセキュリティ をご覧ください。

TypeScript を確認する

GoLand は主に TypeScript 言語サービス のデータに基づいて TypeScript コードを検証し、TypeScript を JavaScript にコンパイルもします。

現在のファイルで検出されたエラーの説明とそれらのクイックフィックスは、エディターおよび 問題ツールウィンドウの ファイル タブから入手できます。

プロジェクト全体のエラーとそのクイックフィックスは、 問題 ツールウィンドウの プロジェクトエラー タブに表示されます。 ツールウィンドウを開くには、エディターの右上隅にある インスペクション ウィジェットをクリックします。

インスペクションウィジェット

現在のファイルで TypeScript を確認する

  • エディターで、ハイライトされた問題の上にマウスを置きます。 GoLand は問題の説明を含むツールチップを表示します。

    エディターでエラーの説明を表示する

    提案されたクイックフィックスを適用するか、 その他のアクション… をクリックして、リストから関連するものを選択します。

    エディターでクイックフィックスを適用する
  • または、 問題 ツールウィンドウ Alt+6 の ファイル タブを開くと、問題の説明を表示したり、クイックフィックスを適用したり、エラーが発生したソースコードのフラグメントに移動したり、ツールウィンドウを移動せずに エディタープレビュー ペインでエラーを修正したりできます。 詳細については、 問題ツールウィンドウを参照してください。

プロジェクト全体で TypeScript を確認する

  1. 問題 ツールウィンドウを開くには、エディターの右上隅にある インスペクション ウィジェットをクリックします。

    インスペクションウィジェット

    または、メインメニューから 表示 | ツールウィンドウ | 問題 を選択するか、 Alt+6 を押します。

  2. プロジェクトエラー タブを開くと、プロジェクト全体のエラーが、検出されたファイルごとにグループ化されたエラーメッセージとともに表示されます。

    問題ツールウィンドウ、TypeScript。 Project Errors タブはプロジェクト全体の構文エラーを表示します。

    ここでは、問題の説明を表示したり、クイックフィックスを適用したり、エラーが発生したソースコードのフラグメントに移動したり、ツールウィンドウを移動せずに エディタープレビュー ペインでフラグメントを修正したりできます。 問題ツールウィンドウから詳細を参照してください。

TypeScript 言語サービスとの統合を構成する

ほとんどの場合、すべてそのまま動作し、手動設定は必要ありません。 ただし、カスタム typescript パッケージを使用したり、 コマンドラインオプション(英語)を TypeScript 言語サービスに渡したりする場合は、デフォルト設定をカスタマイズできます。

  1. 設定 ダイアログ(Ctrl+Alt+S )で 言語 & フレームワーク | TypeScript に移動します。

    または、 ステータス バーの 言語サービス ウィジェットをクリックしてから、 設定を開く をクリックします。

    TypeScript ウィジェット
  2. 使用する Node.js ランタイムを指定します。

    プロジェクト エイリアスを選択した場合、GoLand は ノードランタイム フィールドからプロジェクトのデフォルトインタープリターを自動的に使用します。 ほとんどの場合、GoLand はプロジェクトのデフォルトランタイムを検出し、そのフィールドに自動で入力します。

    別の構成済みローカルインタープリターを選択するか、 参照ボタン をクリックして新しいものを構成することもできます。

  3. TypeScript フィールドで使用する TypeScript のバージョンを指定します(GoLand は現在選択されているバージョンを表示します)。

    • デフォルトでは、プロジェクトの node_modules フォルダーにある typescript パッケージが使用されます。

    • バンドル: このオプションを選択すると、GoLand に同梱されている typescript パッケージを使用し、他のものは探しません。

    • 選択: :GoLand にバンドルされているパッケージではなくカスタム typescript パッケージを使用するには、このオプションを選択します。 開いたダイアログで、関連するパッケージへのパスを選択します。

    • プロジェクトパッケージマネージャーが Yarn 2(英語) の場合、Yarn 2 を介してインストールされた typescript パッケージを使用する必要があります。 この場合、デフォルトで yarn:package.json:typescript が選択されています。

      npm と Yarn のパッケージマネージャーの詳細を参照してください。

  4. TypeScript 言語サービス チェックボックスが選択されていることを確認します。 結果:

    • 構文とエラーのハイライトは、TypeScript 言語サービスからのアノテーションに基づいています。

    • 補完リストには TypeScript 言語サービスからの提案と GoLand によって計算された提案の両方が含まれます。

    • TypeScript コードは JavaScript にコンパイルされます。

  5. 以下のコントロールを使用して、TypeScript 言語サービスの動作を構成します。

    • プロジェクトエラーの表示 - このチェックボックスはデフォルトでオンになっており、TypeScript 言語サービスはプロジェクト全体のコードをチェックします。 検出されたエラーは、 プロジェクトエラー タブの 問題ツールウィンドウで、発生したファイルごとにグループ化されて表示されます。

      パフォーマンスの問題を回避するには、 プロジェクトエラーの表示 チェックボックスをオフにして、TypeScript 言語サービスがファイルを開いたときにのみファイルをチェックするようにします。 そうすることで、 プロジェクトエラー タブには、すでに開いたファイルで検出されたエラーのみが一覧表示されます。

    • 候補の表示 - デフォルトではこのチェックボックスはオンになっており、GoLand は実際のエラーに加えて TypeScript 言語サービスがコード内で検出した潜在的な問題も表示します。

      提案の表示が有効になっています
      提案の表示は無効です
    • サービス駆動型型エンジンを有効化 - TypeScript コンパイラーのデータに基づいてシンボルの種類を評価するには、このチェックボックスを選択します。

      デフォルトではチェックボックスはオフなので、型評価・解決・コードインスペクション・リファクタリングは GoLand 内部の TypeScript エンジンの型情報を元に行われます。

      このデフォルト動作では、GoLand 内部の TypeScript エンジンが使用する型評価アルゴリズムが TypeScript コンパイラーのアルゴリズムと異なるため、パフォーマンスの問題や型解決時のバグが発生する可能性があります。 チェックボックスをオンにすることで、これらの問題を回避できる場合があります。

  6. オプション フィールドには、 tsconfig.json ファイルが見つからない場合に TypeScript 言語サービスに渡すコマンドラインオプションを指定します。 使用可能なオプションのリストは TSC 引数(英語)を参照してください。 -w または --watch (入力ファイルを見る )オプションは無関係です。

TypeScript 言語サービスを再起動する

  • ステータス バーの 言語サービス ウィジェットをクリックし、次に the Restart Service icon をクリックします。

    ステータスバーの TypeScript ウィジェット: TypeScript 言語サービスを再起動する

エラーメッセージをローカライズする

Localized error messages
  1. 設定 ダイアログ(Ctrl+Alt+S )で 言語 & フレームワーク | TypeScript に移動します。

  2. TypeScript フィールドに、 バンドル とは異なる typescript パッケージを指定します。 これは、プロジェクトの node_modules フォルダーや他の場所の typescript パッケージでもかまいません。

  3. 「オプション 」フィールドに --locale <abbreviation of the language to use> と入力します。 現在、韓国語 (ko) と日本語 (ja) がサポートされています。

自動インポート

GoLand は、モジュール、クラス、コンポーネント、エクスポートされているその他のシンボル用のインポートステートメントを生成できます。 インポートステートメントは、シンボルを入力、貼り付け、完了する際にその場で追加することも、インポートツールチップ、クイックフィックス、またはインテンションアクションを使用して後から追加することもできます。

  1. 設定 ダイアログ(Ctrl+Alt+S )で、 エディター | 一般 | 自動インポート に移動します。 自動インポートページが開きます。

  2. TypeScript/JavaScript 領域で、 TypeScript のインポートを自動的に追加する および 明確なインポートをオンザフライで追加 チェックボックスが選択されていることを確認します。

Auto import on completion
  1. 設定 ダイアログ(Ctrl+Alt+S )で、 エディター | 一般 | 自動インポート に移動します。 自動インポートページが開きます。

  2. TypeScript/JavaScript 領域で、 TypeScript のインポートを自動的に追加する および コード補完時に実行 チェックボックスが選択されていることを確認します。

  • TypeScript シンボルのインポートステートメントが補完や編集時に追加されなかった場合、GoLand はシンボルのインポートを提案するツールチップを表示します。 提案を受け入れるには、 Alt+Enter を押します。

    インポートツールチップ - 単一のインポート元

    インポート元が複数ある場合は、GoLand がその旨を通知します:

    自動インポートのツールチップ: 多肢選択

    この場合、 Alt+Enter を押すと、提案のリストが開きます:

    自動インポートのツールチップ: 複数の選択肢、候補リスト
  • 自動インポートのツールチップを非表示にするには、 設定 ダイアログ(Ctrl+Alt+S )を開き、 エディター | 一般 | 自動インポート に移動して、 自動インポートツールチップを使用 チェックボックスをオフにします。

  • 自動インポートツールチップの背景色を変更するには、 Ctrl+Alt+S を押して エディター | カラースキームの切り替え | 一般 | ポップアップおよびヒント | 質問ヒント に移動します。

自動インポートツールチップが表示されない場合は、いつでも Alt+Enter を押して、クイックフィックスを介してインポートステートメントを追加できます。

  • インポートを生成するには、 インポート元を挿入 を選択します。

    クイックフィックスによる自動インポート: 選択肢なし

    インポート元が 1 つだけの場合、GoLand はインポートステートメントを生成します:

    クイックフィックスによる自動インポート: インポート文が追加されました
  • インポート元が複数ある場合は、候補リストから該当するものを選択してください:

    クイックフィックス、複数選択による自動インポート: 候補リスト
  • プロジェクトで TypeScript 言語サービスが有効になっている場合は、その提案も使用できます。

    TypeScript 言語サービスからの提案による自動インポート: 多肢選択

import ステートメントでの type 修飾子の使用を構成する

  1. Ctrl+Alt+S を押して設定を開き、 エディター | コードスタイル | TypeScript を選択します。

  2. インポート タブに切り替え、 インポートで型修飾子を使用する フィールドで、タイプのインポートステートメントでの type 修飾子の使用を構成します。 この設定はタイプにのみ適用され、どのオプションを選択しても、タイプ以外には type 修飾子は挿入されないことに注意してください。

    このオプションを使用すると、 tsconfig.json で 「importsNot UsedAsValues」: " エラー "(英語) または 「逐語的モジュール構文」: true(英語) が指定されている場合に type 修飾子が追加されます。

    それ以外の場合、優先されるインポートタイプがない場合、 type 修飾子は挿入されません。

    自動

    このオプションを使用すると、 tsconfig .json で 「importsNot UsedAsValues」: " エラー "(英語) または 「逐語的モジュール構文」: true(英語) が指定されているかどうかに関係なく、常に type 修飾子が挿入されます。

    常に型を付与

    このオプションでは、 tsconfig.json の "importsNotUsedAsValues": "error" または "verbatimModuleSyntax": true フラグにかかわらず、GoLand は type 修飾子を使用しません:

    なし

type 修飾子を含む import ステートメントがすでに存在する場合、この修飾子は、選択したオプションや tsconfig.json の設定に関係なく、型をさらにインポートするために常に使用されます。

定数については、 type 修飾子の代わりに {<constant name>} 指定子が使用されます。 TypeScript 4.5 以降で 自動 または 常に​ が選択されている場合、以前のすべての修飾子は {type} 指定子に変換されます。 それ以外の場合は、既存のすべての指定子は変更されません。

TypeScript オフィシャル Web サイト(英語)の詳細を参照してください。

インポートステートメントの外観を構成する

  • 設定 ダイアログ(Ctrl+Alt+S )で、 エディター | コードスタイル | TypeScript に移動し、 インポート タブのコントロールを使用します。

ドキュメントの検索

GoLand では、TypeScript が実装しているため、プロジェクトや依存関係内、外部ライブラリや標準 JavaScript API のシンボルまで参照できます。

デフォルトではドキュメントは ドキュメント ポップアップに表示されますが、 ドキュメントツールウィンドウで開いたり、デフォルトで ドキュメントツールウィンドウ に表示する設定もできます。

クイックドキュメントを見る

  • エディターで必要なシンボルの上にマウスを置きます。

    あるいは、シンボルにキャレットを置き、 Ctrl+Q を押すか、メインメニューから 表示 | クイックドキュメント を選択します。

  • デフォルトで ドキュメント ツールウィンドウでクイックドキュメントを開くには、ポップアップまたはツールウィンドウのツールバーで オプションアイコン をクリックし、 ドキュメントのポップアップを前に表示 オプションをオフにします。

  • ポップアップで 「オプションメニューを表示」アイコン をクリックしてフォントサイズを変更するか、クイックドキュメントツールバーを表示するか、ソースコードに移動します。

    詳細は、 ポップアップのクイックドキュメントを参照してください。

ツールウィンドウで特定のコード要素のドキュメントを開き、 ツールウィンドウにドキュメントを維持に従って現在のファイル内の他要素のドキュメントを表示し続けることができます。

ツールウィンドウでは、コードドキュメントが固定されていないタブ (アスタリスクシンボル (*) が付いているタブ) に表示されます。 シンボルの上にマウスを置くか、シンボルにキャレットを置くと、このドキュメントを表示できます。 詳細については、「クイックドキュメントツールウィンドウ: モード 」を参照してください。

キャレットのシンボルの MDN ドキュメントを表示する

TypeScript で使える標準 JavaScript メソッドの場合、GoLand は該当する MDN 記事へのリンクも表示します。

クイックドキュメントルックアップ: MDN
  1. ドキュメント ウィンドウ Ctrl+Q で、MDN リンクをクリックします。

  2. または、 Shift+F1 を押すか、メインメニューから 表示 | 外部ドキュメント を選択します。

GoLand は デフォルトの GoLand ブラウザーで MDN 記事を開きます。

インレイヒントを見る

インレイヒントはエディターに表示され、コードの可読性とナビゲーション性を向上する追加情報を提供します。

インレイヒントは、 .ts および .tsx ファイルで使用できます。

  • TypeScript 言語サービスが有効になっていて、TypeScript バージョンが 4.4 以上の場合、インレイヒントは TypeScript 言語サービスから取得されます。

  • TypeScript の古いバージョンや TypeScript 言語サービスが無効な場合は、インレイヒントは GoLand 内部の評価機能から取得されます。

常にファイル全体を分析する多くのインスペクションやハイライトとは異なり、ヒントは現在表示されている領域のみ取得され、スクロール時に更新されます。 この動作は、より高いパフォーマンスを目的としています。

パラメーターヒント

パラメーターヒントは、メソッドと関数内のパラメーターの名前を表示して、コードを読みやすくします。

ws_typescript_parameter_hints.png

TypeScript バージョン 5.2 以降では、パラメーターヒントはホバーするとリンクに変わります。 Ctrl を押した状態でこのようなリンクをクリックすると、メソッド定義が表示されます。

パラメーターのヒントを設定する

  1. 設定 ダイアログ(Ctrl+Alt+S )を開き、 エディター | インレイヒント に進みます。

  2. パラメーター命名 の TypeScript を展開します。

  3. 対応するチェックボックスを選択して、パラメーターヒントを表示するコンテキストを指定します。

    プレビューで、設定変更がコードの見た目にどう影響するかを確認できます。

戻り型のヒント

GoLand では、関数呼び出しや呼び出しチェーンで関数の戻り値の型を表示できます。

  • 関数の戻り値のヒントは TypeScript 言語サービスから取得されます。

  • メソッドチェーンで型ヒントを返すは、メソッド呼び出しが複数行に分かれており、少なくとも 2 つの異なる型を返す場合に表示されます。

    メソッドチェーンの戻り値の型ヒントは GoLand 内部評価機能によって提供されます。

関数の戻り値のヒントを構成する

  1. 設定 ダイアログ(Ctrl+Alt+S )を開き、 エディター | インレイヒント に進みます。

  2. タイプ で TypeScript ノードを展開し、 関数の戻り値の型 チェックボックスをオンにします。

  3. メソッドチェーンで戻り値の型のヒントを表示するには、 メソッドチェーン ノードを展開し、 TypeScript チェックボックスを選択します。

プレビューで、設定変更がコードの見た目にどう影響するかを確認できます。

型ヒント

型ヒントは、変数、フィールド、パラメーターの型を示します。 変数とフィールドの型は、その定義の横に表示されます。 パラメーターの型ヒントは関数呼び出しに表示されます。 型ヒントは JSDoc コメントやコードの静的解析から推論されます。

TypeScript バージョン 5.3 以降では、マウスをホバーするとタイプヒントがリンクに変わります。 Ctrl を押しながらこのようなリンクをクリックすると、型定義が表示されます。

型ヒントを構成する

  1. 設定 ダイアログ(Ctrl+Alt+S )を開き、 エディター | インレイヒント に進みます。

  2. タイプ | TypeScript を展開します。

  3. 型ヒントを表示するコンテキストを指定してください。

    プレビューで、設定変更がコードの見た目にどう影響するかを確認できます。

    型アノテーション
  4. 任意のコンテキストで任意の値の型のパラメーターの型と戻り値の型のヒントを非表示にするには、 タイプ の TypeScript チェックボックスをオフにします。

数値列挙型の値

GoLand は 数値列挙型のヒントも表示し、コードを読みやすくします。 これらのヒントは TypeScript 言語サービスから取得され、デフォルトで表示されます。

数値列挙値を非表示にする

  1. 設定 ダイアログ(Ctrl+Alt+S )を開き、 エディター | インレイヒント に進みます。

  2. 値 ノードを展開し、 TypeScript チェックボックスを選択します。 GoLand はヒントを非表示にし、明示的に初期化された定数の値のみを表示します。 プレビューで、設定変更がコードの見た目にどう影響するかを確認できます。

TypeScript の JavaScript ライブラリ

TypeScript で JavaScript ライブラリを操作する場合、それらの 型宣言をインストールする(英語)必要があります。 GoLand は npm または yarn からインストールするよう通知し、 package.json ファイルも自動で更新します。

型宣言をインストールする

  1. 警告にキャレットを置き、 Alt+Enter を押します。

    型宣言がありません
  2. 提案を選択し、 Enter を押します。

    型宣言を追加する

TypeScript ネイティブプレビュー (TypeScript-Go)

GoLand は TypeScript ネイティブプレビュー経由で基本的な TypeScript-Go サポートを提供します。

TypeScript-Go サポートを有効にする

  • typescript パッケージの代わりに、 @typescript/native-preview パッケージを依存関係としてプロジェクトにインストールします。

    そのためには、 package.json を開き、 typescript を @typescript/native-preview に置き換えてください。 @typescript/native-preview バージョンにマウスを重ねると、指定されたパッケージが未インストールである旨のポップアップが GoLand に表示されます。 'npm install' を実行 リンクをクリックしてください。

    typescript の代わりに @typescript/native-preview をインストールする
  • @typescript/native-preview をコンピューターの別の場所にインストールし、プロジェクトで使用する TypeScript パッケージとして指定します。

    それを行うには:

    1. @typescript/native-preview パッケージをコンピューターにインストールします (たとえば、グローバルにインストールします)。

      コマンドラインシェルまたは埋め込み ターミナル (Alt+F12 )で、次を入力してください:

      npm install --g @typescript/native-preview

    2. 設定 ダイアログ(Ctrl+Alt+S )で 言語 & フレームワーク | TypeScript に移動し、 TypeScript フィールドに @typescript/native-preview パッケージへのパスを指定します。 標準インストールプロシージャに従った場合、GoLand は TypeScript ドロップダウンリストに @typescript /native-preview パッケージを表示します。

    設定でグローバルにインストールされた @typescript/native-preview パッケージを有効にするダイアログ
  • TypeScript-Go リポジトリ(英語)をローカルで複製してビルドし、 上記のように設定 | 言語 & フレームワーク | TypeScript ダイアログの TypeScript フィールドに配置します。

コードの整形

GoLand を使うと、現在の コードスタイルスキームに従って TypeScript コードを整形できます。

.editorconfig でフォーマット設定を指定したり、 Prettier を使うこともできます。

デコレーター

デコレータでは、再フォーマット時にそれぞれの後に改行を挿入しないようにすることが重要な場合があります。

デコレータを構成する

  1. 設定 ダイアログ(Ctrl+Alt+S )を開き、 エディター | コードスタイル | TypeScript に進みます。

  2. 折り返しと波括弧 タブで、デコレータの種類に関連するオプションを選択します。

    デコレータのラッピングを構成する

デコレーター用には次のフォーマットオプションがあります:

折り返さない

このオプションを選択すると、装飾文字を使用して行を再フォーマットする際に、折り返しは適用されません。

長い場合は折り返す

このオプションを選択すると、行が右端を超えた場合に折り返されます。

右余白は 次でハードラップ フィールドで 設定 | エディター | コードスタイル | JavaScript | 折り返しと波括弧に定義されています。 行が指定された数値を超えると、折り返されます。

長い場合は切り捨てる

このオプションを選択すると、デコレーターが右余白を超えた場合 1 行ごとにフォーマットされます。

常に折り返す

このオプションを選択すると、すべてのデコレーターが 1 行ごとにフォーマットされます。

構文ハイライト

好みや習慣に合わせて、TypeScript 対応の構文ハイライトを設定できます。

  1. 設定 ダイアログ(Ctrl+Alt+S )で エディター | カラースキーム | TypeScript に移動します。

  2. カラースキームを選択するか、デフォルトから継承されたハイライト設定を受け入れるか、 色とフォント で説明されているようにカスタマイズします。

コードナビゲーション

GoLand エディター内でさまざまなアクションやポップアップを使い、TypeScript プロジェクトを素早く移動できます。

シンボルの宣言に移動

変数、フィールド、メソッド、その他のシンボルからその宣言に移動したり、編集中のコードから移動したりせずに、 ポップアップでシンボル定義を表示できます。

  • シンボルの宣言に移動するには、シンボルの使用箇所にキャレットを置き、 Ctrl+B を押すか、メインメニューから 移動 | 宣言または使用箇所 を選択します。

    Go 宣言へ移動

    または、 Ctrl+Click を使ってください。 Ctrl を押したままシンボルをホバーします。 シンボルがハイパーリンクになったら、 Ctrl を押したままクリックします。

    Go to Declaration with Ctrl+click
  • シンボルの定義をポップアップで表示するには、キャレットを使用位置に置き、 Ctrl+Shift+I を押すか、メインメニューから 表示 | クイック定義 を選択します。

    ポップアップでシンボルの定義を表示する

Go to usages of a symbol

シンボルの使用箇所一覧を確認し、ジャンプ先を選べます。

  1. シンボルの使用箇所リストを取得するには、シンボルの宣言位置にキャレットをおき、次のいずれかを実行します:

    • Ctrl+B を押すか、メインメニューから 移動 | 宣言または使用箇所 を選択します。

    • Ctrl+Alt+F7 を押すか、メインメニューから 編集 | 使用箇所の検索 | 使用箇所を表示 を選択します。

  2. ポップアップ内のツールバーアイコンでリストの外観を設定し、インポートステートメントなどで不要な使用例をフィルターできます。

    Configure the Go To Usages list
  3. リストから、移動したいシンボルの使用箇所を選択し、 Enter を押します。

    Go to usages of a symbol

シンボルの型宣言に移動

変数、フィールド、メソッド、その他のシンボルからその型宣言に移動できます。 または、型宣言に移動せずに ポップアップで型定義を開きます。

GoLand はオブジェクトの 推論される型も表示します。 推測された型情報は、ツールチップまたはドキュメントポップアップで表示できます。

  • シンボルからその型の宣言に移動するには、シンボルの使用箇所にキャレットを置き、 Ctrl+Shift+B を押すか、メインメニューから 移動 | 型宣言 を選択します。

    Go to type declaration
  • シンボルの型定義をポップアップで表示するには、型定義を表示するシンボルにキャレットを置き、 表示 | クイック型定義 を選択します。

    クイック型定義

    クラスのインスタンスの場合、インスタンスの定義位置ではなくクラス自体が表示されます。

宣言に移動 と 型宣言に移動 の違いに注意してください。 次のコードを含む app.ts ファイルがあるとします。

import {Dog} from "./dog"; let dog = new Dog(); dog.bark();

dog.bark() の dog にキャレットを置くと、 宣言に移動 は let dog = new Dog () の変数の宣言に移動し、 型宣言に移動 はクラス Dog の宣言に移動します。

シンボルの推定型情報を表示する

  • Ctrl を押したまま、シンボルの上にマウスを置きます。

    Inferred type of a symbol is shown in a tooltip
  • あるいは、シンボルの上にマウスを置きます。 GoLand はすぐに ドキュメント ポップアップにその参照を表示します。

    Inferred type of an object is shown in the documentation popup

    上記の ドキュメント検索から詳細をご覧ください。

サブクラス、スーパークラス、オーバーライド、実装の間を移動する

エディターのガターアイコンを活用するか、適切なショートカットでクラス実装やオーバーライドメソッドをトラックできます。

サブクラスに移動

  • Ctrl+Alt+B を押すか、ガターで オーバーライドされたメソッドのアイコン をクリックし、リストから関連するクラスを選択します。

  • または、メインメニューから 移動 | 実装(複数可) またはコンテキストメニューから 移動 | 実装 を選択し、リストから関連するクラスを選択します。

スーパークラスまたはオーバーライドされたメソッドに移動する

  • キャレットをサブクラスに置き、 Ctrl+U を押します。 GoLand はスーパークラスの宣言に移動し、その名前にキャレットを置きます。

  • オーバーライドするメソッドの横にあるガターで「オーバーライドするメソッドのアイコン 」をクリックします。 GoLand はオーバーライドメソッドにキャレットがあるスーパークラスに移動します。

    または、オーバーライドメソッドにキャレットを置き、 Ctrl+U を押すか、メインメニューから 移動 | スーパーメソッド を選択するか、コンテキストメニューから 移動 | スーパーメソッド を選択します。

インターフェースまたは実装されたメソッドに移動する

  • インターフェースの実装にキャレットを置き、 Ctrl+U を押します。

    Go to interface from class

    GoLand はインターフェースの宣言に移動し、その名前にキャレットを置きます。

  • 実装メソッドの横にあるガターで「実装メソッドのアイコン 」をクリックします。 GoLand で実装されたメソッドのキャレット付きで対応するインターフェースに移動します。

    Go to implemented method

    または、実装メソッドにキャレットを置き、 Ctrl+U を押すか、メインメニューから 移動 | スーパーメソッド またはコンテキストメニューから 移動 | スーパーメソッド を選択します。

TypeScript でのリファクタリング

GoLand は 名前の変更 / 移動などの一般的なリファクタリングプロシージャと、 シグネチャーの変更、 パラメーターの導入、 変数の導入などの TypeScript 固有のリファクタリングプロシージャの両方を提供します。 詳細については、以下を参照してください。

アプリケーションの実行とデバッグ

GoLand を使えば、クライアントサイド TypeScript コードや Node.js 上で動作する TypeScript コードも実行・デバッグできます。 TypeScript の実行とデバッグの詳細を参照してください。

2026 年 7 月 14 日