なんだこのファイル

テンプレート内のファイルやディレクトリーの説明です。

.vscode ディレクトリー

このディレクトリーには、VS Code 向けの設定情報が入っています。

LICENSE

各テンプレートには LICENSE ファイルが入っていて、その内容は Creative Commons Zero v1.0 Universal(略称 CC0-1.0)です。これは、そのテンプレートをコピペして使ってもよく、それに一切の制約が無いことを意味します。

関連のあるファイル:

テンプレートを使ってスケッチを作り、それをコードも含めて公開したいときは……

.gitignore

.gitignore ファイルは、Git で無視する(管理対象外にする)ファイルを指定するためのものです。

Git を使わない場合はこのファイルも不要です。

package.json

このファイルは、npm あるいはその他のパッケージ管理ツールを使うのに必要です。これには、パッケージ間の依存関係の情報などといった各種メタデータが書かれています。

また、ユーザー定義のスクリプトが含まれていることもあります(「npm scripts」と呼ばれます)。これは scripts という項目で設定されていて、コマンドラインにて npm run (コマンド名) で実行できます。

いくつかのテンプレートは、ブラウザーで動かすための JavaScript ファイルをビルド(生成)するために TypeScriptRollup を使います。このプロセスは npm scripts でプログラムされています。

pnpm-lock.yaml

このファイルは pnpmヒントとアドバイスも参照)によって生成されています。

pnpm を使わない場合、このファイルは削除してよいです。依存パッケージをインストールするとき、デフォルトの npm は、代わりに package-lock.json を生成します。

これらロックファイルはたぶんあなたにとって重要ではないと思われますが、気になる人はググってみるのも良いでしょう。

style.css

この CSS ファイルは index.html の表示のされ方を規定します。

各テンプレートの CSS ファイルは、margin/padding をなくして、さらにキャンバスに display: block を設定します。これは、ウィンドウ全体を使うようなスケッチを作るときに役に立ちます。

.eslintrc.json

ESLint のための設定です。

ESLint はいろいろな設定が可能で、ここ で各種ルールの長大なリストを確認できます。

各テンプレートは、コード整形のために Prettier を使い、ESLint のルールのうちコードの見た目にしか関係しないものは有効化しないように作られています。
ただし、lines-around-comment ルールは有効化されています。Prettier がこのルールの動作をカバーしていないためです。残念ながら、このルールの TypeScript 版はこれを書いた時点では存在しません

tsconfig.json

TypeScript のための設定です。

このファイルは TypeScript のコンパイラーによって自動的に参照されます。

rollup.config.js

Rollup のための設定です。

rollup コマンドを実行するとき、--config オプションを与え、何もパスを与えないでおくと、Rollup は rollup.config.js を参照します。