Zenn
📊

Hello Marp! マークダウンでプレゼンテーションを作ってみよう！

2023/02/05に公開
Markdown
Marp
presentation
tech

Hello Marp!

Markdown Presentation ecosystem

マークダウンでプレゼンテーションを作ってみよう！

web: https://marp.app/

via: https://www.youtube.com/watch?v=Q2PCO0mKEaU

Better than PowerPoint?

  • It is free
  • It uses Markdown
  • It is easy to use
  • It is very customizable

Create another slide

次のスライドを追加するには---を入れたらOKです！

Marp ships with two another themes

Marpには基本的にuncover, gaiaという二つのテーマが提供されています。

theme: uncover or gaia

Class directive we can get dark mode

class: invertでダークモードに切り替えることができます。

add page numbers to presentation

paginate: trueでプレゼンテーションにページ番号を入れることができます。

a footer or header to all slides

footerとheaderでフッターとヘッダーを入れることができます。

add a background image to slide

![bg](URL)で背景を入れる。

![bg right](URL)にすると右に配置することも可能。

size images

![w:500](URL)のようにイメージのサイズを指定できる。

Marp support Code Highlighting

```Code```

class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!"); 
    }
}

Related link

community themes

https://github.com/topics/marp-themes

Marpit: Markdown slide deck framework

https://marpit.marp.app/markdown

Export

  • PDF Slide
  • HTML Slide
  • PowerPoint Slide

※ PNG/JPG Image(First slide only)

Discussion