Speee 用の marp テーマ
 |
 |
|---|---|
 |
 |
Speee 社員以外または株式会社 Speee の企業活動ではない目的でこのテーマを利用する場合は描画結果に株式会社 Speee の企業ロゴが表示されないよう画像ファイルを削除してください。 詳細はライセンスについてを参照
- 【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る - Qiitaを参考にVS Codeの設定へ
https://raw.githubusercontent.com/speee/marp-speee-theme/main/marp-themes/speee.cssを設定 - example.md をコピーまたは参考にしてmarkdownファイルを作成する
ローカルにテーマファイルをダウンロードして使用する。
curl -o speee.css https://raw.githubusercontent.com/speee/marp-speee-theme/main/marp-themes/speee.css
marp example.md -o example.pptx --theme-set speee.css --allow-local-files- npmとmakeをインストールする
make initで必要なパッケージをインストールする
- vscode で marp 拡張をインストール
make csswatchで scss が変更されたらすぐ反映されるようにするmake marpwatchで css や markdown が変更されたらすぐ反映されるようにするexample/example.mdを開き、vscode でプレビューしながらマークダウンファイルと SCSS を編集する
コントリビュートしてもらうときは以下を一読した上で機能追加・修正方向を考えてもらうと助かります 💦
フォントは基本的にGoogle Fontを使用する
フォント指定でたくさん指定してfallbackを設定するのはウェブサイトでは有効だけど、marpでは人によってフォントが違う原因になり厄介になりやすい。 またテストでの画像比較も問題が起きやすくなる。 ウェブフォントの重いというデメリットもmarpの場合は気にならないので、ポータビリティに全振りして基本ウェブフォントとする。
だからかなりコントリビュートしやすくなっているはず。なるべくそこは維持していきたい。
本リポジトリに含まれるリソースは Speee 企業ロゴを除いてライセンスに属します。 ただし Speee 企業ロゴのみは株式会社 Speee が独占的な権利を保持するため、 Speee 社員が株式会社 Speee の企業活動の一部として資料を作成する場合以外でロゴを使用したい場合は弊社までお問い合わせください。