# Sandbox!

## MyApp 文法ギャラリー

{{TOC 3-}}

### 見出し3

MultiMarkdown + Formatter のサンプルページ

#### 見出し4

mode=raw すると、ソースが見えます

##### 見出し5

改行数などで多少不具合あります

###### 見出し6

ドキュメント側の表現で不具合はかわす！！


### 画像  
![[http://farm5.static.flickr.com/4107/5211569158_b03c2fe4f5_z.jpg|サン・セバスチャン]]

サムネイル→拡大画像(拡大後に、キャプションなどもあわせて表示)  
![[https://img.bayashi.net/wiki/trip/201109_Hawaii/20110916_02t.jpg https://img.bayashi.net/wiki/trip/201109_Hawaii/20110916_02.jpg "Fort DeRussy Beach Park" "広い芝生に堂々と木が立ってる"]]

サムネイル→グループ画像(拡大後に、カーソルで連続して見れたりする)  
![[https://img.bayashi.net/wiki/trip/201109_Hawaii/20110916_01t.jpg https://img.bayashi.net/wiki/trip/201109_Hawaii/20110916_01.jpg "Fort DeRussy Beach Park" "波の音が聞こえる。砂浜がみえる。" "Fort_DeRussy_Beach_Park"]]
![[https://img.bayashi.net/wiki/trip/201109_Hawaii/20110916_03t.jpg https://img.bayashi.net/wiki/trip/201109_Hawaii/20110916_03.jpg "Fort DeRussy Beach Park" "このビーチには海の家的な店もあって、ロッカー借りれたり(借りなかったけど)もろもろサービスが整ってた。" "Fort_DeRussy_Beach_Park"]]
![[https://img.bayashi.net/wiki/trip/201109_Hawaii/20110916_04t.jpg https://img.bayashi.net/wiki/trip/201109_Hawaii/20110916_04.jpg "Fort DeRussy Beach Park" "ハワイで最初に食べたハンバーガー。でかい。ジューシー。グアバ！！" "Fort_DeRussy_Beach_Park"]]

### ブロック要素

コード(デフォルトはperl)

    my $doc_root = $c->conf->{app}{doc_base_path}.'diary';
    my @path_list;
    my $dir = Path::Class::dir($doc_root);
    while(my $file = $dir->next) {
        next if $file eq $dir || $file->resolve eq $dir->parent;
        push @path_list, $file;
    }

言語指定

    !!html!!
    <pre class="prettyprint lang-html">
        !!html!!
        "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
        "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
        "xhtml", "xml", "xsl".
    </pre>


> 引用
> ここは引用文字列です
<< https://bayashi.net bayashi.net

#### テーブル

|                        Grouping          |||
First Header  | Second Header | Third Header |
 ------------ | :-----------: | -----------: |
Content       |          *Long Cell*        ||
Content       |   **Cell**    |         Cell |
[Table Title]


### インライン要素

*強調* 文字

**強い強調** 文字

ワンライナーコード `perl -e 'print "foo\n"'`  
ワンライナーコード `perl -e 'print "foo\n"'`

URL リンク <https://www.bayashi.net/>

title属性つきリンク [Yahoo!](http://www.yahoo.co.jp/ "Yahoo! Japan")


#### 拡張リンク記法

simple リンク [[/wiki/Start Start]]

CPANモジュールリンク {{cpan: Text::Xslate}}  
Wikipediaリンク {{wikipedia: 日本語}} / 英語版 {{wikipedia:en: English}}  
Hatena IDリンク {{id: bayashi_net}}  
Twitter IDリンク {{tw: bayashi}}  
Facebook IDリンク {{fb: dai.okabayashi}}  


### リスト

#### 順序なし

 * one
 * two
    * Sun
    * Mon
        * debian
        * CentOS
            * perl
            * ruby
                * male
                * female

#### 順序あり

 1. Jan
 1. Feb
    1. dog
    1. cat

#### 順序なし ＞ 順序あり

 * foo
 * bar
    1. hoge
    1. fuga

#### tab list

要素を横にタブ形式で並べるリストを使用できます。

 [= [[foo/bar baz]]
 [= bar
 [= baz


### embed

#### ニコニコ動画
{{nico: 4483132}}

#### YouTube
{{youtube: beIsKBSOcZ0}}

#### google map
<div class="embed">
<iframe width="800" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?ie=UTF8&amp;hq=&amp;hnear=Hotel+Town+Ekimae&amp;t=h&amp;brcurrent=3,0x605d1b87f02e57e7:0x2e01618b22571b89,0&amp;ll=20.560796,-157.313232&amp;spn=4.627843,8.778076&amp;z=7&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?ie=UTF8&amp;hq=&amp;hnear=Hotel+Town+Ekimae&amp;t=h&amp;brcurrent=3,0x605d1b87f02e57e7:0x2e01618b22571b89,0&amp;ll=20.560796,-157.313232&amp;spn=4.627843,8.778076&amp;z=7&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
</div>

Formatter 未対応の外部要素を貼る場合は、class: embed で囲むとインデントがそろう。  
セキュリティに配慮が必要。掲載者責任で。