swx-masatoshi-mizumoto https://blog.hatena.ne.jp/swx-masatoshi-mizumoto/ サーバーワークスエンジニアブログ https://blog.serverworks.co.jp/ こんにちは、技術 1 課の水本です。 何度か Marp を使って自作のテーマを作成しつつ、スライドを作る機会を経験しましたので、知見をまとめてみることにしました。 Markdown でスライドを作りたいなと考えている方は参考にしてください。 Marp とは 利用前 独自テーマを作りたいなら CSS の理解は必須 画像を多用するなら圧倒的にパワポで作ったほうが早い 基本は VS Code + 拡張機能 で テーマ作成 いきなり個別 CSS ファイルを作ったりしない デフォルトテーマを継承したほうがいい テーマカラーは先に宣言しておく body タグへのスタイリングはほぼ効かないと思ったほうがいい… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.serverworks.co.jp%2Fmarp-original-theme-slide-tips" title="Marpを用いてオリジナルテーマのスライドを作成する知見をまとめてみた - サーバーワークスエンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-masatoshi-mizumoto/20220529/20220529234358_120.jpg Hatena Blog https://hatena.blog 2022-05-29 23:45:53 rich https://blog.serverworks.co.jp/marp-original-theme-slide-tips 1.0 100%