本文へスキップ
仕事効率化#スライド#Markdown#動きをつける

Slidev

文章で書いたスライドに、動きと図を足せる

Markdownで書く点は Marp と同じですが、アニメーションや図、発表者用の画面まで作り込めます。

Slidevの公式サイトへ ↗Slidevの開発資料（GitHub）

GitHubのスター数 4.9万GitHub上の更新 2026年9月16日当サイトの確認日：2026年9月21日

まず、ここだけ見れば分かります

料金
無料ソフト自体に料金はかかりません
日本語
日本語は一部日本語のスライドは問題なく作れます。説明資料は日本語版があります。
対応環境
Windows / Mac / Linux / ブラウザ
準備の目安
★★★準備あり必要なソフトを入れたり、文字で指示を入力したりする準備があります。
計算用の部品
専用のGPUは必須ではありませんGPUは、画像やAIなどの計算にも使われる部品です。必要な性能や処理時間は、使う機能・設定で変わります。
必要なもの
Node.js が入っていること

これは何？

スライドを文章（Markdown）で書くための道具です。--- で区切ると次のページになります。Marp との違いは、作り込みができること。要素を順番に出すアニメーション、図（Mermaid）、コードの一部を光らせる表示、発表者用の手元画面などが標準で使えます。そのぶん、最初に用意するものが少し増えます。

できること・できないこと

できること

  • Markdown でスライドを書く
  • 要素を順番に出すアニメーションを付ける
  • 文章から図（フローチャートなど）を作る
  • 発表者用の手元画面（メモ・次のページ・時計）を出す
  • PDF や画像として書き出す
  • Web ページとして公開する
  • 書きながらブラウザで結果を見る

できないこと

  • 図形をマウスで自由に配置すること（PowerPoint のような操作はできません）
  • Node.js を入れずに使うこと
  • PowerPoint のファイルとして書き出すこと

こんな人に向いています

  • Marp では表現が足りないと感じた人
  • 発表の練習に手元画面がほしい人
  • スライドを文章として履歴管理したい人

こんなふうに使えます

  • 段階的に見せる

    箇条書きを一度に全部出さず、話に合わせて1つずつ出せます。聞き手が先を読んでしまうのを防げます。

  • 図を文章で書く

    流れ図や構成図を、文章で書いて自動で描かせられます。図形をドラッグして整える作業がなくなります。

使いはじめるまで

Slidevを使うための案内

手順は上から順番に進めます。「入力例」がある場合は、どの画面へ入力するか、どの名前で保存するかを本文で確認してください。

Slidevの開発資料（GitHub） ↗

上のリンクはSlidevの開発資料です。GitHubというサイト自体の見方は、共通のGitHub入門で説明しています。

この手順で出てくる言葉の意味
Node.js / npm
Node.jsはプログラムを動かすためのソフト、npmは必要な部品を入れるための道具です。入力例を使う前に準備します。

  1. 1作り始める

    Node.js を入れたあと、次を実行します。フォルダ名を聞かれるので答えます。

    この手順で使う入力例

    npm init slidev@latest

  2. 2書く

    できた slides.md を編集します。--- の行でページが変わります。保存すると、ブラウザの表示がすぐ変わります。

  3. 3発表する

    ブラウザで開いたまま発表します。発表者用の画面は /presenter を開くと出ます。

  4. 4書き出す

    PDF にする場合は、書き出しのコマンドを実行します。初回は追加の部品を入れるか聞かれます。

つまずいたときはAIに手伝ってもらう聞き方を見てください。使っているパソコンと、どの手順で止まったかを伝えましょう。

いいところ・気になるところ

いいところ

  • 動きと図を文章のまま扱える
  • 発表者用の画面が標準で付く
  • 履歴管理しやすい

気になるところ

  • Node.js の準備が要る
  • 自由なレイアウトには向かない
  • Marp より覚えることが多い

Slidevの開発情報・出典

GitHub上で公開されているSlidevのプログラムに関する情報です。スター数はGitHubで関心を示した数で、Slidevの利用者数を表すものではありません。

GitHubのスター数
48,753（2026年9月20日時点）
ライセンス
MIT
主な言語
TypeScript
GitHub上の更新
2026年9月16日直近3か月以内に更新されています
開発資料（GitHub）
https://github.com/slidevjs/slidev
公式サイト
https://sli.dev/
当サイトでの確認日
2026年9月21日

スター数・ライセンス・主な言語・最終更新は、2026年9月20日に GitHub から自動で取得した値です。ライセンスの補足と、説明文・準備の目安の判定は当サイトが書いています。 ライセンスや料金は変わることがあるので、使う前に必ず公式の情報をご確認ください。

NEXT

次に見るなら

READ

このツールが出てくる記事

SIMILAR

似たツール

同じことができる、または一緒によく使われるもの