Togetter用のフィルタリングuser.js

By mattz, 2012/03/23

茂木さんは別に嫌いじゃないんだけど、茂木さんの連続つぶやきをまとめている人たちはできれば手分けしてやってほしいなと思ったので作った(思ったのは本当だけど、もちろんそれだけが作った理由ではない)。

togetter-filter_300.js

必要な設定をした上で、Operaでuser.js用のフォルダに置いとけば、勝手に働くはず。自分用バージョンとちょっと違うので、ちゃんと試してないから あんまり自信ない。

Togetterのまとめのページをゴニョゴニョするやつ

By mattz, 2012/03/13

togetterのまとめページで、オリジナルのtweet(要するにパーマリンク)へのリンクが素直じゃないので作った。
ついでに、個人的には名前のところもtogetter内のユーザページじゃなくてtwitter.comのユーザページに飛んで欲しいので、そういう処理もします。

bookmarklet版

javascript:(function(){t='https://twitter.com/';l=document.querySelectorAll('.status_right');for(i = 0;i<l.length;i++){u=l[i].querySelector('.status_name');n=u.textContent;u.href=t+n;s=l[i].querySelector('[onclick]');if(s){d=s.getAttribute('onclick');s.removeAttribute('onclick');d=d.replace(/^.*\"(.*)\".*$/,'$1');s.setAttribute('href',t+n+'/status/'+d);}}})()

http://togetter.com/li/~なページでアドレスバーに貼り付けるとかするとリンク先がいろいろ置き換わります。

user.js版

mod-togetter.js

Operaでuser.js用のフォルダに置いとけば、勝手に働きます。

Togetterをフィルタリングするuser.js

By mattz, 2011/06/03

http://mattz.xii.jp/sites/default/files/togetter-filter_100.js
http://mattz.xii.jp/sites/default/files/togetter-filter_100b1.js

出来ること

  1. 指定したIDによるまとめを一覧から除外
  2. 指定したキーワードをまとめタイトルに含むまとめを一覧から除外
  3. 指定したID(1とは別管理です)によるコメントをコメント欄から除外
  4. 指定したIDのtweetを一時的に抽出/非表示/強調する機能を追加(1.0.0で追加)

簡単な使い方

user.jsそのものの使い方は省略します。

まとめのタイトルによるフィルタリング

このuser.jsを有効な状態でTogetterの「注目のまとめ」などの一覧ページを開くと、各まとめのタイトルの左に[NGワード登録]というボタンが表示されま す。
これをクリックすると、入力用のダイアログが開きます。初期状態ではそのまとめのタイトルが既に入力済みの状態になっていますので、適宜編集して[OK]ボタンを押すと、そこで登録した単語(文字列)を含むまとめは、「NGタイトルにより非表示にされています(クリックで再表示)」という表示に置き換わります。

これをクリックすると、フィルタリング対象のまとめでも表示し、登録してしまったNGワードを削除することもできます。

なお、「,」半角のカンマはNGワードに使えません。

まとめた人のIDによるフィルタリング

このuser.jsを有効な状態でTogetterの「注目のまとめ」などの一覧ページを開き、各まとめのまとめた人のアイコンをクリックすると、「このユーザの作 成したまとめを非表示にしますか?:○○」というダイアログが開きます。

[OK]を押すと、以後その人の作成したまとめは、一覧に表示されなくなります。復帰させたい場合は、その人のプロフィールページ(http://togetter.com/id/○○)に行くと、ページの左上の方に「このユーザのまとめは現在フィルタリング対象です。→[解除]」というメッセージが表示されますので、「解除」ボタンをクリックしてください。

コメント欄のIDによるフィルタリング

このuser.jsを有効な状態でTogetterの何かのまとめを開き、コメント欄の誰かのアイコンをクリックすると、「このユーザのコメントを非表示にしますか ?:○○」というダイアログが開きます。

[OK]を押すと、以後その人のコメントは、どのまとめページにも表示されなくなります。復帰させたい場合は、その人のプロフィールページ(http://togetter.com/id/○○)に行くと、ページの左下の方に「このユーザのコメントは現在フィルタリング対象です。→[解除]」というメッセージが表示されますので、「解除」ボタンをクリックしてください。

特定IDの抽出/非表示/強調

このuser.jsを有効な状態でTogetterの何かのまとめを開き、誰かのつぶやき部分をクリックすると、

このような物が表示されます。

[Pick-up]を押すと、その人のtweetsだけを残して、他の人のtweetを非表示にします。
[Remove]を押すと、Pickupの逆でその人のtweetsを非表示にします。
色付きの■部分を押すと、その人のtweetsのフォントカラーをその色に、背景色をアイボリーに変更して、少し目立つようにします。

やめたいときは「Click (or press [ESC]) to close.」部分をclickするか、Ecsキーを押してください。

また、これらの抽出/非表示/強調はあくまで一時的なもので、ページを読み込み直すと元の状態に戻ります。

Togetter用のuser.js最新版

By mattz, 2011/06/02

http://mattz.xii.jp/sites/default/files/togetter_421.js

2011/10/05:いくつか設定項目を追加しました。

http://mattz.xii.jp/sites/default/files/togetter_410.js

2011/06/10:いくつか設定項目を追加しました。

http://mattz.xii.jp/sites/default/files/togetter_401.js

2011/06/06:Togetterのhtmlが変更になったようで「最初から"もっと読む"」が効いていなかったので修正しました。

http://mattz.xii.jp/sites/default/files/togetter_400.js

多少修正して、とりあえず4.0.0としてはフィックスします。

http://mattz.xii.jp/sites/default/files/togetter_400b1.js

とりあえず版。Togetterさん、リニューアルで以前に比べればだいぶすっきりしましたけど、個人的にはまだ要らない(サービスとし て必要なのは分かりますが)要素が多いので、その辺をすっきりするだけです。まぁ、ほとんどの項目はuser.cssで消せるんですけどね。

スクリプト適用前

スクリプトを適用し、全ての設定を有効にした場合

フィルタリングしたりするのは、別ファイルに分けようかと検討中。

Togetter向けuser.jsバージョンアップ

By mattz, 2010/09/15

2011/06/02 追記

2011/5末のリニューアルに伴い、リンク削除。

2010/04/16 追記

自分で使っていて見つけた不具合の対応だの、気に入らないところの調整だの追加したい機能だのがちょこちょこと出てくるので、結構頻繁にバージョンアップしています。で、本日現在の最新版。

http://mattz.xii.jp/sites/default/files/togetter_3_0_4.js

ちなみにバージョン2系の更新履歴はこんな感じ。

//   2.0.0 b1 2010/09/15 リリース
//   2.0.0 b2 2010/09/16 RT省略時のURLがリンクにならないのをとりあえず対応
//                       タイトルのNGワードフィルタ機能追加
//   2.0.0 b3 2010/09/16 まとめの時系列が逆転しているtweetにマークする機能追加
//   2.0.0    2010/09/22 まとめた人のIDでフィルタリングする機能追加
//   2.0.1    2010/10/01 リニューアル対応,
//                       設定キャンセルボタンの追加
//   2.0.2    2010/10/04 全体がRTであるtweet(意味があるというのもわかるが邪魔だ)を隠す機能を追加
//                       ついでにclip関係にバグがあったので修正
//   2.0.3    2010/10/05 サマリの省略方法の変更
//   2.0.4    2010/10/22 設定を開くボタンの表示位置を選べるようにした。
//   2.0.5    2010/11/29 はてなブックマークの変更に対応

ここから元々のの本文

Togetter関連の諸々を一つにまとめてみました」で公開しているtogetter.jsですが、色々思うところあって、バージョン2を作りました。

http://mattz.xii.jp/sites/default/files/togetter_2_0_0.js

2010/10/01リニューアル対応版
http://mattz.xii.jp/sites/default/files/togetter_2_0_1.js

2010/10/04 バグ修正&機能追加
http://mattz.xii.jp/sites/default/files/togetter_2_0_2.js

バージョン1から変わったこと

ページャー機能の廃止
ネイティブなページャのみで十分であろうと判断。
各種設定をブラウザ上でできるように変更
ウィンドウ右上に常に黄緑色の■が表示されるようになりますが、これをクリックすると、設定変更できます。
localStorageチョーベンリ。
特にgreasemonkeyの人は、scriptを書き換えるというのは大変そうなので。
とはいえ、今回greasemonkeyとして機能するかどうかは全く検証してません。基本Opera用です。
Greasemonkey版も一応用意しました。動かない(Firefoxでは動くみたいですが、Chromeだとダメですね)とか文句言われても対応できませんので、自分で何とかしていただいて何とかしたら是非公開してください。
Greasemonkey版は諦めました。jQueryを読み込む処理の分、別版にせざるを得ないのに加えて、普段使いもしないFirefoxのために対応する気になれ ません。パブリックドメインなので、必要なら勝手になんとかしてください。
ID(スクリーンネーム)ごとに背景色を変更する機能の廃止
要らないよね?どうしても欲しい人がいたら追加しますけど。
思いっきりjQueryに依存
何かと便利なので。

バージョン2公開時からさらに変わったこと

まとめた人のIDによってフィルタリングする機能を追加
誰とはここには書きませんけど。
個別まとめページのページ上部のメニューにコメント欄へのリンクを追加
コメントが増えてるかどうか確認したくて再訪することが結構あるので。
まとめタイトルをNGワードでフィルタリングする機能
ないすみーとかないすゆーとかホント興味ないんです。
まとめの並び順が時間順じゃない時に強調する機能を追加
わざわざそういうまとめをする場合、何かしら意図があるはずなので。

おすすめのuserCSS

あと、個人的には、下のようなuser cssと組み合わせるといいと思っています。色々非表示にしてますが、表示したい項目があったら、適宜修正してください。

div.list_body span[class]{
  font-weight:normal !important;
  font-size:inherit !important;
  font-style:normal !important;
  color:inherit !important;
}
.favorite_box                 /* 誰がお気に入りしたかとか興味ない                     */
,.hatena-star-star-container  /* どれだけスターがついたかとか興味ない                 */
,.tag_box                     /* どんなタグが付いているかにも興味ない                 */
,.icon                        /* どれだけ気に入られてるかとか読まれてるかとか興味ない */
,.ticket_img                  /* 新着かどうかとか興味ない                             */
,.side_user_box               /* 最近ログインしたユーザとか一番興味ない               */
,.blogparts_box               /* BOTのつぶやきとか見る必要を感じない                  */
,#footer                      /* フッタも要らね                                       */
,.twitter_button              /* Tweetボタンイラネ                                    */
,.livedoor_button             /* Clipボタンイラネ                                     */
,.delicious_button            /* delciousボタンイラネ                                 */
,.hatena_button               /* はてなブックマークボタンイラネ                       */
,.followme_box                /* フォローする気もない                                 */
{
  display:none !important;
}
.info_description{
  display:none;
}
a.info_title
{
  background-image:none !important; /* 一覧画面のタイトルの下線だと思ったら画像かよ */
  font-size:11pt !important;
}

2010/09/22 追記

「まとめた人のIDによってフィルタリングする機能を追加」したバージョンを先ほど公開しました。
とりあえずこれでバージョン2としてはフィックスします。当面、バグ対応以外の修正は行いません。

2010/10/04 追記

つもりでしたが、機能追加しちゃいました。

Togetter関連の諸々を一つにまとめてみました

By mattz, 2010/04/23

2011/05/31 追記

Togetterがリニューアルで色々と変わって、そのままでは使えないのでとりあえずリンク外します。リニューアル対応はすすめていますが、Togetter自体、このあともしばらくは変更が入りそうなので、ある程度落ち着いたところでver 4.0.0を出します。


Togetter関連のもろもろを1つのuser.jsにまとめた。

ダウンロード→ http://mattz.xii.jp/sites/default/files/togetter.js

2010/04/26 追記

greasemonkeyタグつけてブックマークしている人とかいて申し訳ないので、Greasemonkey分からないなりに頑張って対応してみた。→ http://mattz.xii.jp/sites/default/files/togetter.user.js

2010/04/27 追記

ちょこちょこと微調整。

2010/04/28 追記

RTの引用部分を省略する時に、省略した部分をRT元のIDへのtitle要素にしてマウスオーバーで参照できるように変更した。

2010/09/15 追記

Togetter側で、@つきの名前をポイントすると、プロフィール?をhover表示するようにしてるため、これがうまいこといきません。
回避するには http://platform0.twitter.com/*/javascripts/hovercards.bundle.js をコンテンツブロックしてしまうという手がありますが、副作用もあ りますので、ご利用は計画的に。

2010/07/20 追記

Togetterのデザインリニューアルにあわせて修正しました。機能の追加はありません。

できること

  • http://mattz.xii.jp/node/388 フォントいじりを全て無効化します。
  • http://mattz.xii.jp/node/389 はてなブックマーク関連のイマイチしっくりこないところを僕にとって自然な感じに変更する。
  • ↑に加えて、ldcのclip数を表示したりできます。
  • http://mattz.xii.jp/node/390 ページャーリンクの追加。
  • 作成者のtweetだけ目立たせる。
  • 作成者のtweetの占有率を表示する。 http://d.hatena.ne.jp/Pasta-K/20100321/1269164746 をclipしてる人がウォッチリストにいたのでtitleだけみ て取り込んでみた。まぁ大元は@otsuneのtweetだしパクリとか言わないで下さい。というかソースを参考にしたりはしてませんがネタ自体はパクリです。ごめんなさい。
  • ID(スクリーンネーム)ごとに背景色を変更する。
  • 「引用つき野良RT」っぽいtweetの引用されたと思しき部分を消して「誰のtweetをRTしたか」だけ分かるようにします。ちなみにtweet自体が「RT:」で始まってたりするtweetは僕にとっては無価値なので、丸ごと消えます。
  • 「お気に入りしたユーザ」のアイコンを小さく表示します。つか、これこんな上の方に要らないでしょ。

全て、ほんのちょっと書きかえるだけで、機能を無効にできます。例えばフォントいじりの無効化とかはUserCSSの方が早かったりするので、不要ならdestroyTweetsSpanStyleってところをfalseにしてもらえばいいです。誰でも分かるようにしたつもりですけど、分からなかったら諦めて下さい。面倒見る気はありません。

Togetterにページング機能を追加するuser.js

By mattz, 2010/04/14

またTogetterです。これじゃ好きじゃないとか言っても信用してもらえません。ま、せっかく作ったんで。

要するに

こうするuser.jsです。

http://mattz.xii.jp/sites/default/files/togetterpager.js

前/次リンクについてはTogetter本家が実装したようなので、<link rel='Prev'>とか<link rel='Next'>とかだけ追加するようなものに修正。

ナビゲーション要素に追加しますので、fastforwardも効きます。

Togetterの[XXusers]画像のリンク先をはてなブックマークのコメントページに変更するuser.js

By mattz, 2010/03/26

それほどTogetterが大好きってわけでもなんでもないんですが、Togettrのまとめページ見てると、何でこの画像のリ ンク先がはてなブックマークじゃないんだろう?といつも思うので。

http://mattz.xii.jp/sites/default/files/togetter2.js

追記

Togetterのデザイン変更で多分動かなくなったのでリンク外す。

Togetter関連の諸々を一つにまとめてみましたで代用可能だと思うので使ってやってください。

Togetterにおける「編集者の手による過剰な装飾を利用した意識誘導」につられなくなるためのUser CSS

By mattz, 2010/03/26

タイトルのまんま。

div.list_body span[class]{
  font-weight:normal !important;
  font-size:inherit !important;
  font-style:normal !important;
  color:inherit !important;
}

追記:今現在僕が適用しているTogetterのuserCSS

上記に加えて

.favorite_box                 /* 誰がお気に入りしたかとか興味ない                     */
,.profile_box                 /* 誰がまとめたかとか興味ない                           */
,.info_description            /* サマリ読むと予断が生じるから見ない                   */
,.info_box_left               /* 誰がまとめたかには興味がない                         */
,.hatena-star-star-container  /* どれだけスターがついたかとか興味ない                 */
,.tag_box                     /* どんなタグが付いているかにも興味ない                 */
,.icon                        /* どれだけ気に入られてるかとか読まれてるかとか興味ない */
,.side_list_box .twitter_icon /* 誰がまとめたかには興味がない                         */
,.ticket_img                  /* 新着かどうかとか興味ない                             */
,.side_user_box               /* 最近ログインしたユーザとか一番興味ない               */
,.blogparts_box               /* BOTのつぶやきとか見る必要を感じない                  */
,#footer                      /* フッタも要らね                                       */
{
  display:none !important;
}
a.info_title
{
  background-image:none !important; /* 一覧画面のタイトルの下線だと思ったら画像かよ */
}

こんな感じ。

読みやすくする、以外に、まとめ人の意図を極力読まないというのが意図するところ。故にまとめられたtweet群とそこについたコメント以外の情報は邪魔 なものとして原則として排除している。

タグ