📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）
| 195行目: | 195行目: | ||
このファイルがTypeScriptで記述されているため、それをコンパイルするための設定がtsconfig.node.jsonに記述されている。<br> | このファイルがTypeScriptで記述されているため、それをコンパイルするための設定がtsconfig.node.jsonに記述されている。<br> | ||
<br> | <br> | ||
<syntaxhighlight lang="json"> | |||
{ | |||
// このファイルは、Node.js環境で実行されるビルドツール用のTypeScript設定ファイルです | |||
// 具体的には、vite.config.tsなどの設定ファイルをコンパイルする際に使用されます | |||
"compilerOptions": { | |||
// compositeモードを有効化 | |||
// これにより、プロジェクト参照（Project References）機能が使えるようになる | |||
// 大規模なプロジェクトで複数のtsconfig.jsonを連携させる際に必要な設定 | |||
// メインのtsconfig.jsonから、このtsconfig.node.jsonを参照できるようになる | |||
"composite": true, | |||
// node_modulesの型チェックをスキップ | |||
// サードパーティライブラリの型定義ファイルをチェックしないことで、コンパイル速度を向上させる | |||
// 開発体験の改善に役立つ設定 | |||
"skipLibCheck": true, | |||
// モジュールシステムの形式を指定 | |||
// ESNextは最新のECMAScriptモジュール仕様（import/export）を使用する | |||
// Node.jsの最新バージョンではESモジュールがネイティブでサポートされている | |||
"module": "ESNext", | |||
// モジュールの解決方法を「bundler」モードに設定 | |||
// Viteのようなモダンなバンドラーツールが使用する独自のモジュール解決ロジックに対応 | |||
// これにより、バンドラーが期待する形式でモジュールが解決される | |||
"moduleResolution": "bundler", | |||
// デフォルトエクスポートを持たないモジュールからのデフォルトインポートを許可 | |||
// 例えば、CommonJS形式で書かれたライブラリを、ES6のimport文でインポートできるようになる | |||
// import React from 'react' のような書き方が可能になる（Reactはデフォルトエクスポートを持たない） | |||
"allowSyntheticDefaultImports": true | |||
}, | |||
// このTypeScript設定ファイルが対象とするファイルを指定 | |||
// この設定では、vite.config.tsファイルのみが対象となる | |||
// つまり、このtsconfig.node.jsonは、Viteの設定ファイルをコンパイルするためだけに使われる | |||
// アプリケーションのソースコード（srcディレクトリ）は、メインのtsconfig.jsonで処理される | |||
"include": ["vite.config.ts"] | |||
} | |||
</syntaxhighlight> | |||
<br> | |||
==== vite.config.ts : Viteの設定ファイル ==== | ==== vite.config.ts : Viteの設定ファイル ==== | ||
Viteというビルドツールの設定ファイルである。<br> | Viteというビルドツールの設定ファイルである。<br> | ||