misc-mdn.dev

情報システム部のサイト

主な技術スタック / Tech stack

• Svelte ↗
• SvelteKit ↗
• TypeScript ↗
• SCSS ↗
• microCMS ↗

デプロイ先 / Deploy to

misc-mdn.dev

要求環境 / Requirements

• Node.js v20
• npm v10

NVM を用いた Node.js のインストール

• Linux / macOS

  1. HomeBrew をインストールする
  2. brew install nvm で NVM ↗ をインストールする

• Windows

  1. PowerShell で winget install -e --id CoreyButler.NVMforWindows を叩く
     または:
     • NVM Windows からインストーラーをダウンロード
     • インストーラーを実行

---

その後,

nvm install v20
nvm use v20

で, Node.js の準備が整います.

mise ↗ を用いた Node.js のインストール

• Linux / macOS

  curl https://mise.run | sh
  mise use node@20

おわり.

環境変数 / Environment variable

TODO

インストール / Installation

npm i
npm run dev

# 自動でブラウザを開かせる場合
npm run dev -- --open

package-lock.json のマイグレーション機能を持っている pnpm, Yarn, Bun などのパッケージマネージャなら, 依存関係のインストールや NPM スクリプトの実行時に時短として使っても構いません. それらが生成する lock 系は一応 gitignore しています.
ただし, 新しい依存関係を追加するときには npm を使ってください.

ビルド / Build

/dist ディレクトリに SSG されたファイルが生成されます.

npm run build

その他のスクリプト / Other scripts

コードフォーマット / Code formatting

npm run fmt

Linting

ESLint ↗ と Markuplint ↗ を使っています.

npm run lint

テスト / Testing

Vitest ↗ を使っています.

npm run test

キャッシュクリア / Clear cache

npm run clean

その他 / etc

新しく関わるメンバーのために, コードの歩き方 - docs/tips.md ↗ を準備しています. ぜひ参考にしてください.