// To run with it without system install.
//  % ruby -I./lib bin/rabbit -f sample/rabbit.hiki
// $Id$

! Rabbit

:subtitle:Wiki記法でプレゼンテーション
:author:須藤功平
:institution:COZMIXNG
//:content_source:出典
:theme:rabbit

! Rabbit

プレゼンテーションツール

* 実装: Ruby/GTK+ 2/cairo
* 動作: PC-UNIX/Win/Mac
* 書式: Wiki/RD/PDF
* 見た目: Ruby{{note('（ソースと分離）')}}

! 機能: 表示（1）

* ''強調''・==削除==
* 下付き{{sub('文字')}}・上付き{{sup('文字')}}
* 数式記号: {{e('sum')}}{{sub('i=0')}}{{e('sum', sub('i=0'))}}
* ソースの色付け

! 機能: 表示（2）

* 表
* おもしろテーマ
* 画像
** 対応フォーマット多数
** PNG/JPEG/.../PDF/EPS/SVG

! 機能: 表示（3）

* 長い行の折り畳み
* ソースの色付け
* 大きな文字

! 機能: UI（1）

* 豊富なキーバインド
* 右クリックメニュー
* マウスジェスチャ
* スポットライト
* 虫眼鏡

! 機能: UI（2）

* 一覧ページ
* 落書き
* {{wait}}ポーズ
* {{wait}}国際化
* スライド内検索

! 機能: UI（3）

* ホワイト・ブラックアウト
** スライド白塗り・黒塗り
* ラビットホール
** スライドに穴
* 持ち時間の残りを視覚化
** うさぎとかめ

! 機能: 入力

* ファイル
* 標準入力
* HTTP
* Hiki
* SlideShare

! 機能: 入力書式

* Wiki（Hiki）
* RD
* PDF
** {{e('RightArrow')}}PDFビューア

! 機能: 出力

* 画像
* 画像 + HTML
* PS/PDF
* 印刷用PS/PDF
** nスライド/ページ

! 機能: 外部API

* HTTP
* dRuby
* XML-RPC
* SOAP

! 機能: 作成支援

* ソースの自動再読み込み
* テーマの再読み込み
* テーマの切り替え

! 機能: タグ

{{tag('x-large', 'Large Text')}}

{{tag('center')}}Centerized Text

{{tag('right')}}Right-Justified Text

! ToDo

* インラインでの画像表示
* リンク先へのジャンプ
* サウンド
* ビデオ
* 3D

! 画像

{{image("lavie.png",
        {
         :caption => "Lavie",
         :width => 100,
         :height => 100,
#         :relative_width => 100,
#         :relative_height => 50,
        })}}

! 画像: 鏡面反射

{{image("shocker.jpg",
        {
          :relative_height => 80,
          :reflect_ratio => 0.5,
        })}}

! 画像: 背景（1）

* 背景画像
* デフォルトはセンタリング

!! プロパティ

:background-image:lavie.png
:background-image-relative-width:50
//:background-image-align:right
//:background-image-relative-margin-right:3

! 画像: 背景（2）

{{image("lavie.png",
        {
          :relative_width => 30,
          :align => "right",
#         :vertical_align => "top",
          :relative_margin_right => -5,
        })}}

* 右寄せ背景画像
* スライド内で指定
** :align => "right"

! 画像サイズ

スライドサイズに応じて変更可能

{{image("usagi.png",
        {
          :caption => "兎",
#          :relative_width => 100,
          :relative_height => 50,
         })}}

! 外部画像

URL先の画像をダウンロード

{{image("https://raw.githubusercontent.com/rabbit-shocker/rabbit/master/data/rabbit/image/cozmixng-images/cozmixchu.png",
        :caption => "こずみっくちゅー")}}

// [[こずみっくちゅー|https://raw.githubusercontent.com/rabbit-shocker/rabbit/master/data/rabbit/image/cozmixng-images/cozmixchu.png]]
// ↑の書式はまだ使えない

! 数式

* 書式: TeX{{note("（っぽい）")}}
* バックエンド
** LaTeX
** mimeTeX

! LaTeX

{{latex(<<-'EOL', :relative_width => 80)
$f(x)=\displaystyle\int_{-\infty}^x~e^{-t^2}dt$

\LaTeX
EOL
}}

! mimeTeX

{{mimetex('\Large f(x)=\Bigint_{-\infty}^x~e^{-t^2}dt',
          :relative_width => 80)}}

! EPS

