rabbit 1.0.0 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (119) hide show
  1. data/Gemfile +0 -1
  2. data/doc/_layouts/en.html +1 -1
  3. data/doc/_layouts/ja.html +1 -1
  4. data/doc/en/news.rd +10 -0
  5. data/doc/index.html.en +1 -1
  6. data/doc/index.html.ja +1 -1
  7. data/doc/ja/news.rd +10 -0
  8. data/lib/rabbit/rabbit.rb +1 -1
  9. metadata +15 -139
  10. data/doc/_site/css/jquery-ui/themes/ui-lightness.css +0 -573
  11. data/doc/_site/css/rabbit.css +0 -287
  12. data/doc/_site/en/development.html +0 -140
  13. data/doc/_site/en/faq.html +0 -117
  14. data/doc/_site/en/hiki.html +0 -420
  15. data/doc/_site/en/how-to-make/hiki.html +0 -113
  16. data/doc/_site/en/how-to-make/index.html +0 -135
  17. data/doc/_site/en/how-to-make/pdf.html +0 -111
  18. data/doc/_site/en/how-to-make/rd.html +0 -151
  19. data/doc/_site/en/how-to-make/theme.html +0 -249
  20. data/doc/_site/en/index.html +0 -343
  21. data/doc/_site/en/install/homebrew.html +0 -273
  22. data/doc/_site/en/install/index.html +0 -146
  23. data/doc/_site/en/install/macports.html +0 -158
  24. data/doc/_site/en/install/windows.html +0 -200
  25. data/doc/_site/en/news.html +0 -1039
  26. data/doc/_site/en/rd.html +0 -555
  27. data/doc/_site/en/sample/hiki/rabbit.html +0 -380
  28. data/doc/_site/en/sample/index.html +0 -117
  29. data/doc/_site/en/sample/rd/rabbit.html +0 -572
  30. data/doc/_site/en/slides.html +0 -113
  31. data/doc/_site/en/usage.html +0 -445
  32. data/doc/_site/en/users.html +0 -127
  33. data/doc/_site/favicon.ico +0 -0
  34. data/doc/_site/favicon.png +0 -0
  35. data/doc/_site/images/background-sample.svg +0 -290
  36. data/doc/_site/images/background.png +0 -0
  37. data/doc/_site/images/background.svg +0 -131
  38. data/doc/_site/images/hare-and-tortoise.png +0 -0
  39. data/doc/_site/images/hare-and-tortoise.svg +0 -541
  40. data/doc/_site/images/jp.png +0 -0
  41. data/doc/_site/images/lavie-icon.png +0 -0
  42. data/doc/_site/images/lavie.png +0 -0
  43. data/doc/_site/images/screenshots/en/blue-circle-raw.png +0 -0
  44. data/doc/_site/images/screenshots/en/blue-circle.png +0 -0
  45. data/doc/_site/images/screenshots/en/clear-blue-raw.png +0 -0
  46. data/doc/_site/images/screenshots/en/clear-blue.png +0 -0
  47. data/doc/_site/images/screenshots/en/cozmixng-raw.png +0 -0
  48. data/doc/_site/images/screenshots/en/cozmixng.png +0 -0
  49. data/doc/_site/images/screenshots/en/dark-gradation-raw.png +0 -0
  50. data/doc/_site/images/screenshots/en/dark-gradation.png +0 -0
  51. data/doc/_site/images/screenshots/en/day-white-raw.png +0 -0
  52. data/doc/_site/images/screenshots/en/day-white.png +0 -0
  53. data/doc/_site/images/screenshots/en/debian-raw.png +0 -0
  54. data/doc/_site/images/screenshots/en/debian.png +0 -0
  55. data/doc/_site/images/screenshots/en/green-circle-raw.png +0 -0
  56. data/doc/_site/images/screenshots/en/green-circle.png +0 -0
  57. data/doc/_site/images/screenshots/en/night-black-raw.png +0 -0
  58. data/doc/_site/images/screenshots/en/night-black.png +0 -0
  59. data/doc/_site/images/screenshots/en/rabbit-raw.png +0 -0
  60. data/doc/_site/images/screenshots/en/rabbit.png +0 -0
  61. data/doc/_site/images/screenshots/en/ranguba-raw.png +0 -0
  62. data/doc/_site/images/screenshots/en/ranguba.png +0 -0
  63. data/doc/_site/images/screenshots/en/red-frame-raw.png +0 -0
  64. data/doc/_site/images/screenshots/en/red-frame.png +0 -0
  65. data/doc/_site/images/screenshots/en/ruby-gnome2-raw.png +0 -0
  66. data/doc/_site/images/screenshots/en/ruby-gnome2.png +0 -0
  67. data/doc/_site/images/screenshots/ja/blue-circle-raw.png +0 -0
  68. data/doc/_site/images/screenshots/ja/blue-circle.png +0 -0
  69. data/doc/_site/images/screenshots/ja/clear-blue-raw.png +0 -0
  70. data/doc/_site/images/screenshots/ja/clear-blue.png +0 -0
  71. data/doc/_site/images/screenshots/ja/cozmixng-raw.png +0 -0
  72. data/doc/_site/images/screenshots/ja/cozmixng.png +0 -0
  73. data/doc/_site/images/screenshots/ja/dark-gradation-raw.png +0 -0
  74. data/doc/_site/images/screenshots/ja/dark-gradation.png +0 -0
  75. data/doc/_site/images/screenshots/ja/day-white-raw.png +0 -0
  76. data/doc/_site/images/screenshots/ja/day-white.png +0 -0
  77. data/doc/_site/images/screenshots/ja/debian-raw.png +0 -0
  78. data/doc/_site/images/screenshots/ja/debian.png +0 -0
  79. data/doc/_site/images/screenshots/ja/green-circle-raw.png +0 -0
  80. data/doc/_site/images/screenshots/ja/green-circle.png +0 -0
  81. data/doc/_site/images/screenshots/ja/night-black-raw.png +0 -0
  82. data/doc/_site/images/screenshots/ja/night-black.png +0 -0
  83. data/doc/_site/images/screenshots/ja/rabbit-raw.png +0 -0
  84. data/doc/_site/images/screenshots/ja/rabbit.png +0 -0
  85. data/doc/_site/images/screenshots/ja/ranguba-raw.png +0 -0
  86. data/doc/_site/images/screenshots/ja/ranguba.png +0 -0
  87. data/doc/_site/images/screenshots/ja/red-frame-raw.png +0 -0
  88. data/doc/_site/images/screenshots/ja/red-frame.png +0 -0
  89. data/doc/_site/images/screenshots/ja/ruby-gnome2-raw.png +0 -0
  90. data/doc/_site/images/screenshots/ja/ruby-gnome2.png +0 -0
  91. data/doc/_site/images/us.png +0 -0
  92. data/doc/_site/index.html.en +0 -128
  93. data/doc/_site/index.html.ja +0 -128
  94. data/doc/_site/ja/about.html +0 -120
  95. data/doc/_site/ja/development.html +0 -141
  96. data/doc/_site/ja/faq.html +0 -243
  97. data/doc/_site/ja/hiki.html +0 -416
  98. data/doc/_site/ja/how-to-make/hiki.html +0 -113
  99. data/doc/_site/ja/how-to-make/index.html +0 -135
  100. data/doc/_site/ja/how-to-make/pdf.html +0 -112
  101. data/doc/_site/ja/how-to-make/rd.html +0 -161
  102. data/doc/_site/ja/how-to-make/theme.html +0 -254
  103. data/doc/_site/ja/index.html +0 -351
  104. data/doc/_site/ja/install/homebrew.html +0 -273
  105. data/doc/_site/ja/install/index.html +0 -148
  106. data/doc/_site/ja/install/macports.html +0 -174
  107. data/doc/_site/ja/install/windows.html +0 -200
  108. data/doc/_site/ja/news.html +0 -1030
  109. data/doc/_site/ja/rd.html +0 -565
  110. data/doc/_site/ja/sample/hiki/rabbit.html +0 -390
  111. data/doc/_site/ja/sample/index.html +0 -117
  112. data/doc/_site/ja/sample/rd/rabbit.html +0 -580
  113. data/doc/_site/ja/slides.html +0 -142
  114. data/doc/_site/ja/usage.html +0 -449
  115. data/doc/_site/ja/users.html +0 -331
  116. data/doc/_site/javascripts/jquery-ui.js +0 -11544
  117. data/doc/_site/javascripts/jquery.js +0 -7179
  118. data/doc/_site/screenshot.en.rab +0 -10
  119. data/doc/_site/screenshot.ja.rab +0 -10
