用途

表示styleなどのチューニング用
contentのrender結果確認をしたいとき用
実施するモチベ
- これまでの課題
  - syncだと、数分待つ必要があるし、ホットリロードもされない
- プレビューが解決すること
  - ホットリロードつきで、
    - contentだけなら1秒～数秒でサイクルをまわせる
    - 表示styleなどソースコード変更時は数十秒でサイクルをまわせる

コマンド

前提知識
- 公式 : Building your Quartz
Windowsの例
- ※もしport8080がもう使われているなら応急で8081にする等で対処

start http://localhost:8080 & npx quartz build --serve --port 8080

手順

Quartzのディレクトリにて、上記を実行します
ブラウザが開くことを確認します
数分待ちます
- ※数十秒変化がないことがあるので気長に待ちます
- ※ホットリロードのサイクルに入ると、もっと短時間になります
terminalに、「ビルドが完了しました。listening」のように表示されることを確認します
ブラウザをリロードします
ブラウザで、狙ったものが表示されていることを確認します
必要に応じてcodeやcontentを書き換えます
ホットリロードされることを確認します
- ※コツは、ブラウザと編集画面を並べて表示すること
  - （重ねてどちらをアクティブにするか切り替えるのではなく）
ブラウザで、狙ったものが表示されていることを確認します