Tweet
Tweet

Slide 1

Slide 1 text

Marpでのスライド作成 いまいまい 1

Slide 2

Slide 2 text

Marpとは？ Markdownを使ってスライドを作成 シンプルで直感的な操作 プレゼンテーションの素早い作成が可能 2

Slide 3

Slide 3 text

マークダウン形式で記述可能 テキストエディタで編集可能 バージョン管理システムとの相性が良い 学習コストが低い 3

Slide 4

Slide 4 text

シンプルで直感的な操作 レイアウトを詳しく考える必要がない マークダウン記法を使用 見出し、リスト、強調などの基本的な書式が簡単に適用可能 画像の挿入も簡単 例： ![alt text](image.jpg) 4

Slide 5

Slide 5 text

プレゼンテーションの素早い作成が可能 テンプレートの活用 リアルタイムプレビュー エクスポート機能 PDF、 HTML、画像形式など 5

Slide 6

Slide 6 text

基本的なスライド構成 --- marp: true theme: default --- # タイトル --- ## セクション - ポイント1 - ポイント2 6

Slide 7

Slide 7 text

環境設定 1. VSCodeをインストール 2. Marp for VSCode拡張機能を追加 3. 新しい Markdownファイルを作成 7

Slide 8

Slide 8 text

デフォルトテーマの種類 Marpには以下のデフォルトテーマがあります： 8

Slide 9

Slide 9 text

Default テーマ シンプルで汎用的なデザイン 9

Slide 10

Slide 10 text

Gaia テーマ モダンでスタイリッシュなレイアウト 10

Slide 11

Slide 11 text

Uncover テーマ ミニマルでクリーンな外観 11

Slide 12

Slide 12 text

invert指定 invertクラスを指定することで、ダーク モードに切り替えることができます。 12

Slide 13

Slide 13 text

スタイルのカスタマイズ Marpでは、細かいスタイル指定が可能です。 background や color などで簡易的な指定 styleによる詳細な指定 13

Slide 14

Slide 14 text

Cursorとの相性 Cursorを使用することで、 Marpスライドの作成がさらに効率的になります。 14

Slide 15

Slide 15 text

Cursorの主な機能 Edit: AIによるコード編集支援 Chat: コンテキストを理解したチャット機能 その場での補正 : リアルタイムでのコード修正 15

Slide 16

Slide 16 text

まとめ これくらいのスライドだったら 15分で作れました Marpで簡単にスライド作成 Cursorとの相性抜群 デザインの自由 16