コメント

イラスト候補です。字数の関係で３分割です。
まず、その１。

＜ミク＞
ＤＯ！do!do!do!do!
http://piapro.jp/content/i9n8boc39uaqy2nm

sakura
http://piapro.jp/content/tedygukb53vw69tv

月夜、桜が散る中で
http://piapro.jp/content/waxktbxsg2ow0ml5

寝ミク
http://piapro.jp/content/uisxdb68mc4skycf

みっくみく
http://piapro.jp/content/fb6zaseg9hod2gke

お行儀悪い
http://piapro.jp/content/x8n8cgaap0a62jp3

My Favorite Song
http://piapro.jp/content/hw4ha1irmu56u3ji

この歌が届きますように
http://piapro.jp/content/glgg7r4jo8z0ewhw

ミク
http://piapro.jp/content/epdttxgdgesg1gx4

ネクタイをリボンに
http://piapro.jp/content/j4uab6r1feftnx9o

いきなりきましたね。寝耳に水。
ピアプロ内での扱いはがくぽと同様になると予想して、とりあえずは入れる方向でいます。
ただ、ピアプロイラストについてはもうちょっと数が出揃うまで待ちたいっす。
(既出の「キラッ☆」も最有力候補ではある)

ところで、ver1.0の前にver0.7を先に出してしまいたいのだが、どうでしょうか。>>All
ver1.0の下地として、地味な機能強化とか地味なバグ修正とかあるので。

めぐっぽいどのGUMIが来た！ ver1.0まだなら追加してほしいです．
とりあえず現時点での候補を一つ．
http://piapro.jp/content/9twlltzshp9hs0f7

＞クラッシュリポータの件
再度確認してみました。
お２人の言うように、再現しなかったため、別の原因で起動したと思われます。
ちょうど、右上のＸボタンで全てのウインドウを閉じた時に起きたため、自分が勘違いしたようです。
お騒がせしてすみません。

> yararchiveさん
ありがとうです。実装してないところをやってもらえるのは心強いです。
てか、実はかなりのXUL使いなんじゃ… いろいろ勉強になります。

>>*スキンテスト機能の改良
メニューバーとボタン類のバーの高さに合わせて、画像の縦位置を調整してます。
「200,1.5」の200は画像の中心位置、1.5は上下した時の移動比率です。
中心位置はそれぞれ違いますので、結構調整してます。
比率はだいたい2でOKですが、ものによってはどうしてもズレてしまうのもあります。
横位置は右寄せで固定です。

>>*全ウィンドウにスキンを適用機能(実験的、デフォルトでは無効)
main-window以外は自重する方針でやってきましたが、当然こういう要望は出てきます。
とりあえずはデフォ無効でOKかと。
てか、スクリプトでCSSいじる方法が分かってしまったので、取り入れてしまうかもしれません。ｗ

>>*試製ミク電卓
サイドバーに入らないのは仕様ですか？
横に長いので収まりが悪いのは確かですが。

> 氷炎　雷光風さん
>>*サイドバー
>>*試製ミク電卓
サイドバー電卓いいっすね。
スクリプトでいじり回すようにすれば複数同時に表示できるかも。

>>・２つ以上のウィンドウがある時
>>・スキンテスト機能で、無効な画像指定がされた
>>状態で、全てのウィンドウを閉じると
うーん、再現せずです。全てのウィンドウ閉じる=メニューのファイルから終了でOK?

>氷炎　雷光風さん
さっそくテストありがとうございます。

>>*「ダウンロード時のwavファイル再生」を拡張しNoiseもどきに
>手ごろなwavファイルが全くと言っていいほどないので、全く試せていません。
近々「喋らせてみた」にダウンロード開始用のwavをうｐします。(喋らせるの下手ですがw)

>>*スキンテスト機能の改良
>y方向の数値を指定できるのは、どういう意図でしょうか？
>画像がずれたときの修正用ですか？
そのとおりです。ただ画像を指定しただけだと以前のスキンのポジションで画像が表示されるためその補正用設定です。

>>*全ウィンドウにスキンを適用機能(実験的、デフォルトでは無効)
>２つ立ち上げてスキン変更したところ適用されたので、デフォルトで有効になってませんか？
アドオンウィンドウなどのメインウィンドウ以外にもスキンを適用する機能です。設定の「ぼかろfxの配色設定もfirefox全体に適用する」にチェックを入れると有効になります。ただし文字が見えにくくなったりするなどがあるので実験的ということでデフォルトでは無効です。

