TypeScript

スポンサーリンク
TypeScript

【実務・中級編】 Project Referencesによる大規模プロジェクトの分割 – TypeScript実践ガイド

大規模プロジェクトの限界を突破せよ:TypeScript Project Referencesで実現する「疎結合」なアーキテクチャ現場で開発をしていると、ある日突然「型チェックが終わらない」「変更のたびに全ファイルが再コンパイルされる」とい...
TypeScript

【実務・中級編】 files, include, excludeによるコンパイル対象の制御 – TypeScript実践ガイド

なぜ「tsconfig.jsonのパス指定」でプロジェクトの寿命が決まるのか現場でよく見る悲劇がある。中規模以上のプロジェクトで、コンパイル時間が異常に長かったり、`node_modules`内の型定義までコンパイラが律儀に追いかけてパンク...
TypeScript

【実務・中級編】 extendsプロパティによる設定の継承と階層化 – TypeScript実践ガイド

現場で戦うエンジニアの皆さん、お疲れ様です。TypeScriptのプロジェクトが大きくなればなるほど、`tsconfig.json` の管理は「巨大な1枚岩」になりがちです。気づけば数百行に膨れ上がり、誰も触りたくない「神ファイル」としてレ...
TypeScript

【実務・中級編】 tsconfig-pathsとtsc-aliasによるビルド後のパス解決 – TypeScript実践ガイド

なぜ `tsconfig-paths` だけでは地獄を見るのか?──ビルド後のパス解決を完全攻略するフロントエンドの現場で中級レベルに差し掛かると、誰もが一度は「相対パス地獄」に直面するはずだ。`../../../components/Bu...
TypeScript

【実務・中級編】 ts-nodeの設定とregisterオプション – TypeScript実践ガイド

やあ。TypeScriptの深淵へようこそ。現場でバリバリコードを書いている君なら、一度はこんな経験があるはずだ。「ちょっとしたスクリプトを動かすためだけに、わざわざ`tsc`でビルドして`node`で実行するのが面倒くさい」あるいは「開発...
TypeScript

【実務・中級編】 pathsとbaseUrlによるモジュール解決の最適化 – TypeScript実践ガイド

混沌とした相対パスから脱却せよ:`paths`と`baseUrl`で実現する「筋のいい」ディレクトリ構造大規模なフロントエンド開発において、最も精神を削る小さなストレスの一つ。それが `import { ... } from '../../...
TypeScript

【実務・中級編】 experimentalDecoratorsとemitDecoratorMetadataの仕組み – TypeScript実践ガイド

TypeScriptの「魔法」を紐解く:`experimentalDecorators`と`emitDecoratorMetadata`の深淵現場でバリバリとコードを書いていると、NestJSやTypeORMといったフレームワークのコードベ...
TypeScript

【実務・中級編】 jsxオプションの全設定とReact/Vue/SolidJSへの対応 – TypeScript実践ガイド

フロントエンドの戦場へようこそ。`tsconfig.json` の `jsx` オプション、何気なく `react-jsx` を選んで終わらせていないか? それはそれで現代の最適解の一つだが、大規模なプロジェクトになればなるほど、フレームワ...
TypeScript

【実務・中級編】 compilerOptions.typeRoots – TypeScript実践ガイド

`typeRoots`の深淵:なぜあなたのTypeScriptは「型」を見失うのか?現場でコードを書いていると、ふと壁にぶつかる瞬間があるはずだ。「なぜか特定の型定義が認識されない」「カスタムの型定義ファイルを置いているのに、コンパイラが無...
TypeScript

【実務・中級編】 watchOptionsの設定 – TypeScript実践ガイド

フロントエンドエンジニアの皆さん、お疲れ様です。プロジェクトが中規模を超え、`node_modules`が肥大化し、開発サーバーを立ち上げた瞬間にPCのファンが爆音で回り出す……そんな「あるある」に悩まされていませんか?`tsc --wat...
スポンサーリンク