Repolode
投稿する
slidevjs

slidevjs/slidev

VueとViteを基盤に、ライブコーディングや図表、発表者モードに対応した開発者向けMarkdownプレゼンテーションツール。

代替できる製品:PowerPointKeynoteGoogle Slides

GitHub で見る公式サイト
スター
49,154
フォーク
2,238
未解決の Issue
243
最終コミット
一昨日

これは何？

Slidevは、Markdownでスライドを書き、Webアプリとして表示できるプレゼンテーションツールです。各スライドにはVueコンポーネント、シンタックスハイライト付きのライブコーディング、LaTeX数式、Mermaid図を埋め込めるため、技術的な講演の内容を扱うコードに即したものにできます。

スライドはViteを基盤としているため、開発中の変更はほぼ瞬時に反映されます。発表者モードは別ウィンドウやスマートフォンなどの別デバイスで実行でき、スライドへの描画、カメラ映像付きの録画、統合エディターやVS Code拡張機能といったツールも組み込まれています。スタイリングにはUnoCSSのユーティリティを使い、テーマはnpmパッケージとして配布できます。

完成したスライドはPDF、PNG、PPTXにエクスポートできます。StackBlitzからオンラインで試すか、npm init slidevでローカルにセットアップできます。Node.js 22.12.0以降が必要です。

主な機能

  • 01Vueコンポーネントを埋め込んだMarkdownでスライドを作成
  • 02シンタックスハイライト付きコードブロックとライブコーディング
  • 03LaTeX数式とMermaid図を標準搭載
  • 04別ウィンドウやスマートフォンで実行できる発表者モード
  • 05カメラ映像付きの描画、注釈、録画
  • 06PDF、PNG、PPTXへのエクスポート

ユースケース

  • コードサンプルを使った技術講演やカンファレンス発表の準備
  • バージョン管理できるMarkdownでチーム内の技術共有スライドを作成
  • ライブVueコンポーネントを埋め込んだインタラクティブなデモを作成

クイックスタート

  1. 1

    Node.js 22.12.0 以降をインストールする

  2. 2

    ローカルで新しい Slidev プロジェクトを初期化する

    npm init slidev

使う前に知っておきたいこと

  • Node.js 22.12.0 以降が必要です。

トピック

#markdown#presentation#slides#vue#vite#developer-tools#vueuse

よくある質問

slidev とは？
VueとViteを基盤に、ライブコーディングや図表、発表者モードに対応した開発者向けMarkdownプレゼンテーションツール。 Slidevは、Markdownでスライドを書き、Webアプリとして表示できるプレゼンテーションツールです。各スライドにはVueコンポーネント、シンタックスハイライト付きのライブコーディング、LaTeX数式、Mermaid図を埋め込めるため、技術的な講演の内容を扱うコードに即したものにできます。
slidev は無料で使えますか？ライセンスは？
slidev は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
slidev は今もメンテナンスされていますか？
活発にメンテナンス中。slidev の最終コミットは 2026年10月18日 です。
slidev は何に使えますか？
コードサンプルを使った技術講演やカンファレンス発表の準備 バージョン管理できるMarkdownでチーム内の技術共有スライドを作成 ライブVueコンポーネントを埋め込んだインタラクティブなデモを作成
slidev のインストール方法は？
Node.js 22.12.0 以降をインストールする ローカルで新しい Slidev プロジェクトを初期化する: npm init slidev
slidev はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/slidevjs/slidev

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト