1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

サクッとスライドを作成!Marpの使い方と活用法

Last updated at Posted at 2024-11-06

急なプレゼン資料作成に困ったことはありませんか?

Marp」を使えば、Markdownで簡単にスライドを作成できます。
この記事では、Marpの魅力をサクッと紹介します。

Marpの特徴

Marpの特徴は、以下の3つです。

  1. Markdownでスライド作成
  2. CSSでデザインを簡単カスタマイズ
  3. スライドをコードベースで管理可能

それぞれの特徴について、詳しく説明したいと思います。

1. Markdownでスライド作成

Marpの最大の魅力は、Markdownを使ってスライドを作れること。
シンプルな記法で、ストレスなく資料を作成できます。

image.png

2. CSSでデザインカスタマイズ

CSSを使ってスライドのデザインを自由に変更可能。
企業のブランディングに合わせたスタイルも簡単に実現できます。

テーマ設定を変更するだけで、簡単にデザインを変更できます。

(CSS:default)
image.png

(CSS:gaia)

image.png

3. コードベースでの管理

スライドをコードで管理できるため、バージョン管理が楽々。
Gitを使って変更履歴を追跡できます。

実際の使用例

私がMarpで作成したスライドは、技術的な内容を中心に、簡潔な説明とビジュアルを組み合わせました。
CSSで背景色やフォントを変更し、視覚的にわかりやすい資料を作成しました。

image.png

image.png

image.png

上記のスライドを作成した時のソースコード。

---
marp: true
title: Marpのサンプル
theme: gaia
paginate: true
---

# Marpのサンプルスライド

---

## スライド1

- これはMarpのサンプルスライドです。
- Markdownを使って簡単にスライドを作成できます。

---

## スライド2

### コードブロックの例
\```
print("Hello, World!")
\```

他のツールとの比較

Marpは、PowerPointやGoogle Slidesと比べて、サクッと簡単にスライドを作成できるのが特徴。
Markdownの記法を使うだけで、直感的に操作できます。

特徴 Marp PowerPoint Google Slides
スライド作成の手軽さ Markdownを使用し、簡単にスライド作成可能 リッチな機能が豊富だが、操作が複雑 シンプルなインターフェースだが、Markdownのような軽快さはない
デザインの自由度 CSSで自由にカスタマイズ可能 テンプレートが豊富だが、カスタマイズに限界 テンプレートは多いが、CSSの柔軟なカスタマイズは不可
コードベースでの管理 Gitなどでバージョン管理が可能 ファイルベースで管理、変更履歴が追いにくい クラウドベースで共同編集可能だが、コード管理は不可
オフラインとオンラインの利用 ローカルで作業可能、エクスポートも簡単 オフライン利用が得意だが、クラウド連携が弱い 完全オンラインだが、オフライン時の機能制限あり
学習コスト Markdownに慣れていれば低い 機能が多く、全てを使いこなすには時間がかかる シンプルだが、高度な機能には物足りなさを感じることがある

まとめ

Marpは、Markdownを使った手軽なスライド作成、CSSによる自由なデザイン、コードベースでの管理が可能なため、特に技術者やデザイナーにとって非常に魅力的なツールです。
他のツールと比較しても、独自の利点が多く、プレゼンテーションのスタイルを変える可能性を秘めています。
次回のプレゼンテーションでぜひMarpを試してみてください!

image.png

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?