くりにっき

フルスタックキュアエンジニアです

ChatWorkで手軽に装飾してプレビューできるやつを作った

f:id:sue445:20140702015432p:plain

f:id:sue445:20140702015620p:plain

ChatWorkで装飾して投稿する時に毎回こんな風にタグ入力するのも大変なので手軽に装飾してプレビューできるやつを作りました。製作時間2〜3時間くらい。久しぶりに素のHTMLとjsを書いたw

ChatWork Preview

使い方

f:id:sue445:20140702081953g:plain

入力すると

f:id:sue445:20140702015635p:plain

リアルタイムでプレビュー

f:id:sue445:20140702015641p:plain

コピペもできます

f:id:sue445:20140702015711p:plain

Plain Modeだと [info][title]〜[/title] 〜 [/info] じゃない形式も書けます

f:id:sue445:20140702015746p:plain

使える書式

投稿に装飾はできますか? | ChatWork ヘルプ

使えない書式

  • エモーティコン全般
  • 写真とか

リポジトリ

https://github.com/sue445/chatwork-preview

静的ファイルだけだと gh-pages に作ってpushすれば自動的にサイトになるので楽ですね。あと、bootstrapやjqueryはCDNのをリンクする形式だと余計なファイルが増えないのもよい

TODO

レイアウトをもうちょい考える