Reveal.js、Ubuntu20.04でCSSとHTMLを使用してプレゼンテーションを作成します

revel.jsについて

次の記事では、Reveal.jsを見ていきます。 このソフトウェアを使用すると、 HTMLとCSSを使用してプレゼンテーションを作成する。 これはオープンソースのHTMLプレゼンテーションフレームワークであり、Webブラウザーを使用するすべてのユーザーがプレゼンテーションを作成できるだけでなく、フレームワークが提供するすべての機能を無料で使用できます。

基本設定は、プレゼンテーションの作成専用です。 完全な構成により、reveal.jsのすべての機能とプラグインにアクセスできるようになります、スピーカーノート、およびフォントを変更するために必要な開発タスク。

reveal.jsを使用して作成されたプレゼンテーションは、オープンWebテクノロジーに基づいています。 この意味は Webでできることは何でも、プレゼンテーションでもできるはずです。。 CSSでスタイルを変更したり、iframeを使用して外部Webページを含めたり、を使用して独自のカスタム動作を追加したりできます。 JavaScript API あなたは何を提供していますか?

のreveal.jsの例 ubunlog

このフレームには、次のような幅広い機能が備わっています。 ネストされたスライド、のサポート 値下げ、自動アニメーション、PDFエクスポート、スピーカーノート、LaTeXサポート、および構文の強調表示.

Ubuntu20.04のReveal.js

Reveal.jsのインストールを開始する前に 最初にいくつかの必要なパッケージをインストールする必要があります。 これを行うには、ターミナルを開いて(Ctrl + Alt + T)、その中で次のコマンドを実行する必要があります。

依存関係をインストールする

sudo apt install curl gnupg2 unzip git

私たちが取らなければならない次のステップは NodeJSバージョン14をインストールします、ただし、バージョン10以降も機能するはずです。 このために、nodejsリポジトリを追加する必要があります。これは、同じターミナルに入力することで実行できます。

nodejsリポジトリ14をインストールします

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

これにより、GPGキーとともにリポジトリを追加するプロセス全体が開始されます。 プロセスが終了したら、次のことができます NodeJSをインストールします 次のコマンドを使用します。

nodejs14をインストールします

sudo apt install nodejs

インストールが完了すると、次のことができるようになります NodeJSのインストールバージョンを確認してください 次のコマンドを実行します。

ノードバージョン

node -v

Reveal.jsをダウンロードしてインストールします

この時点で、ダウンロードを開始します。 これを行うには、 Gitを使用してReveal.jsリポジトリのクローンを作成します。 これを行うには、ターミナルを開いて(Ctrl + Alt + T)、次のコマンドを実行するだけです。

reveal.jsをダウンロード

git clone https://github.com/hakimel/reveal.js.git

クローン作成が完了すると、コンピューター上にrevel.jsというフォルダーが見つかります。 それにアクセスするにはe アプリをインストールする、ターミナルで次のコマンドを使用するだけで済みます(Ctrl + Alt + T):

reveal.jsをインストールします

cd reveal.js

sudo npm install

すべてのアプリケーションの依存関係がインストールされたら、 これで、次のコマンドを使用して実行できます:

reveal.jsサーバーを起動します

npm start

前のコマンドは、サーバーのIPアドレスとともに、デフォルトのポートであるポート8000​​を介してサービスが提供されることを示しています。 今、私たちはただしなければなりません お気に入りのウェブブラウザを開いて、 http://ip-servidor:8000。 この方向では、reveal.jsのデフォルトの表示が表示されます。これは、インストールが成功したことを示します。

reveal.jsを開始します

私たちもできるようになります –portを使用してポートを変更します 次のように:

npm start -- --port=8001

reveal.jsをインストールしたら、次のガイドを参照することをお勧めします。 マークアップオプションコンフィギュレーション このフレームワークを微調整します。 reveal.jsのインストール方法の詳細については、 ユーザーはまた相談することができます GitHubのページ プロジェクトの.

Reveal.jsは、PowerPointの代わりにプレゼンテーションを作成するためのもので、教育や職場でも使用できます。 この記事の指示に従うことで、すべてのユーザーが次のことができるようになります。 このプログラムをUbuntu20.04システムにインストールします。 HTMLとCSSを使用して、誰でも優れたプレゼンテーションを作成できます。

このアプリケーションの使用方法について詳しく知りたい場合は、プロジェクトのWebサイトで、ユーザーは次のことができるようになります。 相談する 公式ドキュメント。 その中で、その作成者は、このツールを非常に簡単かつ迅速に操作する方法を示しています。

プラットフォームスライドの例

HTMLやMarkdownを記述せずにreveal.jsの利点を享受できることに興味がある場合、作成者はテストする可能性も提供します Slides.com。 これは、reveal.jsのすべての機能を備えたビジュアルエディターおよびプラットフォームです。.


コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。