Quantcast
Channel: ラシカル開発記 » Proxomitron
Viewing all articles
Browse latest Browse all 3

Twitterクライアント「Crowy」で「twicca」みたいなカラーラベルを使用可能になるProxomitronフィルター

$
0
0

Web型のTwitterクライアント「Crowy」でAndroidのTwitterクライアント「twicca」のようなカラーラベルを設定できるProxomitronのフィルターを作成しました。

twicca

 

以下がそのフィルターで、「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フィルターを設定した状態です。

beforeafter

カラーラベルが右側に出てくるのは、「Crowy」では新着メッセージが受信されると左にラベルが表示されるようになっているので、あえて右側に表示するようにしています。

どうしても左がいいという場合は、「borderRight」の部分を「borderLeft」に変更してください。


Viewing all articles
Browse latest Browse all 3

Latest Images

Trending Articles





Latest Images