@@ -1,141 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="ja">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <title>Rabbit - 開発</title>
6
- <link rel="shortcut icon" href="/favicon.ico"
7
- type="image/vnd.microsfot.icon">
8
- <link rel="icon" href="/favicon.png" type="image/png">
9
- <link rel="stylesheet" href="/css/jquery-ui/themes/ui-lightness.css"
10
- type="text/css">
11
- <link rel="stylesheet" href="/css/rabbit.css" type="text/css">
12
- <meta property="fb:page_id" content="rabbit.shockers">
13
- <meta property="fb:admins" content="kouhei.sutou">
14
- <meta property="og:type" content="product">
15
- <meta property="og:image"
16
- content="http://rabbit-shockers.org/images/lavie.png">
17
- <meta property="og:site_name" content="Rabbit">
18
- <script type="text/javascript" src="/javascripts/jquery.js"></script>
19
- <script type="text/javascript" src="/javascripts/jquery-ui.js"></script>
20
- <!--[if lt IE 9]>
21
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
22
- <![endif]-->
23
- </head>
24
- <body>
25
- <header id="header">
26
- <h1 class="title">
27
- <a href="/">
28
- <span class="project">Rabbit</span>
29
- <span class="separator">-</span>
30
- <span class="description">開発</span>
31
- </a>
32
- </h1>
33
- <div class="facebook-buttons">
34
- <fb:like href="http://www.facebook.com/pages/Rabbit/202603309766491"
35
- layout="standard"></fb:like>
36
- </div>
37
- <pre id="install" class="command">gem install rabbit</pre>
38
- <div class="other-language-links">
39
- <ul>
40
-
41
-
42
- <li><a href="/en/development.html" alt="English" title="English"><img src="/images/us.png"></a></li>
43
-
44
-
45
- </ul>
46
- </div>
47
- </header>
48
-
49
- <nav class="menu">
50
- <ul>
51
- <li><a href="/ja/">はじめに</a></li>
52
- <li><a href="/ja/install/">インストール</a></li>
53
- <li><a href="/ja/usage.html">使い方</a></li>
54
- <li><a href="/ja/how-to-make/">作り方</a></li>
55
- <li><a href="/ja/users.html">ショッカー</a></li>
56
- <li><a href="/ja/development.html">開発</a></li>
57
- </ul>
58
- </nav>
59
-
60
-
61
- <div id="body">
62
- <div id="main">
63
- <section class="contents">
64
- <h2><a name="label-0" id="label-0">リポジトリ</a></h2><!-- RDLabel: "リポジトリ" -->
65
- <p>Rabbitのリポジトリは
66
- <a href="https://github.com/shockers/rabbit/">GitHub</a>にありま
67
- す。</p>
68
- <h2><a name="label-1" id="label-1">コミットメール</a></h2><!-- RDLabel: "コミットメール" -->
69
- <p>以下のメーリングリストにコミットメール毎に変更点が流れます。
70
- メーリングリストに参加することで開発状況を確認できます。メー
71
- リングリストに参加するには以下のようなメールを送信してくださ
72
- い。</p>
73
- <pre>To: rabbit-commit@ml.cozmixng.org
74
- Cc: null@cozmixng.org
75
- Subject: 登録
76
-
77
- 登録</pre>
78
- <h2><a name="label-2" id="label-2">バグの報告方法</a></h2><!-- RDLabel: "バグの報告方法" -->
79
- <p>ご意見ご要望不具合報告等は作者へのメール、メーリングリスト
80
- (メーリングリストについては<a href="users.html">ユーザ</a>ページを見
81
- てください)、<a href="https://github.com/shockers/rabbit/issues">GitHubの
82
- Issues</a>をご利
83
- 用ください。</p>
84
- <h2><a name="label-3" id="label-3">開発へ参加</a></h2><!-- RDLabel: "開発へ参加" -->
85
- <p>Rabbitプロジェクトはみなさんが開発に参加してくれることを歓迎
86
- します!</p>
87
- <h3><a name="label-4" id="label-4">テーマ</a></h3><!-- RDLabel: "テーマ" -->
88
- <p>新しいテーマを作ったら、ぜひメーリングリストなどで教えてくだ
89
- さい。Rabbit本体に取り込みませんか?</p>
90
- <h3><a name="label-5" id="label-5">ドキュメント</a></h3><!-- RDLabel: "ドキュメント" -->
91
- <p>Rabbitのドキュメントが不足しています。まずは、あなたの知って
92
- いることを<a href="faq.html">FAQ</a>ページに書いてみませんか?</p>
93
- <p>慣れてきたら<a href="how-to-make/">スライドの作り方</a>ページの内
94
- 容を充実させませんか?あるいは、既存の日本語のドキュメントを
95
- 英語に翻訳しませんか?</p>
96
- </section>
97
- </div>
98
- <nav id="sidebar">
99
- <h3>最新リリース</h3>
100
- <p>2011-07-15にリリースされた<a href="/ja/news.html">1.0.0</a>が最新リリースです。</p>
101
- <h3>リンク</h3>
102
- <ul>
103
- <li><a href="/ja/">はじめに</a></li>
104
- <li><a href="/ja/install/">インストール</a></li>
105
- <li><a href="/ja/usage.html">使い方</a></li>
106
- <li><a href="/ja/how-to-make/">作り方</a></li>
107
- <li><a href="/ja/users.html">ショッカー</a></li>
108
- <li><a href="/ja/development.html">開発</a></li>
109
- </ul>
110
- </nav>
111
- </div>
112
-
113
-
114
- <footer>
115
- <p class="copyright">&copy; 2004-2011 Kouhei Sutou.</p>
116
- </footer>
117
- <script src="http://connect.facebook.net/ja_JP/all.js"></script>
118
- <script>
119
- FB.init({
120
- appId : null,
121
- status : true, // check login status
122
- cookie : true, // enable cookies to allow the server to access the session
123
- xfbml : true // parse XFBML
124
- });
125
- </script>
126
- <script type="text/javascript">
127
- if (document.location.protocol != "file:" &&
128
- document.location.host != "localhost") {
129
- var _gaq = _gaq || [];
130
- _gaq.push(['_setAccount', 'UA-12143252-4']);
131
- _gaq.push(['_trackPageview']);
132
-
133
- (function() {
134
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
135
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
136
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
137
- })();
138
- }
139
- </script>
140
- </body>
141
- </html>
@@ -1,243 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="ja">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <title>Rabbit - FAQ</title>
6
- <link rel="shortcut icon" href="/favicon.ico"
7
- type="image/vnd.microsfot.icon">
8
- <link rel="icon" href="/favicon.png" type="image/png">
9
- <link rel="stylesheet" href="/css/jquery-ui/themes/ui-lightness.css"
10
- type="text/css">
11
- <link rel="stylesheet" href="/css/rabbit.css" type="text/css">
12
- <meta property="fb:page_id" content="rabbit.shockers">
13
- <meta property="fb:admins" content="kouhei.sutou">
14
- <meta property="og:type" content="product">
15
- <meta property="og:image"
16
- content="http://rabbit-shockers.org/images/lavie.png">
17
- <meta property="og:site_name" content="Rabbit">
18
- <script type="text/javascript" src="/javascripts/jquery.js"></script>
19
- <script type="text/javascript" src="/javascripts/jquery-ui.js"></script>
20
- <!--[if lt IE 9]>
21
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
22
- <![endif]-->
23
- </head>
24
- <body>
25
- <header id="header">
26
- <h1 class="title">
27
- <a href="/">
28
- <span class="project">Rabbit</span>
29
- <span class="separator">-</span>
30
- <span class="description">FAQ</span>
31
- </a>
32
- </h1>
33
- <div class="facebook-buttons">
34
- <fb:like href="http://www.facebook.com/pages/Rabbit/202603309766491"
35
- layout="standard"></fb:like>
36
- </div>
37
- <pre id="install" class="command">gem install rabbit</pre>
38
- <div class="other-language-links">
39
- <ul>
40
-
41
-
42
- <li><a href="/en/faq.html" alt="English" title="English"><img src="/images/us.png"></a></li>
43
-
44
-
45
- </ul>
46
- </div>
47
- </header>
48
-
49
- <nav class="menu">
50
- <ul>
51
- <li><a href="/ja/">はじめに</a></li>
52
- <li><a href="/ja/install/">インストール</a></li>
53
- <li><a href="/ja/usage.html">使い方</a></li>
54
- <li><a href="/ja/how-to-make/">作り方</a></li>
55
- <li><a href="/ja/users.html">ショッカー</a></li>
56
- <li><a href="/ja/development.html">開発</a></li>
57
- </ul>
58
- </nav>
59
-
60
-
61
- <div id="body">
62
- <div id="main">
63
- <section class="contents">
64
- <h2><a name="label-0" id="label-0">FAQ</a></h2><!-- RDLabel: "FAQ" -->
65
- <p>以下のような形式でよくある質問に対する答えが書かれています。</p>
66
- <h2><a name="label-1" id="label-1">質問...</a></h2><!-- RDLabel: "質問..." -->
67
- <p>答え...</p>
68
- <h2><a name="label-2" id="label-2">Twitterのtweetをスライド中に表示するには?</a></h2><!-- RDLabel: "Twitterのtweetをスライド中に表示するには?" -->
69
- <p>rabbiterコマンドを使います。Rabbitが起動した状態で以下のよう
70
- にrabbitterコマンドを起動すると、「twitter」という単語が含ま
71
- れたtweetがコメントとしてスライド下部に表示されます。</p>
72
- <pre>% rabbiter --filter ruby</pre>
73
- <h2><a name="label-3" id="label-3">Twitterのtweetをニコニコ動画のようにスライド上に流すには?</a></h2><!-- RDLabel: "Twitterのtweetをニコニコ動画のようにスライド上に流すには?" -->
74
- <p><kbd>--comment-theme stream-comment</kbd>オプション付きで
75
- <kbd>rabbit</kbd>コマンドを実行してください。</p>
76
- <pre>% rabbit --comment-theme stream-comment slide.rab</pre>
77
- <p><kbd>rabbiter</kbd>コマンドでTwitterからtweetを取り込むと、スライ
78
- ド上をコメントが流れていきます。</p>
79
- <h2><a name="label-4" id="label-4">1ページに複数枚のスライドが入ったPDFを作るには?</a></h2><!-- RDLabel: "1ページに複数枚のスライドが入ったPDFを作るには?" -->
80
- <p>XXX.rdから1ページに8枚のスライドが入ったPDF(XXX_multi.pdf)を
81
- 作成する手順は以下の通りです.</p>
82
- <pre>% rabbit -p --slides-per-page 8 -o XXX_multi.pdf XXX.rd</pre>
83
- <h2><a name="label-5" id="label-5">PDFでうさぎと亀を使いたいときは?</a></h2><!-- RDLabel: "PDFでうさぎと亀を使いたいときは?" -->
84
- <p>--allotted-timeオプションを使います。</p>
85
- <pre>% rabbit --allotted-time 5m slide.pdf</pre>
86
- <p>--allotted-timeの値の書式はスライド中に</p>
87
- <pre># _
88
- : allotted-time
89
- 5m</pre>
90
- <p>と書くときと同じものが使えます。</p>
91
- <p>上の例だと「5m」なので、亀が5分かけて走ります。</p>
92
- <h2><a name="label-6" id="label-6">亀を元に戻したいときは?</a></h2><!-- RDLabel: "亀を元に戻したいときは?" -->
93
- <pre>Alt+t</pre>
94
- <h2><a name="label-7" id="label-7">高橋メソッドスライドの中に普通のスライドを混ぜたいときは?</a></h2><!-- RDLabel: "高橋メソッドスライドの中に普通のスライドを混ぜたいときは?" -->
95
- <p>高橋メソッド用のテーマはRabbitではlightning-talkと呼ばれています.</p>
96
- <p>通常,高橋メソッドのみを使ったスライドを作成する場合は以下のように「lightning-talk」テーマを使います.</p>
97
- <pre>= タイトル
98
- : author
99
- オレ
100
- : theme
101
- lightning-talk # &lt;= こんな感じ
102
-
103
- = オレは
104
-
105
- = オレだ</pre>
106
- <p>もし,高橋メソッドを使ったスライドだけではなく,箇条書きなどを使った「普通の」スライドを混ぜたい場合はこれではうまくいきません.なぜなら,「lightning-talk」テーマは箇条書きなどの見栄え定義を持たないからです.</p>
107
- <p>これを解決するには,テーマを混ぜます.実は,「ligntning-talk」と混ざったテーマが標準でいくつか用意されています.例えば,「rabbit」テーマと「lignting-talk」テーマを混ぜた「lightning-rabbit」です.このテーマを使うと以下のように,高橋メソッドを使ったスライドと普通の「rabbit」テーマのスライドを混ぜることができます.</p>
108
- <pre>= タイトル
109
- : author
110
- オレ
111
- : theme
112
- lightning-rabbit
113
-
114
- = オレは
115
-
116
- = ...
117
-
118
- * ...
119
- * ...
120
- * ...
121
-
122
- = オレだ</pre>
123
- <p>「lightning-rabbit」テーマは以下のようにとても小さなテーマです.</p>
124
- <pre># enscript ruby
125
- include_theme("rabbit") # (1)
126
-
127
- @lightning_talk_proc_name = "lightning-rabbit"
128
- @lightning_talk_as_large_as_possible = true
129
- include_theme("lightning-talk-toolkit")
130
-
131
- match(Slide) do |slides|
132
- slides.each do |slide|
133
- if slide.lightning_talk? # (2)
134
- slide.lightning_talk # (3)
135
- end
136
- end
137
- end</pre>
138
- <p>作戦は,以下のようになっています.</p>
139
- <ol>
140
- <li>ベースとなるテーマを適用する.((1)の部分)</li>
141
- <li>lightning-talk用のスライドだけ((2)の部分)
142
- 見栄えをlightning-talk用の見栄え定義で上書きする.((3)の部分)</li>
143
- </ol>
144
- <p>これを応用すれば,簡単にちょっとだけ高橋メソッドを使ったプレゼンテーションを行うことができます.注意点は「<em>slide.lightning_talkは最後に!</em>」ということです.これは,既存の見栄えを上書きするという作戦を用いているためです.</p>
145
- <p>ちなみに,<code>slide.lightning_talk</code>の別名として<code>slide.takahashi</code>が,<code>slide.lightning_talk?</code>の別名として<code>slide.takahashi?</code>が用意されています.</p>
146
- <p>Happy Rabbitting!</p>
147
- <h2><a name="label-8" id="label-8">特定のスライドだけプロパティを変えたい時は?</a></h2><!-- RDLabel: "特定のスライドだけプロパティを変えたい時は?" -->
148
- <p>例えば以下は "Redhanded" を含むスライドのフォントをイタリックに変更します。</p>
149
- <pre>match Slide do |slides|
150
- slides.each do |slide|
151
- if slide.match?(/Redhanded/)
152
- slide.prop_set("style", "italic")
153
- end
154
- end
155
- end</pre>
156
- <h2><a name="label-9" id="label-9">改行をするには?</a></h2><!-- RDLabel: "改行をするには?" -->
157
- <p>以下のように書きます.</p>
158
- <pre>\n</pre>
159
- <p>これはスライドの内容だけではなく,スライドタイトルでも有効です.</p>
160
- <p>TODO: 前は&amp;NewLine;と書かなきゃいけなかったけど、今は\nで書
161
- けるようにしたから↓は古くなっている。どうしよう。</p>
162
- <p>RabbitにはRubyと同じ魔法の粉がかかっています.つまり,「やってはいけないことは汚く見える」ようになっています<a name="footmark-1" id="footmark-1" href="#foottext-1"><sup><small>*1</small></sup></a>.</p>
163
- <p>Rabbitで改行が書きづらくて,書くとソースが見づらくるのも,Rabbitが改行をできるだけ使わないで欲しいからです.</p>
164
- <p>できるだけ使わないで欲しい一番の理由は「スライドには改行をしなければいけないくらい長い文章は書かない方がよい」からです.文章が長くなってしまった場合は,改行をすることを考える前にその文章を短く言い替えられないかなどを考えた方がよいでしょう.</p>
165
- <p>スライドに長い文章を書くと,聞いている人はスライドの内容を読むことに集中して,発表者への注意が少なくなってしまいがちです.プレゼンテーションのテクニックとして,「大事なこと,一番言いたいことを話すときは発表者に注目させる」というものがあります<a name="footmark-2" id="footmark-2" href="#foottext-2"><sup><small>*2</small></sup></a>.スライドに長い文章を書いていると,このテクニックが使いづらくなってしまいます.</p>
166
- <h2><a name="label-10" id="label-10">ブラックアウト?ホワイトアウト?</a></h2><!-- RDLabel: "ブラックアウト?ホワイトアウト?" -->
167
- <p>スライド全体を黒または白くして,スライドの内容を見えなくして,「発表者に注目させる」というテクニックを使うときに利用するための機能です.</p>
168
- <p>ブラックアウトは<kbd>B</kbd>で,ホワイトアウトは<kbd>W</kbd>で切替えることができます.それぞれのキーバインドの理由は<em>B</em>lackと<em>W</em>hiteです.</p>
169
- <h2><a name="label-11" id="label-11">タイトルスライドの背景を指定するには?</a></h2><!-- RDLabel: "タイトルスライドの背景を指定するには?" -->
170
- <p>title-background-colorテーマを使います.</p>
171
- <p>例えば,背景を赤くしたい場合は以下のようにします.</p>
172
- <pre>@title_background_color = "red"
173
- include_theme("title-background-color")</pre>
174
- <p>背景色の指定には<code>#RRGGBB</code>形式も使えます.以下の例も背景を赤くします.</p>
175
- <pre>@title_background_color = "#ff0000"
176
- include_theme("title-background-color")</pre>
177
- <p>色ではなくて,画像を指定したいときはtitle-background-imageテーマを使います.</p>
178
- <p>以下は背景にマスコットキャラクタ「ラビィ」を指定する例です.</p>
179
- <pre>@title_background_image = "lavie.png"
180
- include_theme("title-background-image")</pre>
181
- <h2><a name="label-12" id="label-12">スライドの背景を指定するには?</a></h2><!-- RDLabel: "スライドの背景を指定するには?" -->
182
- <p>例えば,背景を赤くしたい場合は以下のようにします.</p>
183
- <pre>set_background("red")</pre>
184
- <p>背景色の指定には<code>#RRGGBB</code>形式も使えます.以下の例も背景を赤くします.</p>
185
- <pre>set_background("#ff0000")</pre>
186
- <p>色ではなくて,画像を指定したいときはslide-background-imageテーマを使います.</p>
187
- <p>以下は背景にマスコットキャラクタ「ラビィ」を指定する例です.</p>
188
- <pre>@slide_background_image = "lavie.png"
189
- include_theme("slide-background-image")</pre>
190
- </section>
191
- <section class="footnotes">
192
- <h2>Footnotes</h2>
193
-
194
- <p class="foottext">
195
- <a name="foottext-1" id="foottext-1" href="#footmark-1"><sup><small>*1</small></sup></a><small>Rubyの魔法の粉は,例えばグローバル変数に<code>$</code>を使うというものです.</small><br />
196
- <a name="foottext-2" id="foottext-2" href="#footmark-2"><sup><small>*2</small></sup></a><small>ホント?</small><br />
197
- </p>
198
- </section>
199
- </div>
200
- <nav id="sidebar">
201
- <h3>最新リリース</h3>
202
- <p>2011-07-15にリリースされた<a href="/ja/news.html">1.0.0</a>が最新リリースです。</p>
203
- <h3>リンク</h3>
204
- <ul>
205
- <li><a href="/ja/">はじめに</a></li>
206
- <li><a href="/ja/install/">インストール</a></li>
207
- <li><a href="/ja/usage.html">使い方</a></li>
208
- <li><a href="/ja/how-to-make/">作り方</a></li>
209
- <li><a href="/ja/users.html">ショッカー</a></li>
210
- <li><a href="/ja/development.html">開発</a></li>
211
- </ul>
212
- </nav>
213
- </div>
214
-
215
-
216
- <footer>
217
- <p class="copyright">&copy; 2004-2011 Kouhei Sutou.</p>
218
- </footer>
219
- <script src="http://connect.facebook.net/ja_JP/all.js"></script>
220
- <script>
221
- FB.init({
222
- appId : null,
223
- status : true, // check login status
224
- cookie : true, // enable cookies to allow the server to access the session
225
- xfbml : true // parse XFBML
226
- });
227
- </script>
228
- <script type="text/javascript">
229
- if (document.location.protocol != "file:" &&
230
- document.location.host != "localhost") {
231
- var _gaq = _gaq || [];
232
- _gaq.push(['_setAccount', 'UA-12143252-4']);
233
- _gaq.push(['_trackPageview']);
234
-
235
- (function() {
236
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
237
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
238
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
239
- })();
240
- }
241
- </script>
242
- </body>
243
- </html>
@@ -1,416 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="ja">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <title>Rabbit - Hiki記法</title>
6
- <link rel="shortcut icon" href="/favicon.ico"
7
- type="image/vnd.microsfot.icon">
8
- <link rel="icon" href="/favicon.png" type="image/png">
9
- <link rel="stylesheet" href="/css/jquery-ui/themes/ui-lightness.css"
10
- type="text/css">
11
- <link rel="stylesheet" href="/css/rabbit.css" type="text/css">
12
- <meta property="fb:page_id" content="rabbit.shockers">
13
- <meta property="fb:admins" content="kouhei.sutou">
14
- <meta property="og:type" content="product">
15
- <meta property="og:image"
16
- content="http://rabbit-shockers.org/images/lavie.png">
17
- <meta property="og:site_name" content="Rabbit">
18
- <script type="text/javascript" src="/javascripts/jquery.js"></script>
19
- <script type="text/javascript" src="/javascripts/jquery-ui.js"></script>
20
- <!--[if lt IE 9]>
21
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
22
- <![endif]-->
23
- </head>
24
- <body>
25
- <header id="header">
26
- <h1 class="title">
27
- <a href="/">
28
- <span class="project">Rabbit</span>
29
- <span class="separator">-</span>
30
- <span class="description">Hiki記法</span>
31
- </a>
32
- </h1>
33
- <div class="facebook-buttons">
34
- <fb:like href="http://www.facebook.com/pages/Rabbit/202603309766491"
35
- layout="standard"></fb:like>
36
- </div>
37
- <pre id="install" class="command">gem install rabbit</pre>
38
- <div class="other-language-links">
39
- <ul>
40
-
41
-
42
- <li><a href="/en/hiki.html" alt="English" title="English"><img src="/images/us.png"></a></li>
43
-
44
-
45
- </ul>
46
- </div>
47
- </header>
48
-
49
- <nav class="menu">
50
- <ul>
51
- <li><a href="/ja/">はじめに</a></li>
52
- <li><a href="/ja/install/">インストール</a></li>
53
- <li><a href="/ja/usage.html">使い方</a></li>
54
- <li><a href="/ja/how-to-make/">作り方</a></li>
55
- <li><a href="/ja/users.html">ショッカー</a></li>
56
- <li><a href="/ja/development.html">開発</a></li>
57
- </ul>
58
- </nav>
59
-
60
-
61
- <div id="body">
62
- <div id="main">
63
- <section class="contents">
64
- <h2>パラグラフ</h2>
65
- <p>連続した複数行は連結されて一つのパラグラフになります。</p>
66
- <p>空行 (改行のみ、またはスペース、タブだけの行) はパラグラフの区切りになります。</p>
67
- <ul>
68
- <li>記述例</li>
69
- </ul>
70
- <pre>例えば、
71
- こういう風に記述すると、これらの行は
72
- 一つのパラグラフとして整形されます。</pre>
73
- <ul>
74
- <li>出力例</li>
75
- </ul>
76
- <p>例えば、
77
- こういう風に記述すると、これらの行は
78
- 一つのパラグラフとして整形されます。</p>
79
- <h2>リンク</h2>
80
- <h3>WikiName</h3>
81
- <p>大文字の英字で始まり、小文字の英字または数字が1文字以上続く</p>
82
- <p>この条件が2回以上繰り返される単語はWikiNameになり自動的にリンクがはられます。</p>
83
- <ul>
84
- <li>記述例</li>
85
- </ul>
86
- <pre>WikiName - WikiName
87
- HogeRule1 - WikiName
88
- NOTWIKINAME - 全て大文字なのでWikiNameではない
89
- WikiNAME - NAMEが全て大文字なのでWikiNameではない
90
- fooWikiName - 先頭に全て小文字の英字fooがあるためWikiNameではない</pre>
91
- <ul>
92
- <li>出力例</li>
93
- </ul>
94
- <ul>
95
- <li><ul>
96
- <li>WikiName - WikiName</li>
97
- <li>HogeRule1 - WikiName</li>
98
- <li>NOTWIKINAME - 全て大文字なのでWikiNameではない</li>
99
- <li>WikiNAME - NAMEが全て大文字なのでWikiNameではない</li>
100
- <li>fooWikiName - 先頭に全て小文字の英字fooがあるためWikiNameではない</li>
101
- </ul></li>
102
- </ul>
103
- <p>WikiNameの前に<em>^</em>をつけるとWikiNameへのリンクを抑制することができます。</p>
104
- <ul>
105
- <li>記述例</li>
106
- </ul>
107
- <pre>WikiName - WikiName
108
- ^WikiName - WikiNameへのリンクを抑制</pre>
109
- <ul>
110
- <li>出力例</li>
111
- </ul>
112
- <ul>
113
- <li><ul>
114
- <li>WikiName - WikiName</li>
115
- <li>^WikiName - WikiNameへのリンクを抑制</li>
116
- </ul></li>
117
- </ul>
118
- <h3>ページへのリンク</h3>
119
- <p>ページ名を二つのカギカッコで囲むと、そのページへのリンクになります。</p>
120
- <ul>
121
- <li>記述例</li>
122
- </ul>
123
- <pre>例えば[[逆引きRuby]]とすると、そのページへのリンクになります。</pre>
124
- <ul>
125
- <li>出力例</li>
126
- </ul>
127
- <p>例えば<a href="逆引きRuby">逆引きRuby</a>とすると、そのページへのリンクになります。</p>
128
- <h3>任意のURLへのリンク</h3>
129
- <p>単語|URLを二つのカギカッコで囲むとを任意のURLへのリンクになります。</p>
130
- <ul>
131
- <li>記述例</li>
132
- </ul>
133
- <pre>[[Yahoo!|http://www.yahoo.co.jp/]]とかもできます。</pre>
134
- <ul>
135
- <li>出力例</li>
136
- </ul>
137
- <p><a href="http://www.yahoo.co.jp/">Yahoo!</a>とかもできます。</p>
138
- <p>パラグラフ中にURLっぽいものがあると勝手にリンクがはられます。</p>
139
- <ul>
140
- <li>記述例</li>
141
- </ul>
142
- <pre>Hikiのページはhttp://hikiwiki.org/ja/です。</pre>
143
- <ul>
144
- <li>出力例</li>
145
- </ul>
146
- <p>Hikiのページは<a href="http://hikiwiki.org/ja/">http://hikiwiki.org/ja/</a>です。</p>
147
- <p>このときURLの末尾がjpg,jpeg,png,gifだとIMGタグに展開されます。</p>
148
- <ul>
149
- <li>記述例</li>
150
- </ul>
151
- <pre>http://jp.rubyist.net/theme/clover/clover_h1.png</pre>
152
- <ul>
153
- <li>出力例</li>
154
- </ul>
155
- <p><img src="http://jp.rubyist.net/theme/clover/clover_h1.png" alt="clover_h1.png"></p>
156
- <h2>整形済みテキスト</h2>
157
- <p>行の先頭がスペースまたはタブで始まっていると、その行は整形済みとして扱われます。</p>
158
- <ul>
159
- <li>出力例</li>
160
- </ul>
161
- <pre>require 'cgi'
162
-
163
- cgi = CGI::new
164
- cgi.header
165
-
166
- puts &lt;&lt;EOS
167
- &lt;html&gt;
168
- &lt;head&gt;
169
- &lt;title&gt;Hello!&lt;/title&gt;
170
- &lt;/head&gt;
171
- &lt;body&gt;
172
- &lt;p&gt;Hello!&lt;/p&gt;
173
- &lt;/body&gt;
174
- &lt;/html&gt;
175
- EOS</pre>
176
- <h2>文字の修飾</h2>
177
- <p>「'」2個ではさんだ部分は強調されます。</p>
178
- <p>「'」3個ではさんだ部分はさらに強調されます。</p>
179
- <p>「=」2個ではさんだ部分は取消線になります。</p>
180
- <ul>
181
- <li>記述例</li>
182
- </ul>
183
- <pre>このようにすると''強調''になります。
184
- そして、このようにすると'''さらに強調'''されます。
185
- ==だるいけど==さらに、取り消し線もサポートしています。</pre>
186
- <ul>
187
- <li>出力例</li>
188
- </ul>
189
- <p>このようにすると<em>強調</em>になります。
190
- そして、このようにすると<strong>さらに強調</strong>されます。
191
- <del>だるいけど</del>さらに、取り消し線もサポートしています。</p>
192
- <h2>見出し</h2>
193
- <p>「!」を行の先頭に書くと見出しになります。</p>
194
- <p>「!」は一つから六つまで記述することが可能で、それぞれ&lt;H1&gt;〜&lt;H6&gt;に変換されます。</p>
195
- <ul>
196
- <li>記述例</li>
197
- </ul>
198
- <pre>!見出し1
199
- !!見出し2
200
- !!!見出し3
201
- !!!!見出し4
202
- !!!!!見出し5</pre>
203
- <ul>
204
- <li>出力例</li>
205
- </ul>
206
- <h2>見出し1</h2>
207
- <h3>見出し2</h3>
208
- <h4>見出し3</h4>
209
- <h5>見出し4</h5>
210
- <h6>見出し5</h6>
211
- <h2>水平線</h2>
212
- <p>マイナス記号「-」を行の先頭から4つ書くと水平線になります。</p>
213
- <ul>
214
- <li>記述例</li>
215
- </ul>
216
- <pre>あいうえお。
217
- ----
218
- かきくけこ。</pre>
219
- <ul>
220
- <li>出力例</li>
221
- </ul>
222
- <p>あいうえお。</p>
223
- <hr>
224
- <p>かきくけこ。</p>
225
- <h2>箇条書き</h2>
226
- <p>「*」を行の先頭に書くと箇条書きになります。</p>
227
- <p>「*」は一つから三つまで記述することが可能で入れ子にすることもできます。</p>
228
- <p>「#」を行の先頭に書くと番号付きの箇条書きになります。</p>
229
- <ul>
230
- <li>記述例</li>
231
- </ul>
232
- <pre>*アイテム1
233
- **アイテム1.1
234
- **アイテム1.2
235
- ***アイテム1.2.1
236
- ***アイテム1.2.2
237
- ***アイテム1.2.3
238
- **アイテム1.3
239
- **アイテム1.4
240
- *アイテム2</pre>
241
- <pre>#その1
242
- #その2
243
- ##その2.1
244
- ##その2.2
245
- ##その2.3
246
- #その3
247
- ##その3.1
248
- ###その3.1.1
249
- ###その3.1.2</pre>
250
- <ul>
251
- <li>出力例</li>
252
- </ul>
253
- <ul>
254
- <li>アイテム1<ul>
255
- <li>アイテム1.1</li>
256
- <li>アイテム1.2<ul>
257
- <li>アイテム1.2.1</li>
258
- <li>アイテム1.2.2</li>
259
- <li>アイテム1.2.3</li>
260
- </ul></li>
261
- <li>アイテム1.3</li>
262
- <li>アイテム1.4</li>
263
- </ul></li>
264
- <li>アイテム2</li>
265
- </ul>
266
- <ol>
267
- <li>その1</li>
268
- <li>その2<ol>
269
- <li>その2.1</li>
270
- <li>その2.2</li>
271
- <li>その2.3</li>
272
- </ol></li>
273
- <li>その3<ol>
274
- <li>その3.1<ol>
275
- <li>その3.1.1</li>
276
- <li>その3.1.2</li>
277
- </ol></li>
278
- </ol></li>
279
- </ol>
280
- <h2>引用</h2>
281
- <p>「"」を行の先頭から二つ書くと引用になります。</p>
282
- <ul>
283
- <li>記述例</li>
284
- </ul>
285
- <pre>""これは引用です。
286
- ""さらに引用します。
287
- ""続けて引用します。引用が連続する場合、
288
- ""このように一つの引用として
289
- ""展開されます。</pre>
290
- <ul>
291
- <li>出力例</li>
292
- </ul>
293
- <blockquote><p>これは引用です。
294
- さらに引用します。
295
- 続けて引用します。引用が連続する場合、
296
- このように一つの引用として
297
- 展開されます。</p>
298
- </blockquote>
299
- <h2>用語解説</h2>
300
- <p>コロン「:」を行の先頭に書き、続けて用語:解説文とすると用語解説になります。</p>
301
- <ul>
302
- <li>記述例</li>
303
- </ul>
304
- <pre>:りんご:apple
305
- :ゴリラ:gorilla
306
- :ラクダ:camel</pre>
307
- <ul>
308
- <li>出力例</li>
309
- </ul>
310
- <dl>
311
- <dt>りんご</dt>
312
- <dd>apple
313
- </dd>
314
- <dt>ゴリラ</dt>
315
- <dd>gorilla
316
- </dd>
317
- <dt>ラクダ</dt>
318
- <dd>camel
319
- </dd>
320
- </dl>
321
- <h2>表</h2>
322
- <p>表(テーブル)は「||」で始めます。
323
- セルの項目の頭に「!」をつけることにより見出しセルになります。
324
- 行の連結には「^」を列の連結には「&gt;」を、連結したい数だけセルの項目頭につけてください。</p>
325
- <ul>
326
- <li>記述例</li>
327
- </ul>
328
- <pre>||!行見出し\列見出し||!列-A||!列-B||!列-C||!&gt;列-D-E(横連結)
329
- ||!行-1||A1||B1||^C1-C2(縦連結)||D1||E1
330
- ||!行-2||A2||B2||^&gt;D2-E2-D3-E3(縦横連結)
331
- ||!行-3||&gt;&gt;A3-C3(横3連結)</pre>
332
- <ul>
333
- <li>出力例</li>
334
- </ul>
335
- <table border="1">
336
- <tr><th>行見出し\列見出し</th><th>列-A</th><th>列-B</th><th>列-C</th><th colspan="2">列-D-E(横連結)
337
- </th></tr>
338
- <tr><th>行-1</th><td>A1</td><td>B1</td><td rowspan="2">C1-C2(縦連結)</td><td>D1</td><td>E1
339
- </td></tr>
340
- <tr><th>行-2</th><td>A2</td><td>B2</td><td rowspan="2" colspan="2">D2-E2-D3-E3(縦横連結)
341
- </td></tr>
342
- <tr><th>行-3</th><td colspan="3">A3-C3(横3連結)
343
- </td></tr>
344
- </table>
345
- <h2>コメント行</h2>
346
- <p>「//」が行頭にある行はコメント行になり、出力されなくなります。</p>
347
- <ul>
348
- <li>記述例</li>
349
- </ul>
350
- <pre>// ここはコメントです。</pre>
351
- <ul>
352
- <li>出力例(表示されません)</li>
353
- </ul>
354
- <h2>プラグイン</h2>
355
- <p>「{」二つと「}」二つで囲むとプラグインを呼び出すことができます。
356
- パラメータを複数行に分けて書くことも可能です。
357
- プラグインのみを単独行に書いた場合はブロックプラグインになり、前後に&lt;p&gt;と&lt;/p&gt;が付かなくなります。</p>
358
- <ul>
359
- <li>記述例</li>
360
- </ul>
361
- <pre>{{recent(3)}}</pre>
362
- <ul>
363
- <li>複数行記述例</li>
364
- </ul>
365
- <pre>{{pre(
366
- パラメータ1
367
- パラメータ2
368
- パラメータ3
369
- )}}</pre>
370
-
371
- </section>
372
- </div>
373
- <nav id="sidebar">
374
- <h3>最新リリース</h3>
375
- <p>2011-07-15にリリースされた<a href="/ja/news.html">1.0.0</a>が最新リリースです。</p>
376
- <h3>リンク</h3>
377
- <ul>
378
- <li><a href="/ja/">はじめに</a></li>
379
- <li><a href="/ja/install/">インストール</a></li>
380
- <li><a href="/ja/usage.html">使い方</a></li>
381
- <li><a href="/ja/how-to-make/">作り方</a></li>
382
- <li><a href="/ja/users.html">ショッカー</a></li>
383
- <li><a href="/ja/development.html">開発</a></li>
384
- </ul>
385
- </nav>
386
- </div>
387
-
388
-
389
- <footer>
390
- <p class="copyright">&copy; 2004-2011 Kouhei Sutou.</p>
391
- </footer>
392
- <script src="http://connect.facebook.net/ja_JP/all.js"></script>
393
- <script>
394
- FB.init({
395
- appId : null,
396
- status : true, // check login status
397
- cookie : true, // enable cookies to allow the server to access the session
398
- xfbml : true // parse XFBML
399
- });
400
- </script>
401
- <script type="text/javascript">
402
- if (document.location.protocol != "file:" &&
403
- document.location.host != "localhost") {
404
- var _gaq = _gaq || [];
405
- _gaq.push(['_setAccount', 'UA-12143252-4']);
406
- _gaq.push(['_trackPageview']);
407
-
408
- (function() {
409
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
410
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
411
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
412
- })();
413
- }
414
- </script>
415
- </body>
416
- </html>