>また、
>・２つ以上のウィンドウがある時
>・スキンテスト機能で、無効な画像指定がされた
>状態で、全てのウィンドウを閉じると、うちの環境（ＸＰ　ＳＰ３＆３．０．１０）ではクラッシュレポータが起動するようです。
うわ、これはやばいw
今のところ再現できていませんが簡単な予防策を取りたいと思います。(動作確認：WinXP SP3 Firefox 3.0.10)

＞yararchiveさん


＞一応0.19での新機能
＞*サイドバー
サイドバーでツール切り替え表示、ＧＪ！
多分一番サイドバーを有用に活用している事例だと思われます。

＞*試製ミク電卓
検算などには良いかも。

＞*「ダウンロード時のwavファイル再生」を拡張しNoiseもどきに
手ごろなwavファイルが全くと言っていいほどないので、全く試せていません。

＞*スキンテスト機能の改良
y方向の数値を指定できるのは、どういう意図でしょうか？
画像がずれたときの修正用ですか？

＞*全ウィンドウにスキンを適用機能(実験的、デフォルトでは無効)
２つ立ち上げてスキン変更したところ適用されたので、デフォルトで有効になってませんか？

また、
・２つ以上のウィンドウがある時
・スキンテスト機能で、無効な画像指定がされた
状態で、全てのウィンドウを閉じると、うちの環境（ＸＰ　ＳＰ３＆３．０．１０）ではクラッシュレポータが起動するようです。

バージョン0.2を製作中と書いてから約半月たってしまいました
ということでとりあえず現時点での成果をバージョン0.19(0.2pre的な意味で)としてうｐしますた。
http://sites.google.com/site/yararchive/Home/fullMikkuPatch-0.19.zip
※google pagesは廃止される模様なのでgoogle sitesに移動しました。
xpiでのうｐができなかったのでzipに包んであります

一応0.19での新機能
*サイドバー
*試製ミク電卓
*「ダウンロード時のwavファイル再生」を拡張しNoiseもどきに
*スキンテスト機能の改良
*全ウィンドウにスキンを適用機能(実験的、デフォルトでは無効)

＞hATrayfloodさん

＞実は今の「起動するよ」はこれ使ってます。
＞http://piapro.jp/content/uo1s5i7du0zb1f3p
＞「喋らせてみた」タグで探してみます。
ああ、すいません。意図を完全に間違って理解してました。ｍ（＿）ｍ
うぅ～情けなや・・・

「喋らせてみた」タグだけで探すと、現時点で１０００以上がひっかかります。
故にシステム音だけを見分けるのはかなり困難と思われます。というわけで、

ボーカロイドの名前　システム　起動　喋らせ　しゃべらせ　あいさつ　挨拶

等をキーワードに（音楽を対象として）検索してみたところ。
こんなのが良さそうかと。

＜ミク＞
おはようございまーす！
http://piapro.jp/content/74ibp76fdcndkjxu
おやすみなさい…
http://piapro.jp/content/x9xipoi1avq24t3k

以上２つは、はぁもないざー（はぁもP）さんの作。

ミクセリフ　「システム、起動」
http://piapro.jp/content/aw2ql1wtd0gwtzzr

＜カイト＞
あーはいはい。【喋り】
http://piapro.jp/content/ybyt42l2cs7llm0e

＜ルカ＞
おはようございまーす！ （by ルカ）
http://piapro.jp/content/a1xrlm1vz9ozp1nb
おやすみなさい… （by ルカ）
http://piapro.jp/content/cxbv5apet2xrjqgj

この２つも、はぁもないざー（はぁもP）さんの作。

ヒトによっては、カイト１択になりそう！？

> yararchiveさん
こちらもver1.0のブランチきってないので、また連絡します。
任意の画像を表示する件は了解です。まあ、UI的にはファイル選択なので問題ないかと。
直入力する人は分かってると思うから、本体側で特に制限したりはしないつもりです。

> 氷炎　雷光風さん
実は今の「起動するよ」はこれ使ってます。
http://piapro.jp/content/uo1s5i7du0zb1f3p
「喋らせてみた」タグで探してみます。

