概要
チャットワーク(Chatwork)に、ソースコードを綺麗に表示する方法の備忘録。基本的にcodeタグを使うが、裏技っぽい記法で長文のコードを折りたたんで掲載する方法についても触れる。
前提
2017/11/28時点のチャットワークの機能を利用。そのうち改善されるかも。
codeタグでソースコードを表示
対象のソースコードをcodeタグで囲んで投稿する。
インデントが保持されたまま投稿される。本来は絵文字に展開されるような記号もcodeで囲んだ場合はちゃんと表示されるらしい。
titleタグとcodeタグでそれっぽくする
申し訳程度だがコードにタイトルをつける
申し訳程度にタイトルが表示される
長いコードを折りたたんで表示
基本的に現状のチャットワークでは長いコードを折りたたんで表示する方法は無い
が、強引にやるとすれば以下のような裏技がある。
Taskコマンドを使うことで、擬似的にチャットワークのタスクに関するフォーマットを使用することができるので、ここに長いソースコードを掲載すると
このように折りたたまれて表示される。といってもcodeタグは使用していないので、絵文字記号はそのまま絵文字に展開され、実用的なものではない。
フォーマットは以下の通り。
[task aid=000000 st=done lt=0000000000] ソースコード [/task]
備考
- コードの折りたたみもできなければ、シンタックスハイライトも無いので、チャットワークではソースコードを共有するのに向いてないと思われる
- プログラマ的には、その辺の機能が充実してるSlackのほうが遥かに適してる
関連
[Chrome] チャットワークをChatwork Extension他で使いやすくする のように、ブラウザの拡張機能でシンタックスハイライトをつけたりはできる。が、チャットワーク側の仕様変更の影響を受けるので、公式に機能追加されて欲しい。