reveal.jsを使いこなす

このビデオコースでは、reveal.jsを使って素晴らしいプレゼンテーションを作成するために必要なすべてを学ぶことができます。

reveal.jsのインストール、スライドの作成、プレゼンテーションの設定などの基本から始め、シンタックスハイライトされたコードの表示、自動アニメーションによるスライドコンテンツのアニメーション化、発表者ビューの使用など、より興味深いトピックへと進みます。上級者向けのビデオでは、reveal.js JavaScript API、プラグインの作成、キーボードバインディングのカスタマイズ方法について説明します。(ビデオの全リストを参照してください。)

対象者

このコースは、reveal.jsを初めて使用する方だけでなく、基本を理解していて、すべての機能セットを試してみたいと考えている方を対象としています。

HTML、CSS、JavaScriptの基本的な知識が必要です。HTMLはreveal.jsの基盤であり、コース全体で広く使用されています。CSSとJavaScriptは、主にカスタムテーマの作成、reveal.js APIの操作、ソースコードの編集などのトピックに関する上級者向けビデオで使用されます。

講師

👋 私はHakimです。スウェーデンのフロントエンド開発者であり、reveal.jsの作成者です。reveal.jsをベースにしたプレゼンテーションプラットフォーム兼グラフィカルエディターであるSlides.comを共同設立し、現在もそこで働いています。その他にも、hakim.seでビジュアルデモや実験に取り組むのが大好きです。

reveal.jsの最初のバージョンを10年前にリリースしましたが(!)、最終的に何十万人もの人々に使用されるようになるとは想像もできませんでした。ぜひ参加して、多くの人がreveal.jsでプレゼンテーションを作成することを選択する理由を直接体験してください!

  • ビデオ22本
  • 合計再生時間5時間39分
  • HDストリーミング
  • 4Kダウンロード
  • 無料アップデート

コースはGumroadで販売されています。該当する場合、購入時にVATが加算されます。コースが自分に合わない場合は、100%返金されます。質問は一切ありません。

目次

コースは比較的短いビデオに分かれているため、自分に関係のないトピックや既に知っているトピックは簡単にスキップできます。合計再生時間は5.5時間です。

はじめに
はじめに再生時間
  reveal.jsのインストールと開発サーバーのセットアップ。5:40
  スライドの作成、スライド間のリンク、ドラフトの保存。10:04
  プレゼンテーションの設定。8:23
  縦スライドの操作。9:05
  Markdownを使ったスライドの作成。16:34
コンテンツ作成
  スライドにテキスト、画像、ビデオ、iframeを追加する。10:47
  スタックと自動サイズ調整テキストを使用してスライドコンテンツをレイアウトする。13:58
  フルスクリーンの背景画像、ビデオ、色、iframe。16:26
  シンタックスハイライトされたコードを表示する。21:51
  フラグメントを使用してスライドを段階的に構築する。13:14
  自動アニメーションでスライドコンテンツをアニメーション化する。17:01
設定と機能
  プレゼンテーションのサイズとスケール。14:34
  スライドトランジション。12:36
  コンテンツのテーマ設定と独自のテーマの作成。16:12
  発表者のメモと発表者ビューの使用。11:27
  スライド番号とURL。19:55
  プレゼンテーションをPDFに変換する。10:23
上級(JS)
  初期化と複数プレゼンテーションの実行。19:06
  プラグイン。どこで見つけてどのように作成するか。14:52
  reveal.js APIを使用してプレゼンテーションを制御する。40:32
  キーボードショートカットのカスタマイズ。15:04
  ソースコードの操作。21:09