🐇
Slidevでプレゼン時間管理のためにウサギとカメを表示するSlidev Addonを作った
はじめに
最近、Slidevでプレゼン時間管理のためにウサギとカメを表示するというのを作っていた。
SlidevにはSlidev Addonという機能があり、自作のコンポーネントなどを使い回ししやすくする仕組みがあるらしい。
ウサギとカメも簡単に適用できるようにSlidev Addon化してみた。
使い方
- Slidevプロジェクトを作成する (参考: Getting Started | Slidev)
- 作成したSlidevプロジェクトにAddonを適用する (参考: Use Addon | Slidev)
npm install slidev-addon-rabbit-
package.jsonか SlidevのFrontmatterにAddonの設定を追記する
以上でAddonの適用は完了するらしい。簡単。
あとはnpm run devやnpm run buildでプレゼンを起動し、URL末尾に ?time=10 などを追加してプレゼン時間を設定するだけ。
おわりに
Slidev Addonは、本当にSlidevプロジェクトの部分切り出しという感じだった。
あと、初npm公開だった。
Discussion