＞hATrayfloodさん
＞これまた強烈なものを… す、すげー＞
Firefoxの性能に与える影響も強烈ですw
＞本線にマージしちゃいます？ ご自分で管理します？
マージの件ですが現在0.2を製作中ですのでもう少し待っていただきたいです。

※「任意の画像を表示するメニューを追加する」について
いちおうhttp経由でも読み込み可能なようです。が、もともとローカルの画像でぼかろfxのテーマのテストをするために実装したつもりだったので(言うのを忘れていてすいません。)ローカル限定でお願いします。

＞hATrayfloodさん
どうもありがとうございます。うちの環境の問題かもしれませんので、
調べられそうなら調べてみます。

＞yararchiveさん
ローカル限定っぽいことを書きましたが、こちらの環境問題かもしれません。
すみませんｍ（＿）ｍ

以下はスプラッシュスクリーン向けメッセージ。

＜全員＞
起動っ！

＜ミク＞
起動するよ　ハート
ねぎ・・・刻んで・・・

＜リン＞
起動するねッ！
ロードクロール開始！

＜レン＞
起動するぜっ！
バナナ、まだあるか？

＜メイコ＞
ひっく・・・起動・・・するわよ・・・
飲み明かすまで付き合いなさい。

＜カイト＞
起動するよ。
アイス溶けるから、ほどほどにね。

＜がくぽ＞
起動するでござる。
起動でござ候。
慈愛するようにいたせ。

＜ルカ＞
起動するわ！
好きなように巡りなさい。

> 木村／mongrelPさん
犯行に及びますた。

> yararchiveさん
これまた強烈なものを… す、すげー
本線にマージしちゃいます？ ご自分で管理します？

> 氷炎　雷光風さん
俺んとこはどこの画像でも読めますよ。
○ローカルディスク
○ネットワークドライブ
○外部http
○chrome

> mikugermvictimさん
入れますですよ。はい。

とりあえず、現状のものがコレ。
http://rayflood.org/vocaloid/vocalofx/trac/changeset/45
すぐに使いたいなら、subversionでこっからどぞ。要ant
http://rayflood.org/vocaloid/vocalofx/svn/branches/candidate/

ところで、スプラッシュスクリーン用のセリフで各キャラごとに良さげなのないかな？
とりあえず仮で、「起動するよ」なんだが…

続いてその２です。

＜メイコ＞
MEIKO歌います！
http://piapro.jp/content/b0zgaxcmpo8zzw9q

たまには縦長
http://piapro.jp/content/glpge2clqhj51iw7

MEIKO
http://piapro.jp/content/t61jzj7r9vxfhqsp

めーちゃんの歌を聞けー!!!
http://piapro.jp/content/kzjh92j8jlcyes3g

＜カイト＞
いちごはいかがですか？
http://piapro.jp/content/prj999szt3fothop

＜ルカ＞
月見酒花見酒
http://piapro.jp/content/co5xiy1wcflc398e

ルカアレンジ
http://piapro.jp/content/37nlyxd7382dx1x5

あっかんべー
http://piapro.jp/content/qluoaykiin56fz8l

るか
http://piapro.jp/content/ckjae2v9f0r21xud

巡音ルカさん　アンミラ風
http://piapro.jp/content/5ht2cke758dgk49e

巡音ルカさん
http://piapro.jp/content/jdrtq0hr98f8d74b

品定め
http://piapro.jp/content/of0qituuxd4ole2d

ろりるか
http://piapro.jp/content/xfb271vuaawioz8i

巡音ルカの休日
http://piapro.jp/content/d9ly58hwwm36hq6y

＜スプラッシュスクリーン＞
VOCALOID集合
http://piapro.jp/content/k57909ljh3zc72ol

VOCALOID集合02
http://piapro.jp/content/3rw1ddeaapgj528n
この２つは霧咲皇子さんの作。

イラスト候補です。以前推薦したものが混ざっていたらすみません。
字数の関係で分割します。まずその１。

＜ミク＞
みくみく
http://piapro.jp/content/m6gzt5d7c7t3h8pj

初投稿です
http://piapro.jp/content/0uf5lr5k7fuz99l0

心
http://piapro.jp/content/wthh7gznz2e6e6oo

さわやかなかんじで
http://piapro.jp/content/pxf9o52lcvbutscb

