チャットワークの便利な記法・ショートカット一覧 | ChatWork Cheat Sheet


# 1. チャットワークの便利な記法
チャットワークには独自のメッセージ記法が存在し、これを用いることで情報を見やすくすることができます。
なお、本ブログでは、

- `{account_id}`や`{room_id}`など`{ }`で囲まれた表記　→　`アカウントID`や`ルームID`などの対応するデータ（数値）が入ることを表す
- `...`　→　任意の文字列が入ることを表す

こととします。

||タグ|補足|
|:--|:--|:--|
|罫線|`[hr]`|メッセージに罫線を引くことができます。<br>情報を見やすく区切るのに便利です。<br>インフォメーションタグの中でも使えます。<blockquote>例：<hr></blockquote>|
|囲み枠|`[info]...[/info]`|メッセージを枠線で囲うことができます。<blockquote>例：<br>![スクリーンショット 2016-03-17 21.58.48.png](https://qiita-image-store.s3.amazonaws.com/0/41481/26017812-d101-85f1-437d-eace3004b123.png "スクリーンショット 2016-03-17 21.58.48.png")</blockquote>|
|囲み枠<br>（見出しあり）|`[info][title]...[/title]...[/info]`|囲み枠の中にタイトルを入れることができます。<blockquote>例：<br>![スクリーンショット 2016-03-17 21.55.11.png](https://qiita-image-store.s3.amazonaws.com/0/41481/ed2e8ace-901a-c21d-2507-04ad2fda735a.png "スクリーンショット 2016-03-17 21.55.11.png")</blockquote>|
|ソース表示|`[code]...[/code]`|プログラムなどのソースを表示できます。<br>文章を変換させたくない時にcodeタグで囲むと便利です。|
|To|`[To:{account_id}]`|特定の相手にメッセージを送信することができます。![to_2.png](https://qiita-image-store.s3.amazonaws.com/0/41481/d075d4c3-0bec-8324-83a7-89d8235e30fd.png "to_2.png")|
|返信|`[返信 aid={account_id} to={room_id}-{message_id}]`<br>または<br>`[rp aid={account_id} to={room_id}-{message_id}]`|特定のメッセージに対する返信ができます。![rep.png](https://qiita-image-store.s3.amazonaws.com/0/41481/4a1cc2ef-6757-e4b5-3bcc-0b3c6a0c59c2.png "rep.png")|
|引用|`[引用][qtmeta aid={account_id} time={timestamp}]...[/引用]`<br>または<br>`[qt][qtmeta aid={account_id} time={timestamp}]...[/qt]`|特定の文章を引用として表示できます。<br>`time={timestamp}`は省略可能です。![quo.png](https://qiita-image-store.s3.amazonaws.com/0/41481/956df9d3-c490-ccbc-f006-185fa449463f.png "quo.png")|
|アイコン表示|`[picon:{account_id}]`|特定アカウントのプロフィールアイコンを表示することができます。|
|アイコンと名前表示|`[piconname:{account_id}]`|特定アカウントのプロフィールアイコンと名前を表示することができます。|

##### ★おまけ1（codeタグの便利機能）
メッセージ入力欄に、<div style="border:solid 1px">\`\`\`<br>●●<br>\`\`\`（+改行）<br></div>
と入力すると「\`\`\`」が「codeタグ」に自動変換され、とても便利です。

![スクリーンショット 2016-03-17 22.09.12.png](https://qiita-image-store.s3.amazonaws.com/0/41481/3148ef47-6272-dff9-325f-4f9d6a656421.png "スクリーンショット 2016-03-17 22.09.12.png")![スクリーンショット 2016-03-17 22.12.40.png](https://qiita-image-store.s3.amazonaws.com/0/41481/76ff1631-771c-68c2-506c-2b82edb6c16a.png "スクリーンショット 2016-03-17 22.12.40.png")![スクリーンショット 2016-03-17 22.09.36.png](https://qiita-image-store.s3.amazonaws.com/0/41481/0eaab8a8-6b2d-78ed-4f3a-fb274ec96ee8.png "スクリーンショット 2016-03-17 22.09.36.png")

【参考サイト】
▼チャットワークAPIドキュメント | メッセージ記法（公式サイト）
http://developer.chatwork.com/ja/messagenotation.html
▼投稿に装飾はできますか？（公式サイト）
http://help.chatwork.com/hc/ja/articles/203127904-%E6%8A%95%E7%A8%BF%E3%81%AB%E8%A3%85%E9%A3%BE%E3%81%AF%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%81%8B-

# 2. チャットワークの便利なショートカット
チャットワークの便利なショートカットは、チャットワークの画面右上にある「インフォメーション（！）」をクリックし、「ショートカット一覧」をご覧いただければ全て書いてあります。
（カーソルキャンセル時、`?`を押すことで確認することも可能です。）

![スクリーンショット 2016-03-17 23.04.57.png](https://qiita-image-store.s3.amazonaws.com/0/41481/84295ee7-fc6a-a119-700e-26a051a710f6.png "スクリーンショット 2016-03-17 23.04.57.png")

|キーボードショートカット|説明|
|:--|:--|
|`↑` または `k`|1つ上のチャットを選択|
|`↓` または `j`|1つ下のチャットを選択|
|`Enter`|選択中のチャットを開く|
|`Command` + `←`|左カラムを開閉|
|`Command` + `→`|右カラムを開閉|
|`g`|グループチャットを作成|
|`Esc`|アクティブになったカーソルをキャンセル|
|`m`|メッセージ入力欄にカーソルを移動|
|`Tab`|送信ボタンにフォーカス|
|`t`|タスク入力欄にカーソルを移動|
|`c`|コンタクトを追加|
|`f`|チャット名検索欄にカーソルを移動|
|`?`|ショートカット一覧を表示|

【参考サイト】
▼ショートカットキーを使用する（公式サイト）
http://help.chatwork.com/hc/ja/articles/203127414-%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88%E3%82%AD%E3%83%BC%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B
▼チャットワークの仕事効率を上げるショートカットとタグの使い方まとめ
http://bita.jp/blog/chatwork_shortcut

# 3. その他
個人的に重宝するのが、スクリーンショットのペースト機能です。
通常、Macでは
`Command` + `Shift` + `4`
でスクショを撮れることは有名ですが、それに`Ctrl`を加え、
`Command` + `Shift` + `Ctrl` + `4`
とすると、クリップボードにスクショをコピーすることができます。

あとは、メッセージ入力欄にカーソルを合わせ、ペースト（`Command` + `v`）すればOK！

【参考サイト】
▼クリップボードにスクリーンキャプチャ画像を貼り付ける
https://book.mynavi.jp/macfan/detail_summary/id=26614