こちらの記事では、仕事効率&見た目向上に役立つChatworkおすすめ拡張機能を紹介します。
ブラウザ版Chatworkでの業務を効率化したい場合は導入をご検討ください。
チャットワークおすすめの拡張機能
Chatworkでの作業を効率化できるGoogle Chrome拡張機能を紹介します。
[多機能] Slim Chatwork
配色の自由なカスタマイズに対応し、視認性を高められる機能が揃っています。
https://chrome.google.com/webstore/detail/slim-Chatwork/hckmjlnhaeikfnmmfjniechjanhhfnjh

詳細な設定方法や機能は個別の解説記事でもまとめています。

[多機能] Chatwork Blue&Black Skin Extension
画面をコンパクトで見やすいデザインに変更でき、表示周りの便利機能も利用できます。
https://chrome.google.com/webstore/detail/Chatwork-blueblack-skin-e/lncidbbcmjegllbdlpbmgdelncdpgpkc
- チャットリストの高さが縮み、コンパクト表示
- すべて既読機能
- タグ入力機能
シンプルな表示調整を行いたい場合にも適しています。
[装飾用タグボタン設置]Chatwork-Input-Tools
拡張機能を導入すると、クリック操作だけでメッセージ装飾用の記法を挿入できます。
[info][title][code][qt][hr]などのタグを呼び出すショートカットアイコンが追加されます。
昔はい愛用していましたが、今はSlim Chatworkにも搭載されて使わなくなりました。
[リンク作成]Chatworkリンクメーカー
Chatwork向けのリンク用記法を素早く生成できます。
チャットワークおすすめのカスタマイズ
ここでは専用拡張機能を使わずに見た目や操作感を調整するカスタマイズを紹介します。
[改善]プレビュー表示を消す

チャットワークに貼られたリンクをコピーするとプレビューの文字までコピーされてしまいます。
リンク先のタイトルなど不要なプレビュー文字をコピー対象から外すための設定手順です。
はじめに、ユーザースタイルシートを適用できるChrome拡張機能「Stylus」をインストールします。
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja
Stylusのアイコンをクリックし、「次のスタイルを書く」から新規スタイル作成画面を開きます。

下記のCSSを貼り付けて保存すると、チャットワーク上のリンクプレビュー文字が非表示になります。
/*プレビューの文字を消す*/
._previewLink {
display:none;
}右下の広告を消す
無料プランでは画面右下に広告枠が表示され、タスク一覧や入力欄の操作に干渉する場合があります。
CSSを適用して非表示にします。
前項と同様に、Chrome拡張機能「Stylus」を利用してスタイルを適用します。
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja
/*広告を消す*/
.promotionContent {
display: none;
}[全グループの一括既読化ボタン]Chatworkブックマークレット
※こちらはChrome拡張機能ではなく、ブラウザのブックマークから実行するブックマークレットです。
Chatworkの画面を開いた状態で登録したブックマークをクリックすると、未読メッセージが一括で既読になります。
ブラウザに新規ブックマークを作成し、URL欄に下記のJavaScriptコードを登録してください。
javascript:var d=new Date();
var rid;
$('#_roomListArea li').each(function(i, element){
rid = $(element).data('rid');
$.getJSON('https://'+window.location.hostname+'/gateway.php?cmd=read&myid='+MYID+'&_v='+CLIENT_VER+'&_av=5&_t='+ACCESS_TOKEN+'&ln=ja&room_id='+rid+'&last_chhkkt_id='+$('._message[data-rid='+rid+']:last ').data('mid')+'&_='+d.getDate());
});業務効率化に役立つその他のツール情報は、まとめ記事から確認できます。

画面デザインを詳細に調整したい方向けの拡張機能記事はこちらです。

この記事で紹介しているコードは、GitHubのMOTOKI-LLC/cg-method-codeにもまとめています。
ChatworkやSlackへ通知を送る方法は、ほかにもあります。



おすすめのチャットワーク拡張機能5選まとめ
本記事では、Chatworkの業務効率化とUI改善に役立つ拡張機能やカスタマイズ方法を紹介しました。
Slim Chatworkは必須の拡張機能なのでこれだけは入れておきましょう!
必要な機能を用途に合わせて取り入れ、Chatworkの操作性を向上させてみてください。