みっくみくにしてやるにゃー
http://piapro.jp/content/d5do521e6jltq0cd

何か面白いもの見つけた！
http://piapro.jp/content/2i5vc0slsbxlgfr3

キラキラ
http://piapro.jp/content/r4szglgmbmsr86u5

はつねみく？
http://piapro.jp/content/40ga4656qmvnkyed

初音ミク
http://piapro.jp/content/wugwmuq1d5s4u1jf

ハードボイルド
http://piapro.jp/content/eza14q8nrko259jo

さわやか！
http://piapro.jp/content/vuqppwypil4uyte4

ゆうやけワンダー　（夕焼けver）
http://piapro.jp/content/v520go2gmchdprfd
ゆうやけワンダー　（星空ver）
http://piapro.jp/content/saqwrzrg1j5ytwq1
この２つは、tinlampさん作。

ミクさん
http://piapro.jp/content/9o3mop1mfak5nwdf
ミクさん
http://piapro.jp/content/os64hi4xfw7t1jin
この２つは、まさもこさん作。

＜リン＞
長髪リン
http://piapro.jp/content/u47ld81o1y4flmhm

そうそう，さなりさんはミクリンレンだけでなくルカMeikoKaitoも書いているんですよね．
ver1.0ではこれらも入るのでしょうか？

＞yararchiveさん

＞説明をしていなくてすいませんでした
いえ、こちらこそ。もう少し調べてみれば良かったのですね。失礼しました。

＞「任意の画像を表示するメニューを追加する」はお察しのとおりHDD内の任意の画像を使用できるようにする
＞オプションです。http経由の指定はセキュリティの関係でだめなのかもしれません。（未確認）
http経由はダメかもしれませんが、同じネットワーク内にある他のマシンのＨＤＤ内の画像を指定できる可能性は
あると思います。
推測でしかないのですが、ウィンドウズなら、マイネットワークで指定できるマシンのＨＤＤの画像ならば多分いけると
思います。

早速使っていただけたようでありがとうございます。
詳しい説明をしていなかったのですいませんでした。
「任意の画像を表示するメニューを追加する」はお察しのとおりHDD内の任意の画像を使用できるようにするオプションです。http経由の指定はセキュリティの関係でだめなのかもしれません。（未確認）
ダウンロード通知のwavファイルのオプションはミクに喋らせてみた的なwavファイルを使うことを想定して作りました。
またデフォルトスキン以外での表示を改善する機能も荒削りながら搭載しています。ただ荒削りな上全部のスキンで正確に表示されるわけではないです。

>氷炎　雷光風さん
説明をしていなくてすいませんでした
>個人的感想でしかないですが、hATrayfloodさんが１．０を作成するのに、大きな助力になると思います。
そういっていただけると作ってよかった気がします。

