コードに型を導入することができ、コードの安全性や生産性を高めることができます。コンパイルしてから実行する必要があり、ちょっとしたコードの確認をするにしても一手間かかります。そこで検証を簡単にするため、プロジェクト内のファイル変更を監視し、ファイルの変更があったら自動的に再コンパイル&実行してくれる環境を作ります。したコードを試したいときでもtscでコンパイルしてnodeで実行してと、コンソールでの作業が必要となります。コードの動きを試したかったり、ネットで見つけたおもしろいコードを動かしたいといっただけでも手間がかかります。用のサンドボックス・プロジェクトを用意して、手軽にコードを試せるようにします。(サンドボックスというとセキュリティモデル的な感じもしますが、今回はお砂場遊び的な感覚。本記事の開発環境は以下となります。プロジェクトの作成いろいろなモジュールが組み合わさるので、順を追って作っていきます。プロジェクトを作成します。プロジェクトのディレクトリを作成し/package.jsonファイルを作ります。(今回はsandboxという名前のディレクトリ)devDependenciesは、常に最新版のモジュールを使いたいためにバージョンは"*"としています。cleanは、最新のモジュールを使いやすいようにnode_modulesなどを削除します。rimrafで削除しています。}}同じくプロジェクト直下にtsconfig.jsonを作ります。設定に合わせておくとよいでしょう。trueでチェックを厳しくしています。ファイルをコンパイルして実行する環境ができました。!');コンパイルして実行。コンソールから直接実行できるようにします。tsconfig-paths@*/package.jsonに以下のstartスクリプトを追加します。(scriptsのみ抜粋)ts-nodeでsrc/index.tsを実行。tsconfig-paths/registerを登録します。}}実行!新たに1行追加しましたがtscなしで動作します。先ほど作られたdistディレクトリは削除して大丈夫です。実行さらにファイルの変更を検出して、自動的にts-nodeを実行できるようにします。nodemon@*/package.jsonのstartスクリプトを修正します。startから先に始めます。コンソールに表示され、その後にnodemonが変更待ちをしている状態になります。restartここで/src/index.tsを変更し、保存します。!!!');するとファイルの変更を検知して、コンソールに新しい結果が自動的に出力されます。実際にコードの検証で使ってみます。