【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る - Qiita
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作るMarkdownVisualStudioCodeDraw.ioMarpvega TL;DR Visual Studio Code上で、Markdownから、こんな感じのデッキを生成できるようにします。 使用したファイル類は、GitHub tomo-makes/marp-styles にまとめました。 きっかけ 叩き台となる資料がなく、急ぎプレゼンをする機会があり、Marpで作成した 内輪では使っていたが、多くの目に触れるのは初めてで、もう少しデザインを調整したいと思った 今後も使いまわせるものを、スニペット、およびサンプルテーマ化しておこうと思い立った ついでにいろいろな図表の生成とデッキへの入れ方、必要そうな配色、素材のリンクをまとめておきたい Marpとは Marp: Markdown
vs codeにおけるMarpの使い方
Marpはマークダウン記法を使用してプレゼンテーションスライドを簡単に作成できるツールである。 ルールを守れば既存のマークダウンファイルをスライド形式で表示することが可能。 vs code上でMarpを使うための拡張機能が提供されており簡単に使用することができる。 拡張機能のインストール まずは以下から拡張機能をインストール 以降でmdファイルをMarpとして記述するための記法について説明する。 マークダウンファイルをMarpとして認識させる mdファイルの1行目に以下を追記する。 上記の記述がMarpとして認識させるフラグとなる。 フラグを立てた状態でvs codeデフォルトのマークダウンプレビューで表示すると、 スライド形式で表示される。falseにすることで通常のmdファイルプレビューに簡単に切り替えることができる。 スライド区切り ---でスライドを区切ることができる。 ---以外
Markdown プレゼン作成ツール Marp スタイルカスタマイズガイド - Qiita
Marp 良さそうですね。スタイルをカスタマイズしたい人向けのガイド、というか Theme 機能が実装されるまでの work-around です。 Marp - Markdown Presentation Writer 成果物 自作 Theme （確認用） が利用できました。 PDF にして Speaker Deck にアップすると以下のようになります。 https://speakerdeck.com/iktakahiro/original-theme-for-marp-experiment-1 また、これまで Keynote で作成していたテンプレートを Marp で再現してみたスライド例が以下です。 http://www.slideshare.net/iktakahiro/how-to-build-a-custom-theme-for-marp Marp 開発環境の準備 Node.js
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Emoji Cheat Sheet