>mikugermvictimさん
>早速試してみましたよ．...ますます痛いブラウザになりましたw
おめでとうございます(何
つかっていて邪魔に感じられましたら設定のチェックボックスである程度コントロールできます。
現状ではそれ以外は詳細設定に頼るしかないです。また改良しようと思います。

ところで自分のページにスクショのpngあげていいんだろうかとなやんでいます。大本はhATrayfloodさんの作品になると思うので。
長文失礼しました

＞mikugermvictimさん
どうもありがとうございます。やっと意味がわかりました。
で、右下からスキン指定してみると、確かに画像変更できます。

＞ローカルだけでなく，URLも可能なようです．
ＵＲＬをhttpから指定して試してみましたが、ダメでした。URLはダメっぽいですね。
ローカル限定と考えた方が間違いなさそうです。
＃参照ボタンがあるので、元々ローカル限定ということではないかと。

早速試してみましたよ．...ますます痛いブラウザになりましたw

「任意の画像を表示するメニューを追加する」はそのとおり，HDD内の任意の画像を使えるオプション．
変えるためには，いつもと同じように右下から選択するだけです．
ローカルだけでなく，URLも可能なようです．

ああ，拡張を作れる人がうらやましい...

＞yararchiveさん
ダウンロードさせてもらいました。
手元の３．０．８で試してみたんですが・・・
拡張設定のところの「任意の画像を表示するメニューを追加する」がよくわかからないです。
画像のアドレスを指定すると、何かが変わるわけでも右クリックのメニューに追加がされるわけでもないようなので・・・
どういうものなのでしょうか？

ダウンロード完了を知らせるｗａｖファイル指定＆再生は手ごろな対象がなかったので、
試せていません。

個人的感想でしかないですが、hATrayfloodさんが１．０を作成するのに、大きな助力になると思います。

＃あ、そろそろ、画像候補を挙げようかな。（笑）

パッチというかぼかろfxの拡張といった感じなものをつくってみました
一応URL貼っておきます
http://yararchive.googlepages.com/fullMikkuPatch-0.1-fx.xpi
なにかまずい場合は言っていただけたらすぐ消しますのでよろしくお願いします

しつこく連投でイラスト候補です。
ルカが大量なので、別にしてあります。

まずはルカ以外を。またもや字数の関係で、２分割します。

まずその１。

＜ミク＞
おはよう、朝だよ
http://piapro.jp/content/0ybkh1zqmn3i9j2s

休日
http://piapro.jp/content/q997chy43m8iphn3

以上は、おりかさん作。

白服のミク
http://piapro.jp/content/b101d812lb1y7odx

水も滴る
http://piapro.jp/content/uajkaahe4rq91obp

wktkな初音さん
http://piapro.jp/content/ku2njyi28mogtwkw

Your music is all of my world.
http://piapro.jp/content/rq6py6r1mbepg05m

白ベストとボーカロイド
http://piapro.jp/content/cwqrwcnjkm2ssxxm

私のウタをきけええええええ！
http://piapro.jp/content/ukkrlhnhk8jz1pkk

リボンミク
http://piapro.jp/content/un6xf02nrbacurdx

チョコニャングミク
http://piapro.jp/content/fjkbyxswus6oswb7

＜リン・レン＞
リンレン
http://piapro.jp/content/b7zcoddpfdrps6p9

フレンチニャーリン
http://piapro.jp/content/2k6c89xar86pr3zw

ポン・デ・ニャンレン
http://piapro.jp/content/rfzgswbmnea85adu

最後の２つは、のい。さんの作品。

ルカ以外、その２です。

＜メイコ＞
MEIKOさん
http://piapro.jp/content/tnhvivogm9hf1gwt

めーたん収録中
http://piapro.jp/content/tqt1t1qavyc0brun

見返りメイコ
http://piapro.jp/content/evuvgkddm2i11soh

Ｆｏｒ　Ｍｙ　Ｌａｄｙ
http://piapro.jp/content/w9cw6hhlg5gto6fv

ＭＥＩＫＯ様
http://piapro.jp/content/va025vj55rjhyr8e

メイコニャフィン
http://piapro.jp/content/wkcqpeb5lr5mnmhw

＜カイト＞
エンゼルニャカイト(動)
http://piapro.jp/content/91qaf4u6neqbc661

エンゼルニャカイト
http://piapro.jp/content/0zgvoh7eu54raqjn

どちらも、のい。さんの作品。

＜がくぽ＞
ゴールデンニャコがくぽ
http://piapro.jp/content/w9bh7zcyld3ba8aw

＜スプラッシュスクリーン＞
全員集合（色塗りVer）
http://piapro.jp/content/cesae0ltkx2r60aa

ボカロ。
http://piapro.jp/content/zbjma9bah95uy7na

日本語VOCALOIDs
http://piapro.jp/content/aht7nstw5d1fu84m

ヨセアツメ
http://piapro.jp/content/9mcwyv6bxentk18r

続いてルカのイラスト候補です。

＜ルカ＞
世界で一番女王様
http://piapro.jp/content/ujreifzs04jfpf3j

ホホエミ
http://piapro.jp/content/qqfd35gkm04owqv9

『巡』
http://piapro.jp/content/4faqhnugf9zfn7i8

巡音ルカ
http://piapro.jp/content/ddh8jocv9ja6o72g

ルカ様
http://piapro.jp/content/isv41sqvm1ggbgoq

SDルカ
http://piapro.jp/content/tmr7n750k67jttym

巡音ルカ
http://piapro.jp/content/f75gpkz61ha31dd0

巡音ルカ(03)
http://piapro.jp/content/2xuqqwa0a14dq5x1

風のむこう
http://piapro.jp/content/eeprdhxk2wfsyhvu

めぐりねえさん
http://piapro.jp/content/umpflz6q79w5mm78

初描き　巡音さん
http://piapro.jp/content/ek9ogcapy1ys8s4i

初描きルカさん
http://piapro.jp/content/b9m2y63a0pfr5btj

めぐりねるか
http://piapro.jp/content/xehcriiggf2wp6xd

またもや連投でイラスト候補です。

＜ミク＞
居合い
http://piapro.jp/content/sdgu5c67rocv8xro

＜メイコ＞
めーちゃんぷち
http://piapro.jp/content/d5svbwsey2gn1fcr

ちびめいこ
http://piapro.jp/content/ndk5mfizi84xqb5k

MEIKO
http://piapro.jp/content/4aix0j3um0q4b0b9

にゃにゃーん
http://piapro.jp/content/dplbx7j4bprqmwir

2009年クリスマス☆
http://piapro.jp/content/hdezp5dm3skpx734

＜ルカ＞
巡音ルカ(03)
http://piapro.jp/content/nmu60ushugxucvs1

巡音ルカ
http://piapro.jp/content/bjnoa5mazbu8yxdm

うたうよ
http://piapro.jp/content/h9lykwmy0t971a42

巡査ルカ
http://piapro.jp/content/ivdok80njii0qda1

巡音ルカ
http://piapro.jp/content/ah1jffdy0w2t5fvz

ルカ様とビキニ
http://piapro.jp/content/7vtrq3ep3bcxcn6x

＜スプラッシュスクリーン＞
ボーカロイドの休日
http://piapro.jp/content/cxm73hqszbsjiwbi

ハッピーバースデイ！
http://piapro.jp/content/f3gid639kmtmi9yy

以上です。

続いてその２です。
＃ちょっと再投稿しました。

＜カイト＞
レーサーKAITO
http://piapro.jp/content/y78rq8fnt3627zej

＜がくぽ＞
イナバウアーLv100
http://piapro.jp/content/msg2mx3kdcz2kpiw

＜スプラッシュスクリーン向け＞
「SEXYなの？CUTEなの？」
http://piapro.jp/content/jc6shtxcrgjh494b

RPG風（？）ボカロ
http://piapro.jp/content/917xh1ymym15gxja

チューリップのかわいい王女様のおっしゃること
http://piapro.jp/content/aeu6js5a6d0i46bg

以上です。

イラスト候補を貯めていたので、以前推薦したものがあるかも。
今回からスプラッシュスクリーン向けを追加してます。
一気に書こうとしたら文字数オーバーと怒られてしまったので、２分割します。
まずは、その１です。

＃ちょっと書き漏らしがあったので、再投稿します。

＜ミク＞
UNINSTALL‐sayonara‐
http://piapro.jp/content/5k6c2et84pyq0zaq

となりのミク
http://piapro.jp/content/h9mals75k1u5m547

＜ルカ＞
セクシーお姉さんVS幼女
http://piapro.jp/content/a0ksfn764ntg1o8y

めぐり、めぐって。
http://piapro.jp/content/u4mibj1sw83yvnbz

るか
http://piapro.jp/content/d8dvwvi01sot67vu

ちびルカ
http://piapro.jp/content/c964eouapu3dlco1

巡音ルカ
http://piapro.jp/content/bb3wb2ebrsrqswkx

巡姐
http://piapro.jp/content/c1anq8nqm6t2x3y8

ルカさま
http://piapro.jp/content/hoxhhew78gzw944u

ルカさま_縦
http://piapro.jp/content/lo4ajy2mjvzp12s6

＜メイコ＞
これはお酒(?)です。
http://piapro.jp/content/cko7h5jmtk7uwl06

ヘッドフォンMEIKO
http://piapro.jp/content/a3wvjwto4gadpuf6

ルカの最後の２つは、ATAさんによるもの。

試しに私もイラスト候補書いてみる（ぁ
＜ルカ＞
たこルカ
http://piapro.jp/content/fak22tchggyplw4u

> 氷炎　雷光風さん
お気遣いスミマセン。実装ガシガシやってます。

>>スクリーンショットが出てますが、メイコとカイトはもしかして特別仕様でしょうか？
いえ、特別仕様じゃないよ。2枚一気に載せたかったから、横幅縮めて1段増やしただけ。

向こうにも書いたけど、スプラッシュスクリーン実装したのでプレビューどぞ。
http://circle.zoome.jp/tdki/media/1824/