なぜSlidev?

Microsoft PowerPointApple Keynoteなど、機能豊富で汎用的なWYSIWYGのスライド作成ツールがたくさんあります。これらは非常に直感的で簡単に学ぶことができる一方で、アニメーションやチャート、その他の多くの機能を使った素晴らしいスライドを作成するのに非常によく機能します。では、なぜわざわざSlidevを作ったのでしょうか?

Slidevの目的は、開発者が既に慣れ親しんでいるツールや技術を使って、プレゼンテーションをさらに面白く、表現力豊かに、そして魅力的にするための柔軟性と対話性を提供することです。

WYSIWYGエディタで作業していると、スタイリングオプションに気を取られがちです。Slidevはコンテンツとビジュアルを分離することでそれを改善します。これによって、一度に1つのことに集中できるようになり、同時にコミュニティのテーマを再利用できるようになります。Slidevは他のスライドデッキビルダーに完全に取って代わろうとはしていません。それよりも、開発者コミュニティに応えることに重点をおいています。

Slidev

ここでは、いくつかのSlidevのクールな機能を紹介します:

Markdownベース

Slidevは拡張されたMarkdown形式を使用して、スライドを単一のプレーンテキストファイルに保存し、整理します。これにより、コンテンツの作成に集中することができます。またコンテンツとスタイルが分離されているので、異なるテーマに楽に切り替えることが可能です。

詳しくはMarkdownシンタックスを参照してください。

豊富なテーマ

Slidevのテーマは、npmパッケージを使用して共有とインストールができます。そして1行設定するだけでテーマを適用することができます。

テーマギャラリーテーマを作成するをチェックしてみてください。

デベロッパーフレンドリー

Slidevは開発者のためにコードスニペットのファーストクラスのサポートを提供します。PrismShikiの両方をサポートし、ピクセルパーフェクトなシンタックスハイライトを実現しつつ、いつでもコードを修正することができます。Monaco editor を内蔵し、オートコンプリート、タイプホバーリング、TypeScriptの型チェックサポートにより、プレゼンテーションでのライブコーディングやデモも可能になります。

詳しくはシンタックスハイライトMonacoの設定を参照してください。

高速

SlidevはViteVue 3、そしてWindi CSSを利用しており、もっとも素晴らしいオーサリング体験を提供しています。あなたが行ったすべての変更は、即時にあなたのスライドに反映されます。

詳しくは技術スタックをご覧ください。

インタラクティブ & エクスプレッシブ

Markdownファイルの中に直接Vueのカスタムコンポーネントを記述することができます。また、プレゼンテーションの中でそれらとやりとりすることで、より面白く、より直感的にアイデアを表現することができます。

レコーディングサポート

Slidevはビルトインのレコーディング機能とカメラービューを提供します。カメラービューを含めたプレゼンテーションを共有したり、画面とカメラで別々に録画・保存することも可能です。すべてSlidevだけで完結しており、追加のツールは必要ありません。

詳しくはレコーディングを参照してください。

ポータブル

コマンド1つでスライドをPDF、PNG、あるいはホスティング可能なSPAとしてエクスポートでき、どこへでも共有することができます。

詳しくはエクスポートを参照してください。

自由に開発可能

Web技術を使用していることにより、WebアプリでできることはSlidevでも実現可能です。例えば、WebGL、APIリクエスト、iframe、あるいはライブシェアリングなどが利用可能です。あなたの想像力次第でなんでもできます!

試してみる

百聞は一件にしかずということで、実際にSlidevを使ってみましょう。 コマンドを実行:

$ npm init slidev

またはプレビュー: