Obsidianでスライドを作成する

Marpプラグインの導入

Marpとは

Marp(Markdown Presentation Ecosystem）はMarkdown形式でプレゼンテーション資料を作成できるオープンソースのツール

公式サイト

https://marp.app/

主な特徴

1.Markdownベース

2.テーマとカスタマイズ

3.エクスポート機能

4.その他

1.Markdownベース

Markdownでプレゼン資料を作成できるため学習コストが低い

2.テーマとカスタマイズ

標準でdefault、gaia、uncoverという3つのテーマがあり､CSSで独自のMarpテーマも作成可能。
ユーザが作成したテーマも公開されている。
https://rnd195.github.io/marp-community-themes/

3.エクスポート機能

スライドをPDF、PPTX、HTML形式でエクスポート可能

4.その他

• コードのシンタックスハイライト
• 画像やSVGの埋め込み
• 数式記述(mathjax・katex)

Marpプラグイン

ObsidianのMarpスライドプラグインは2025年2月現在2つある。

• JichouP/obsidian-marp-plugin
• samuele-cozzi/obsidian-marp-slides
  自分の環境ではsamuele-cozzi/obsidian-marp-slidesの動作が安定しないため､JichouP/obsidian-marp-pluginを使用している。

記述のサンプル

数式

$$I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx$$

$$f(x) = \int_{-\infty}^{\infty} \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi$$

こんな感じで数式を書くことができる。もちろんインラインの $\LaTeX$ も使える。

画像挿入

コードブロック

require 'io/console'
width, height = 50, 20
drops = Array.new(width, 0)
loop do
  print "\e[H"
  height.times do |y|
    line = (0...width).map {|x| drops[x] > y ? '|' : ' '}.join
    puts line
  end
  drops.map! {|drop| drop > height ? 0 : drop + rand(0..1) }
  sleep 0.1
end

トランジション

none / clockwise / counterclockwise / cover / coverflow / cube / cylinder / diamond / drop / explode / fade / fade-out / fall / flip / glow / implode / in-out / iris-in / iris-out / melt / overlap / pivot / pull / push / reveal / rotate / slide / star / swap / swipe / swoosh / wipe / wiper / zoom