---
layout: ja
title: "サンプルスライド: Rabbit"
apply_data: false
---
 // 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,
 #         :normalized_width => 50,
 #         :normalized_height => 50,
 #         :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 => "兎",
 #          :normalized_width => 50,
 #          :normalized_height => 50,
 #          :relative_width => 100,
           :relative_height => 50,
          })}}

 ! 外部画像

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

 {{image("http://www.cozmixng.org/repos/images/cozmixchu.png",
         :caption => "こずみっくちゅー")}}

 // [[こずみっくちゅー|http://www.cozmixng.org/repos/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
 >>>

 以上がソース

 ! ソース: 色付き

 以下がソース

 <<< ruby
 # 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
 ## レベル2-1
 ### レベル3-1
 ### レベル3-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・テキストベースのソース
