https://sli.dev/
https://github.com/slidevjs/slidev
Slidev でスライドを作成してみました。

環境

  • Windows 10 Pro
  • node v14.60.0

感想

  • NTFS 上にプロジェクトを配置するのであれば、Windows のnode を利用するのがよいかもしれない。WSL のnode ではファイルの更新がうまく検知されないみたい。
  • npm init slidev でプロジェクトを作成するとnode_modules フォルダで260MB消費された。プロジェクトは一つだけにした方がよさそう。
  • 生成されたslides.md は使用せず、このフォルダ下にスライド群(.md)を作っていくのがよいかもしれない。
  • PDF にエクスポートするにはnpm i -D playwright-chromiumしておく。
    npx slidev export slidev-test.mdすると、slidev-test-export.pdfが生成される。
  • ローカル画像はpublicフォルダ下に配置する。/hoge.pngで参照する。

マークダウンの例(作成中)

スライド例