![](https://products-qa.fileformat.com/ja/presentation/javascript/fusuma/header-image.png)
Fusuma
JavaScript API による Web プレゼンテーションの作成と管理
オープン ソース JavaScript ライブラリを使用して、プレゼンテーション スライドの操作、スライドのカスタマイズ、目次の作成、画面コンテンツのキャプチャを行うためのアプリを作成します。
Fusuma は、ソフトウェア開発者がプレゼンテーション スライドを操作するためのアプリを簡単に作成できる、使いやすい JavaScript ライブラリです。ライブラリには、新しいスライドの作成、スライドへのタイトルの追加、独自のニーズに応じたスライドのカスタマイズ、目次の作成、画面コンテンツのキャプチャ、書き込みなど、プレゼンテーションの作成と管理に関連するいくつかの重要な機能が含まれています。ホスト側の文字、PDF としてのスライドのエクスポートなど。
このライブラリには、開発者向けの開始モード、生産向けのビルド モード、講演者のメモや録音を目的としたプレゼンテーション モード、ストリーム コメントやツイート向けのライブ モード、その他のエクスポートなど、複数のモードのサポートが含まれています。発表者モードは、スピーチ中に使用できます。このモードは、プレゼンテーション API を持たないブラウザーを使用している場合にも役立ちます。このライブラリは非常に柔軟で、さまざまな種類のチャートやダイアグラムを描画するために使用できます。
ふすまライブラリには、SNS リンク、スライドのコンテンツ リスト、およびさまざまなオプション ボタンを含むサイドバーが用意されています。 Twitterからツイートを取得することも可能です。 Twitter からツイートを取得することに関心がある場合は、Fusuma には `.env` ファイルが必要であることを覚えておいてください。スピーチ中のコメントをストリーミングすることが可能です。
ふすま入門
Fusuma Lib をインストールするための推奨される方法は、NPM を使用することです。完全なインストールには、次のコマンドを使用してください。
NPM を使用して Fusuma をインストールする
$ npm i fusuma -D
JavaScript API によるスライドの作成と変更
開発者は、オープン ソースの JavaScript ライブラリ Fusuma を使用して、プレゼンテーション用の新しいスライドを簡単に作成できます。スライド内にテキスト、画像、およびビデオを追加するためのサポートが含まれています。また、数行の JavaScript コードで簡単にスライドを分割することもできます。スライドに複数の列を簡単に追加したり、スライド内のコンテンツを揃えたりすることも簡単にできます。
スライドにアニメーションを追加する
アニメーションはプレゼンテーションの便利な部分であり、プレゼンテーションをより動的にし、情報をより記憶に残るものにすることができます。オープン ソースの JavaScript ライブラリ Fusuma を使用すると、ソフトウェア開発者は JavaScript コマンドを使用してスライド内にさまざまな種類のアニメーションを適用できます。現時点では、FadeIn、fadeInUp、zoomIn、slideInLeft、slideInRight などの 5 つの基本的なアニメーション効果をサポートしています。
プレゼンテーションを PDF にエクスポート
Fusuma ライブラリには、Java コマンドを使用してプレゼンテーション スライドを PDF ドキュメントにプログラムでエクスポートする機能が含まれています。特定のスライドを PDF ページに簡単にエクスポートすることもできます。画面をキャプチャし、プレゼンターモードで画像ファイルとして保存することも可能です。