Web型のTwitterクライアント「Crowy」でAndroidのTwitterクライアント「twicca」のようなカラーラベルを設定できるProxomitronのフィルターを作成しました。
以下がそのフィルターで、「TwitterのユーザーID」と書かれている部分にカラーラベルを設定したいTwitterユーザーのユーザーIDを設定します。
次に色を設定します。「カラーラベルの色」と書かれている部分に色を設定します。「#FF0000」などのカラーコードで設定してください。
[Patterns] Name = "Crowy twicca Like ColorLabel" Active = TRUE URL = "pic.crowy.net/js/main.min.js$TYPE(js)" Limit = 4 Match = "m=q\}" Replace = "m=q;" "var color_user = [" " {"user_id": "TwitterのユーザーID", "color": "カラーラベルの色"} " "];" "" "var a_work = q.children(".user-name");" "" "for(var i_work = 0; i_work < a_work.length; i_work++){" " for(var j_work in color_user){" " if(a_work[i_work].pathname == color_user[j_work].user_id" " || a_work[i_work].pathname == "/" + color_user[j_work].user_id){" " q[0].style.borderRight = "solid 5px " + color_user[j_work].color;" " }" " }" "}" "}"
複数設定する場合は、以下のようにユーザーIDやカラーラベルの色を複数設定します。
[Patterns] Name = "Crowy twicca Like ColorLabel" Active = TRUE URL = "pic.crowy.net/js/main.min.js$TYPE(js)" Limit = 4 Match = "m=q\}" Replace = "m=q;" "var color_user = [" " {"user_id": "TwitterのユーザーID1", "color": "カラーラベルの色"}, " " {"user_id": "TwitterのユーザーID2", "color": "カラーラベルの色"}, " " {"user_id": "TwitterのユーザーID3", "color": "カラーラベルの色"} " "];" "" "var a_work = q.children(".user-name");" "" "for(var i_work = 0; i_work < a_work.length; i_work++){" " for(var j_work in color_user){" " if(a_work[i_work].pathname == color_user[j_work].user_id" " || a_work[i_work].pathname == "/" + color_user[j_work].user_id){" " q[0].style.borderRight = "solid 5px " + color_user[j_work].color;" " }" " }" "}" "}"
複数設定する場合は、必ずカンマ区切りで設定する必要があるので、ご注意ください。最後の部分はカンマは必要ありません。
{"user_id": "TwitterのユーザーID1", "color": "カラーラベルの色"},
{"user_id": "TwitterのユーザーID2", "color": "カラーラベルの色"},
{"user_id": "TwitterのユーザーID3", "color": "カラーラベルの色"}
左がProxomitronフィルターを設定していない状態、右がProxomitronフィルターを設定した状態です。
カラーラベルが右側に出てくるのは、「Crowy」では新着メッセージが受信されると左にラベルが表示されるようになっているので、あえて右側に表示するようにしています。
どうしても左がいいという場合は、「borderRight」の部分を「borderLeft」に変更してください。