なぜ Slidev か

すでに Microsoft PowerPoint や Apple Keynote のような機能豊富な WYSIWYG スライド作成ツールがたくさんあります（比較 を参照）。これらは直感的で学習しやすいです。では、なぜ Slidev を作る必要があるのでしょうか？

Slidev は開発者向けの柔軟性とインタラクティビティを提供し、彼らが慣れているテクノロジーを使用してプレゼンテーションをより興味深く、表現力豊かで、魅力的にすることができます。Slidev はまた、強力なコミュニティを持つオープンソースです。

Slidev は Markdown ベースで、コンテンツに焦点を当てることができます。また、Slidev は Web ベースなので不可能なことはありません - Web アプリでできることはすべてスライドに適用できます。

Slidev はまた段階的です。非常にシンプルな Markdown ファイルから始めることができ、必要に応じて設定なしで 組み込み機能 を使用できます。また、スライドを強化するためにオプションで テーマとアドオン をインストールできます。

機能

📝 Markdown ベース

Slidev は拡張 Markdown 形式を使用して、スライドを単一のプレーンテキストファイルに整理します。これにより、コンテンツに焦点を当てながら、Git と好きなエディタを使用できます。

詳細情報: 📖 構文ガイド.

🧑‍💻 開発者向け

Slidev は開発者向けのコードスニペットに対して一流のサポートを提供します。最も正確な構文ハイライティングを得るために Shiki を使用しています。Slidev はまた ✨ Shiki Magic Move と ✨ TwoSlash 統合 もサポートしています。これらは Slidev をテックトークの最適な選択肢にします。

🎨 テーマ対応

Slidev のテーマは npm パッケージを通じて共有できます。1 行のコードでテーマを適用できます。

テーマギャラリー で、公式チームとコミュニティによって作成された美しいテーマを確認してください。

⚡ 高速

エディタで行った変更はすべて、Vite の HMR 機能 のおかげで、リロードなしでブラウザ内のスライドに即座に更新されます。

🤹 インタラクティブで表現力豊か

Vue コンポーネントを作成してスライドの中で使用でき、プレゼンテーション中にそれらを操作して、より興味深く直感的な方法でアイデアを表現できます。

Slidev はまた ✨ Monaco エディター の組み込みサポートを備えており、オートコンプリートおよびホバーメッセージを使用してプレゼンテーション内でライブコーディングを行うことができます。

🎥 録画サポート

Slidev は組み込みの録画とカメラビューを提供します。カメラビューを内部に含めてプレゼンテーションを共有するか、画面とカメラを別々に記録して保存できます。

詳細情報: ✨ 録画.

📤 ポータブル

単一のコマンドを使用して、スライドを PDF、PPTX、PNG、またはシングルページアプリケーション（SPA）にエクスポートできます。その後、どこにでも共有またはホストできます。

詳細情報: 📖 エクスポート および 📖 ホスティング.

🛠 改造可能

Slidev は Web ベースなので、通常の Web アプリでできることはすべてスライドに適用できます。たとえば、WebGL、API リクエスト、iframe、またはライブ共有などです。それはあなたの想像力次第です！

詳細情報: カスタマイズ.

比較

Slidev vs. Microsoft PowerPoint / Apple Keynote

Microsoft PowerPoint および Apple Keynote は機能豊富な WYSIWYG スライドメーカーです。これらは直感的で学習しやすく、非開発者にとって最良の選択肢の 1 つになっています。

それらと比較して、Slidev には以下の利点があります:

• 開発者向け: コードスニペットは Slidev の中で最も重要な機能です。
• Markdown ベース: コンテンツに焦点を当て、Git を使用してスライドをバージョン管理します。
• Web ベース: Web アプリでできることはすべてスライドに適用できます。
• 改造可能: Web テクノロジーで好きなものをカスタマイズできます。
• オープンソース: Slidev は強力なコミュニティを持つオープンソースです。

Slidev vs. Reveal.js

Reveal.js は人気のある HTML プレゼンテーションフレームワークです。またオープンソースで、Markdown をサポートしています。

Reveal.js と比較して、Slidev には以下の利点があります:

• より簡潔: Slidev は拡張 Markdown 形式を使用していますが、Reveal.js はスライドを整理するために HTML を書くことを推奨しています。
• Vue サポート: Slidev で Vue コンポーネントを使用して、スライドをインタラクティブにすることができます。
• Vite ベース: Slidev は Vite の上に構築されており、即座の HMR と柔軟なプラグイン API を提供します。
• Atomatic CSS: UnoCSS をすぐに使用してスライドをスタイリングできます。

Slidev vs. Marp

Marp は簡潔性とポータビリティに焦点を当てた Markdown プレゼンテーションツールです。またオープンソースで、Markdown をサポートしています。

Marp と比較して、Slidev には以下の利点があります:

• 同じシンプルさ: Slidev のスライドは Marp と同じくらいシンプルに始められます。
• より多くの機能: Slidev は Marp がサポートしない多くの機能をサポートしています。
• Vue サポート: Slidev で Vue コンポーネントを使用して、スライドをインタラクティブにすることができます。
• Vite ベース: Slidev は Vite の上に構築されており、即座の HMR と柔軟なプラグイン API を提供します。
• Atomatic CSS: UnoCSS をすぐに使用してスライドをスタイリングできます。

試してみてください

Slidev を試してみることで、千の言葉よりも多くのことを学べます。📖 はじめにガイドをチェックして、1 クリックまたは 1 つのコマンドで最初の Slidev プロジェクトを作成してください。

または、簡単なプレビューをご覧ください: