1. Transforming Plain Text to HTML
2008-08-23 Ruby勉強会@札幌-9
日本Rubyの会
Ruby札幌
しまだ こうじ
SHIMADA Koji
シンプルに書いて
リッチに見せる

2. Problem
✓ HTMLドキュメントを作りたいけ
ど、素のHTMLはいじりたくない
✓ CMSのようなシステムで、コンテ
ンツをリッチにしたい

3. Solution
✓ 入力にはHTMLよりも優しいマーク
アップ言語・記法を採用
✓ 採用した記法で書かれたテキスト
をHTMLに変換
✓ すました顔でHTMLとして扱う

4. ✓ Hiki記法
✓ Textile
✓ Markdown
✓ はてな記法
Simple Markup

5. Hiki記法

6. Hikidoc

7. $sudo gem install hikidoc
インストール

8. require ‘hikidoc’
使い方

9. Hikidoc.to_xhtml(text)
使い方

10. !見出し
""ここは引用です
* ここは箇条書きレベル1です
** ここは箇条書きレベル2です
ここは本文になります
Hiki記法で書かれたテキスト

11. <h1>見出し</h1>
<blockquote><p>ここは引用です</p>
</blockquote>
<ul>
<li>ここは箇条書きレベル1です<ul>
<li>ここは箇条書きレベル2です</li>
</ul></li>
</ul>
<p>ここは本文になります</p>
変換されたHTML

12. Textile

13. RedCloth

14. $sudo gem install RedCloth
インストール

15. require ‘RedCloth’
使い方

16. RedCloth.new(text).to_html
使い方

17. h1. Textile記法のサンプル
ここは本文になります。
h2. リスト
# 箇条書きレベル1
## 箇条書きレベル2
h2. 引用
bq. ここは引用になります。
h2. リンク
# "Ruby札幌":http://ruby-sapporo.org
# "日本Rubyの会":http://jp.rubyist.net
Textile記法で書かれたテキスト

18. <h1>Textile記法のサンプル</h1>
<p>ここは本文になります。</p>
<h2>リスト</h2>
<ol>
<li>箇条書きレベル1
<ol>
<li>箇条書きレベル2</li>
</ol></li>
</ol>
<h2>引用</h2>
<blockquote>
<p>ここは引用になります。</p>
</blockquote>
<h2>リンク</h2>
<ol>
<li><a href="http://ruby-sapporo.org">Ruby札幌</a></li>
<li><a href="http://jp.rubyist.net">日本Rubyの会</a></li>
</ol>
変換されたHTML

19. Markdown

20. BlueCloth

21. $sudo gem install BlueCloth
インストール

22. require ‘BlueCloth’
使い方

23. BlueCloth.new(text).to_html
使い方

24. # Markdown記法のサンプル
ここは本文になります。
## リスト
- 箇条書きレベル1
- 箇条書きレベル2
## 引用
> ここは引用になります。
## リンク
- [Ruby札幌](http://ruby-sapporo.org)
- [日本Rubyの会](http://jp.rubyist.net)
Markdown記法で書かれたテキスト

25. <h1>Markdown記法のサンプル</h1>
<p>ここは本文になります。</p>
<h2>リスト</h2>
<ul>
<li>箇条書きレベル1
<ul>
<li>箇条書きレベル2</li>
</ul></li>
</ul>
<h2>引用</h2>
<blockquote>
<p>ここは引用になります。</p>
</blockquote>
<h2>リンク</h2>
<ul>
<li><a href="http://ruby-sapporo.org">Ruby札幌</a></li>
<li><a href="http://jp.rubyist.net">日本Rubyの会</a></li>
</ul>
変換されたHTML

26. はてな記法

27. hparser

28. $sudo gem install hparser
インストール

29. require ‘hparser’
使い方

30. p = HParser::Parser.new
p.parse(text).map { |e|
e.to_html }.join(“¥n”)
使い方

31. *[misc]はてな記法のサンプル
**リスト
ここは本文になります。
-箇条書きレベル1
--箇条書きレベル2
-箇条書き（その2）
**表組み
|りんご|バナナ|みかん|
|1個|2個|3個|
はてな記法で書かれたテキスト

32. <h1>[misc]はてな記法のサンプル</h1>
<h2>リスト</h2>
<p>ここは本文になります。</p>
<ul><li>箇条書きレベル1</li><ul><li>箇条書きレベル2</li></ul><li>箇条書き（そ
の2）</li></ul>
<h2>表組み</h2>
<table><tr><td>りんご</td><td>バナナ</td><td>みかん</td></tr><tr><td>1個</
td><td>2個</td><td>3個</td></tr></table>
変換されたHTML

33. Transforming Plain Text to HTML
2008-08-23 Ruby勉強会@札幌-9
日本Rubyの会
Ruby札幌
しまだ こうじ
SHIMADA Koji
シンプルに書いて
リッチに見せる