rvl.io の使い方
by phi
自己紹介
- 名前 ... phi(ファイ)
- 言語 ... C/C++, Python, JavaScript
- 年齢 ... 24 歳
- 仕事 ... 某ソーシャルゲーム会社に勤務
- Twitter ... @phi_jp
- Blog ... TM Life
- 参考書の執筆
- enchant.js開発のレシピ
- enchant.js スマートフォンゲーム開発講座
reveal.js って?
美しいプレゼンテーションを簡単に
作ることができる JavaScript フレームワークです.
CSS の 3D トランスフォームとの
連携で驚くほどキレイな演出が可能です.
rvl.io って?
rvl.io は, reveal.js ベースの
プレゼンテーションを作成できる
オンラインエディタ & プラットフォームです.
視覚的に編集できて(WYSWIG) 簡単に
プレゼンテーションを作成し,
公開することができます.
How to
rvl.io にアクセス
rvl.io(http://rvl.io) にアクセスして下さい.
下記のような画面が表示されます.

ログインボタンでログイン
画面右上にログインボタンがあるので,
それをクリックして下さい.

ログイン画面
OpenID や Google アカウントなどでログインできます.
適当なアカウントでログインして下さい.

管理画面
ログインすると管理画面が表示されます.
私の場合, ヘビーユーザなのでたくさんスライドが
表示されますが初めての方はまだ何も表示されません.

プレゼンを作ろう
画面右上にある New Dock というボタンを
クリックして下さい.

タイトルを入力しよう
タイトルを入力します.
ここで入力した値は URL に影響します.
日本語は使えません.

プレゼンが生成される
プレゼンが生成されます.

編集しよう
直接 WYSWYG 編集できます.
上のバーでボールドにしたり左寄せにしたり
リストにしたりと様々な操作が可能です.

HTML 編集も可能!
一番右にある HTML ボタンを押せば,
直接 HTML 編集も可能です!
私のようなWYSWYG嫌いには嬉しい機能です!!

スライドの追加, 削除
画面右, 画面下それぞれにある+ボタン.
これを押すとその方向に新たな
スライドが追加されます.
削除はスライド左上にある×ボタンで出来ます.

保存したりプレビュー表示したり
右上にあるボタンで様々な操作が可能です.
-
Save ... 編集内容を保存します.
-
Preview ... プレビュー表示できます.
-
Publish ... 公開/非公開の切り替え
-
Settings ... テーマやスライド方式を設定.
-
Export ... HTML として出力します.
最後に
ってな感じで荒削りではありますが rvl.io の
使い方についての解説とさせて頂きます.
元エントリーはこちら
間違いなどありましたらお気軽に
@phi_jp までご連絡下さい.
ありがとうございました
rvl_how_to_use
By phi
rvl_how_to_use
- 7,301