事前にEPSで作成{{note('（gsが必要）')}}

{{image('equation.eps',
        :relative_width => 80)}}

! SVG

{{image('spiral.svg',
        :relative_height => 100)}}

! Dia

{{image('rabbit.dia',
        :relative_width => 90)}}

! GIMP

{{image('rabbit.xcf',
        :relative_height => 100)}}

! aafigure

{{aafigure("
あいうえお
A   B   C   D   E   F   G   H   I   J   K   L   M
 AA  BB  CC  DD  EE  FF  GG  HH  II  JJ  KK  LL  MM
 AA  BB  CC  DD  EE  FF  GG  HH  II  JJ  KK  LL  MM

 aa  bb  cc  dd  ee  ff  gg  hh  ii  jj  kk  ll  mm
 aa  bb  cc  dd  ee  ff  gg  hh  ii  jj  kk  ll  mm

N   O   P   Q   R   S   T   U   V   W   X   Y   Z
 NN  OO  PP  QQ  RR  SS  TT  UU  VV  WW  XX  YY  ZZ
 NN  OO  PP  QQ  RR  SS  TT  UU  VV  WW  XX  YY  ZZ

 nn  oo  pp  qq  rr  ss  tt  uu  vv  ww  xx  yy  zz
 nn  oo  pp  qq  rr  ss  tt  uu  vv  ww  xx  yy  zz",
           {
             :relative_width => 90,
#            :foreground => "#ff3333",
#            :option => "font=mikachan",
           })}}

! 折り返し

なーーーーーーーーーーーーーーーーーーーーーーーーーーーーーがーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーい行は？

! ソース

以下がソース

<<<
# comment
def method_name
  body
end

以上がソース

ソース: 色付き

以下がソース

# comment
def method_name
  body
end

以上がソース

引用

You take the red pill, you stay in Wonderland and I show you how deep the rabbit-hole goes.

箇条書き

  1. レベル1-1
    1. レベル2-1
      1. レベル3-1
      2. レベル3-2
    2. レベル2-2
  2. レベル1-2

ラベル付きリスト

Rabbit
うさぎ
Tortoise
かめ
うさぎ
Rabbit

表

みだし1みだし2
内容1内容2
長ーーーーーい内容3長ーーーーーーーーーーーーーーーーーーい内容4

Anthy

ひらがなをかんじにへんかんできます。

いみもつかいみちもないです。

変換後:

{{anthy(<<-EOA) ひらがなをかんじにへんかんできます。 いみもつかいみちもないです。 EOA }}

操作: 移動

次ページ
次に進みそうなキー/左クリック\nn, f, j, l, Spc, Ret, +, {{e('DownArrow')}}, {{e('RightArrow')}}
前ページ
前に進みそうなキー/中クリック\np, b, k, h, BS, Del, -, {{e('UpArrow')}}, {{e('LeftArrow')}}

操作: 高度な移動

タイトルページへ移動
a, 0, <, Home
nページ目へ移動
1-9, +Ctrl=+10, +Alt=+20
最後のページへ移動
e, $, >, End

操作: 本番用（1）

フルスクリーン切替え
F5, F10, F11, ジェスチャ{{e('DownArrow')}}{{e('UpArrow')}}
一覧モード切替え
i
一覧モードからページ移動
ダブルクリック

操作: 本番用（2）

キャッシュ作成
c
情報ウィンドウ表示切替え
I

操作: 本番用（3）

虫眼鏡
Ctrl+右クリック\nホイールで拡大率変更
スポットライト
ダブル右クリック\nホイールで半径変更

操作: 本番用（4）

落書き
ポップアップ（右クリック）→\n落書きモード
マウスジェスチャー
右ドラッグ

操作: 本番用（5）

ホワイトアウト
W
ブラックアウト
B

操作: 保存

スクリーンショット
各ページを画像として保存\ns
印刷
各ページをPS/PDFとして保存\nCtrl+p

操作: 描画

再描画
Ctrl+l
テーマ再読み込み
t, r
スライドの調整値をリセット
Alt+a

操作: 穴

穴を広げる
E
穴を狭める
N

操作: 検索

次を検索
C-s, /
前を検索
C-r, ?
検索終了
C-g

操作: 終了

終了
q, Escape
アイコン化
z

まとめ

  • プレゼンテーションツール
  • マルチプラットフォーム
  • 機能/UI: 高機能/ユニーク
  • キーボード重視
    • UI・テキストベースのソース

>>>