Chatwork│仕事効率UP！おすすめの拡張機能とカスタマイズ

2022 12/05

2017年1月10日 2022年12月5日

こちらのCGメソッドの記事では仕事効率&見た目UP！チャットワークおすすめの拡張機能5選！を紹介します！

ブラウザーでチャットワークするならぜひ入れておきましょう！

チャットワークおすすめの拡張機能

現在も使っているChatworkを便利にするGoogle Chrome拡張機能を紹介いたします。

[多機能] Slim Chatwork

配色自由でおしゃれで見やすくなります！便利な機能も多数あり。

https://chrome.google.com/webstore/detail/slim-Chatwork/hckmjlnhaeikfnmmfjniechjanhhfnjh

HIGA TSUBASA – ポートフォリオ｜C…

HIGA TSUBASA – ポートフォリオ｜COFUS cofus.workは比嘉翼 – HigaTsubasa（フロントエンドエンジニア）が生涯の内に行う生産的活動を管理する個人Projectです。屋号：COFUS（こふす）。制作物をまとめたポートフ…

特におすすめの拡張機能で記事化しました！

[多機能] Chatwork Blue&Black Skin Extension

正当進化系です。見やすくコンパクトになります！他にも便利な機能もたくさんあります。

https://chrome.google.com/webstore/detail/Chatwork-blueblack-skin-e/lncidbbcmjegllbdlpbmgdelncdpgpkc

チャットリストの高さが縮み、コンパクト表示
すべて既読機能
タグ入力機能

とこちらも使いやすいです。

[装飾用タグボタン設置]Chatwork-Input-Tools

これを入れるだけで、ボタンを押せば装飾記法が挿入されます。
[info][title][code][qt][hr]等のタグのショートカットアイコンが追加されます。

https://chrome.google.com/webstore/detail/Chatwork-input-tools/iaemcpeoioekjbbephpefmdoncmpdcdc?hl=ja

すいみん

昔はい愛用していましたが、今はSlim Chatworkにも搭載されて使わなくなりました。

[リンク作成]Chatworkリンクメーカー

チャットワークで見やすいリンクを生成します。

https://chrome.google.com/webstore/detail/Chatwork%E3%83%AA%E3%83%B3%E3%82%AF%E3%83%A1%E3%83%BC%E3%82%AB%E3%83%BC/akhcbndknelgdjnehlpnhenpdhnlepko?hl=ja

↑目次へ戻る

チャットワークおすすめのカスタマイズ

この項目ではChrome拡張機能以外のカスタマイズを紹介します。

[改善]プレビュー表示を消す

チャットワークに貼られたリンクをコピーするとプレビューの文字までコピーされてしまいます。

こちらの表示を消す方法です。

まず、StylusというChromeの拡張機能を入れましょう。

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja

拡張機能のアイコンを押して次のスタイルを書くのリンクを開きます。

あとは下記のCSSをコピペして保存すれば、チャットワークでのプレビューの文字が非表示になります。

/*プレビューの文字を消す*/
._previewLink {
    display:none;
}

右下の広告を消す

無料版は右下に広告が出て、タスク関係の操作に邪魔です。CSSで消してしまいましょう。

前提としてStylusというChromeの拡張機能を入れましょう。（上の項目を参照）

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja

/*広告を消す*/
.promotionContent {
    display: none;
}

[全グループの一括既読化ボタン]Chatworkブックマークレット

※こちらは拡張機能ではなく、ブックマークレットです。

既読にしたいチャットを開き、ブックマークを押すと全て既読になります。

空のブックマークのURLに下記のコードを挿入しましょう！

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());
});

↑目次へ戻る