Marp + Cursorによるスライド生成

Transcript

1. Marpでのスライド作成 いまいまい 1
2. Marpとは？ Markdownを使ってスライドを作成 シンプルで直感的な操作 プレゼンテーションの素早い作成が可能 2
3. マークダウン形式で記述可能 テキストエディタで編集可能 バージョン管理システムとの相性が良い 学習コストが低い 3
4. シンプルで直感的な操作 レイアウトを詳しく考える必要がない マークダウン記法を使用 見出し、リスト、強調などの基本的な書式が簡単に適用可能 画像の挿入も簡単 例：  4
5. プレゼンテーションの素早い作成が可能 テンプレートの活用 リアルタイムプレビュー エクスポート機能 PDF、 HTML、画像形式など 5
6. 基本的なスライド構成 --- marp: true theme: default --- # タイトル --- ## セクション - ポイント1 - ポイント2 6
7. 環境設定 1. VSCodeをインストール 2. Marp for VSCode拡張機能を追加 3. 新しい Markdownファイルを作成 7
8. デフォルトテーマの種類 Marpには以下のデフォルトテーマがあります： 8
9. Default テーマ シンプルで汎用的なデザイン 9
10. Gaia テーマ モダンでスタイリッシュなレイアウト 10
11. Uncover テーマ ミニマルでクリーンな外観 11
12. invert指定 invertクラスを指定することで、ダーク モードに切り替えることができます。 12
13. スタイルのカスタマイズ Marpでは、細かいスタイル指定が可能です。 background や color などで簡易的な指定 styleによる詳細な指定 13
14. Cursorとの相性 Cursorを使用することで、 Marpスライドの作成がさらに効率的になります。 14
15. Cursorの主な機能 Edit: AIによるコード編集支援 Chat: コンテキストを理解したチャット機能 その場での補正 : リアルタイムでのコード修正 15
16. まとめ これくらいのスライドだったら 15分で作れました Marpで簡単にスライド作成 Cursorとの相性抜群 デザインの自由 16