「jsshell」で「ChatWork」をプチカスタマイズ!

jsshellは、Chromeのアドインで手軽にJavaScriptの実行テストが行えます。

ｊQueryも内包?しているようでｊQueryを記述してもOKです。

 jsshellの機能の一つに指定したURLが表示された場合に任意のJavaScriptを実行出来るように設定することが出来ます。

で!

この機能を利用してChatWork(チャットワーク)をプチカスタマイズしてみます!

ChatWork(チャットワーク)は、非常に便利でビジネスプランで使っています!

※KDDI ChatWork が発表になっていますね!すごいな!

最近、ChatWork(チャットワーク)でチョット不便と思っている事が、

チャットのカテゴリを選択している状態で(下図の場合、「自分専用」を選択中)

「未読：*」があると表示され、未読を読もうとクリックしても別のチャット内の未読なので何も表示されず、チャットのカテゴリ指定を「すべてのチャット」に切り替えなければならない。

なんか不便!

jsshellでカスタマイズしてしまいましょう!

「｜未読all｜」と言うボタン?を追加し、[未読]のクリックと「すべてのチャット」に切り替えを1クリックで行えるようにします!

jsshellをインストールして下さい。

ChatWorkのウインドウを開いておき(https://www.chatwork.com/)

Chromeの右上に[js]と言うボタンが現れるのでクリックします。

ウインドウに

js.custom.edit('ChatWork_Custom');

と入力し、[run]をクリック。※'ChatWork_Custom'は任意で、jsshellへのScriptの登録名です。

以下の様に入力!
Command Shortcut[chatwork_custom]

URL Match RegEx [^https?://www\.chatwork.com/]

URLは正規表現で指定のようですね!既に入力されているはずなので#から後ろを削除して登録しましょう。

スクリプトここから - - - - - - - - - -

javascript:

function Custom(_Target,_Add,_tag,_script){

if($(_Add).length==0){

$(_Target).append(_tag);

var c_script = document.createElement("script");

c_script.type = "text/javascript";

c_script.text =_script;

$("body").append(c_script);

}}

/*未読allボタン*/

Custom(

".ui_chatlistheader",

"#user_custam",

'<div id="user_custam"><a herf="#">｜未読all｜</a></div>',

'$("#user_custam").click(function(){$("#cw_rc_all").click();$("#cw_only_unread_room").click();})'

);

/*infoTAGボタン*/

Custom(

".toolbar",

"#user_custam_infotag",

'<div id="user_custam_infotag"><a herf="#">｜infoTAG｜</a></div>',

'$("#user_custam_infotag").click(function(){var str = $("#cw_chattext").val();var row = new Array();row=str.split("\\n");var newstr="[info][title]"+row[0]+"[/title]";for (var i = 1, n = row.length; i < n; i++){newstr = newstr + row[i]+"\\n" ;}newstr = newstr + "[/info]";$("#cw_chattext").val(newstr);})'

);

/*jjs.custom.edit('ChatWork_Custam');*/

/*js.custom.remove('ChatWork_Custam');*/

- - - - - - - - - - ここまで

右上の「チェックマーク」をクリックして登録を完了して下さい。

これでChatWork(チャットワーク)を開いた時に登録したScriptが実行され「｜未読all｜」ボタンが追加されます。

ついでに上記Scriptには/*infoTAGボタン*/　も仕込んであります。

「｜infoTAG｜」ボタンも追加されます。

「｜infoTAG｜」ボタンをクリックすると

[info][title]タグが追加されます。

ChatWork(チャットワーク)がバージョンアップされこれらの機能が追加されれば不要となりますが、

別機能のプチカスタマイズに使えたり、他のサイトでも使える方法なのでJavaScriptが書ければ何かと便利です。

自己責任でお試し下さい。

今回「jsshell」に登録したスクリプトの削除方法：

「jsshell」ウインドウに以下を入力して実行して下さい。

js.custom.remove('ChatWork_Custam');