twicliはブラウザで動くのでUnified Sidebarを使ってサイドバーに縦置きタブバーと一緒に表示しています。
サイドバーへの表示はブックマークは面倒なのでCustom Buttonsのボタンとしておいています。

twicli

次はCSSの設定、CSSは基本的に最小限で無駄なものを消したりするぐらいです。

.uname{
    display:none;
}
#counter{
    font-size: 9pt!important;
}
/* Removeボタン */
#user_info > input{
    display:none;

}
/* shortcut.js */
.selected {
    background-color: #DDD !important
}

Removeボタンを消してるのはプラグインの関係で誤爆を防ぐためです。(通常は確認ダイアログがでるので誤爆しないかな)
次にプラグインの設定

ssl.js
regexp.js
lists.js
shortcutkey.js
search.js
search2.js
followers.js
shorten_url.js
resolve_url.js
translate.js
scroll.js
thumbnail.js
geomap.js
tweet_url_reply.js

https://gist.github.com/510112.txt#multi-users.js


https://gist.github.com/567983.txt#twicli_post_canceler.js


https://gist.github.com/655300.txt#switchViewedSearches.js

data:text/javascript,var fst=$('fst');fst.focus=fst.select=confirm=Array;

URLじゃないの部分はデフォルトのプラグインなので説明を省きますが、最後の4つが使ってるプラグインです。

• multi-users.js

一度タイムラインを表示したことのあるユーザーのタイムラインを簡単に再表示するプラグイン

• twicli post canceler.js

ポストをした際に5秒以内なら中止できるボタンを出す

• switchViewedSearches.js

ハッシュタグや検索結果のタブを一つのタブにまとめる。
サイドバーで使うと狭いので、まとめるために使ってる。

最後のデータスキームURIとなってる部分はわざわざjsファイルとして読み込ませるほど長くはないので直接書いています。

data:text/javascript,var fst=$('fst');fst.focus=fst.select=confirm=Array;

これは、twicliはデフォルトだとポスト後に入力フォーム(fst)へのフォーカスしてしまって、サイドバーで使っているとフォーカスが奪われるのでかなり邪魔になります。なので、focusやselectを潰して、またRTなどで確認ダイアログが面倒になっているので同じように潰しています。(Removeボタンも確認ダイアログがなくなるので、RemoveボタンはCSSで非表示にしています)

他のTwicliプラグインはtwicli plugins – GitHubにまとめられているそうです。

Pickup Patternはそこまで使ってないでの省略。

twicliはJavaScriptで拡張できて、ブラウザで動くのでどこでも使える感じで便利。
みんなもっと設定公開するといいよ

twicli – A Web Browser-Based Lightweight Twitter Client

http://www.geocities.jp/twicli/

まずはTwitterを検索するサービス

• Twitter Search
  Twitter公式の検索サービス。最も反映が早いけど、日本語とかの検索は不向き
  一週間分のデータしか検索できません。
• Replay
  GoogleによるTwitterのアーカイブ検索です。
  反映もとても早く、過去の内容も検索でき、日本語もGoogleのエンジンで検索するので多少曖昧でも引っかかります。
  誰か知らないけど、こういう事言ってたという感じのものを検索する場合はReplayが一番期待に添えると思います。
  適当に作ったFirefoxの検索プラグイン(ChromeとIEも検索サイトに追加できるみたい)はここから
• twitter検索(yats)
  日本語に絞ったTwitter検索です。
  user:オプションや-noiseオプションなどを使う事でかなり絞ってかつ日本語圏の発言が検索できるのでとても重宝する。
  情報の精度が高いという感じなのでTwitter search(ja) result on Google for Greasemonkeyを使ったりしてよく利用しています。

自分の発言やお気に入りを検索するサービス

• Twilog – Twitterのつぶやきをブログ形式で保存
  自分の発言をアーカイブできるサービス。
  ログインすることで公式ReTweetしたものもアーカイブできるので、発言+RTが保存できます
  • twilog date linker for Greasemonkey
    検索結果に日付別へ飛ぶリンクをつけます
• favolog – Twitterのお気に入りをらくらく管理
  TwilogのFavバージョン。
  Favmemoと同じくタグ編集機能があります。
  基本的な作りはTwilogと同じなので、自分以外のユーザーへも公開できます。
• Favmemo
  自分のお気に入り(Fav)したものを検索できるサービス
  過去をさかのぼって、お気に入りしたものも取り込んでくれます。
  お気に入りにタグをつけて管理することもできるのでこれからも期待。
  検索がAjaxで行われるので体感的に早く感じます。
  Favmemoの検索プラグインはこちらから
• ふぁぼるっく
  お気に入りしたものやお気に入りされたものを検索できる。(ふぁぼったーにあったような感じ)
  ただ取りこぼしもあるので完璧ではない。

Favmemoができた事で、Twitterでの事は大体アーカイブでき検索できる環境が整った気がします。
FavstarとかふぁぼったーとかTwistarは通常は検索できないので今回は除外した。

では良き検索生活を。

1. ==ではなく===を使うべき
   (自動的に型変換に行われないのでバグが減る、高速)
2. new Object() and new Array() よりも[] or {}を使うべき。
   []や{}の方がシンプル
   JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナルで出てくるのは間違いだと思う。
   • [] vs new Array() · jsPer
   • http://twitter.com/Constellation/status/27351865075
3. evalなど文字列から実行するタイプの使うのを避けろ
4. クロージャーでvar that = this;の方が意味合いがいい気がする
5. ループ内で使う変数の宣言はループの外側でしろ
6. If(){}の{}はできる限り省略するな
7. プロトタイプ汚染があるかも知れないときにfor inはhasOwnProperty()と組み合わせ
8. 奇数や偶数を知るためにif( i % 2 )を使うなら、ビット演算でif( i & 1 )とやった方が高速。(補足あり)
   (整数以外の時は気をつける必要あり https://twitter.com/Constellation/statuses/27349855309 )
9. 変数宣言するときにvarはつけ忘れるな。スコープで混乱する
10. jQuery で下のように書くと便利
    ( function( $ ) { /* Code */ } )( jQuery );
11. alert(“hello”); (いや何となく入れたかった)
12. 初期化にvar foo = o || {};とするとoが無いときに空のオブジェクトが入るテクニック。
    if文でやるよりも&演算子を使ってオブジェクトの確認した方が高速。
    var bar = o && o.bar;// oがあったらo.barがbarに入る
13. jQuery on IE6,IE7でClassnameだけのセレクタ指定は避けた方がいい。(遅い)
14. ある年月の日数を取得するには(その月の最終日)
    var numdays = 32 – new Date([year], [month], 32).getDate();
    https://twitter.com/xulapp/statuses/27442123309
15. 文字列の結合は配列に入れて最後にjoin(“”)するといい
    (主に差が出るのはIE)
16. parseInt(number, 10);よりも~~number というようにビット演算使った方が高速(補足あり)
    (Math.floorの代替)
17. グローバル名前空間を汚すことないように即時実行できる無名関数を使えるときは使う。
    (function(){ /* MY CODE HERE */ })()
18. Ajaxリクエストでキャッシュが使われたくないときはURLに適当なクエリをつける
    var sUrl = “ajaxResponse.php?t=”+new Date().getTime();
19. forループで毎回lengthを参照するのは非効率なので、最初か外に出しましょう。(5と似てる)
    for(var 0, arrLen = myArray.length; i<arrLen; i++){…}
20. 関数のcontextを変えるには”myFunction.call” や”myFunction.apply”が使えるよ。
21. javascript 1.8ならオブジェクトのプロパティ数を取得できる。
    function getPropertyCount(obj) return obj.__count__;
    Mozilla JavaScript Extension: __count__ | NCZOnline
    javascript object __count__ property « ku
22. a onclick=”soVeryWrong();”は止めておけ。イベントリスナーを使いましょう。
23. Math.max.apply(Math, arr); その配列arrの最大値が取得できる。
24. Math.floorの代わりにビット演算(補足あり)
    var num = 2.222 | 0;// 2
25. 無名関数の即時実行の応用で、undefinedの手に入れ方
    (function(undefined){/*now you can be sure that undefined really is undefined*/}());
    (JavaScriptだとundefinedは書き換え可能なので、void 0などでundefined取得する方法などがある)
26. argumentsを配列に変換するなら
    var ary = Array.prototype.slice.call(arguments);
27. ワンライナーでURLのファイル部分(/から最後まで)を取得するには
    location.href.split(“/”).pop(); や location.href.split(“/”).slice(-1)[0];// こっちは非破壊的(この場合意味ないけど)
28. JavaScriptでステートメントの最後には;をいつもつけておいた方がいい。
29. if文などで偽として評価されるのはfalse, null, undefined, 0, “”, NaNの6つ。
30. sort()は安定ソートではない(Chrome and Operaは特に)、なので扱う時気をつけろ。

16,24の補足
ビット演算は速いけど、副作用がある場合があるので使う時は気をつける。(負の値の時とか)

• 小数から整数部分だけを取り出すときのアレコレ – まるでとりとめのない。
• JavaScriptのビット演算の仕組みを理解する – 風と宇宙とプログラム
• 論理演算1 (mitsunari@cybozu labs) – 副作用
• Bitwise Operators – MDC

Togetter – 「JavaScriptのベストプラクティス大会 jsEdu」

http://togetter.com/li/59441

• mataniconicomiteru for Greasemonkey

使用方法

まずはニコニコ動画の動画ページでステータスバーのGreasemonkeyアイコンを右クリック→ユーザースクリプトコマンドからOAuth認証をする必要があります。

コマンドを実行するとOAuth認証のパネルが出てくるので、ボタンからTwitterへ行きOAuth認証してPINコードをコピーしてテキストエリアに入力すると準備完了です。

認証済みだったら動画タイトル部分にまたニコのボタンが出るので、それをクリックしてコメントを入力してまたボタンを押せばTwitterへ投稿できます。(nico.msのURLを使って投稿します。

オリジナルの機能としてはコメント入力欄の右側に文字数のカウンターが付いてるぐらいです。

mataniconicomiteru for Greasemonkey

http://userscripts.org/scripts/show/83795

使い方

NILScriptのページからnil.zipをダウンロードして、適当な場所に解凍します。
解凍して出てくるng.exe(コンソールあり)とngw.exe(コンソールなし)のどちらかに、NILScriptのスクリプトファイルである*.ngファイルを渡すと実行されます。(WSHだとng = Cscript ,ngw = Wscript みたいな感じ)
毎回ng.exeなどにD&Dや引数などでngファイルを渡すのは面倒なので、ngファイルをクリックで実行できるように関連づけを行うinstall.batというのが入っています。実行するとng.exeと*.ngファイルが関連づけされ、クリックで実行できるようになります。
(多分レジストリを使うのはここだけ)
これで、実行する準備はできたので試しに何かスクリプトを実行してみましょう。

追記:現在はHome – NILScript – GitHubにほとんどのスクリプト置いてあります
自分が作った適当なスクリプトで試してみる。

• displayInputKeys.ng

上のngスクリプトはちっちゃいウィンドウが出てきて押したキー(組み合わせも大丈夫)を表示するだけのスクリプトです。

• Twitter_friend_search.ng

こっちのngスクリプトは、Twitterで自分がフォローしてる人からユーザー名を検索してコピーするスクリプトです。
初回の起動時はOAuth認証します。(NILScriptで立てた簡易サーバをリダイレクト先にしている)
2回目の起動で自分のフォローしてるユーザーのリストを取得してから、ユーザー名を検索するウィンドウを表示します。
ユーザー名を途中まで入力して↓キーなどを押せば、入力したユーザー名の所まで飛べます。Ctrl+Cでユーザー名をコピーできます。

このようにngスクリプトを書けば、ローカルで動くものがJavaScriptで書けるので簡単なものを書いたりするのに便利です。
特にエクスプローラなどのファイル操作周りはWSHより簡単に書けるので、簡易なバッチ処理を書きやすい。
次はngスクリプトの書き方を見ていきます。

書き方

ドキュメントはダウンロードしたnilフォルダにdocというフォルダがあり、その中にユニット(機能)毎のドキュメントが書いてあります。
いろいろあるので何から見れば良いか迷いますが、まずは_readme.txtを開いてみると、NILScriptには大きく分けて、
Base.ng内で定義されているNIL標準クラス・関数 と require()関数で読み込んで使うユニットスクリプトがあることが分かります。
簡単言うと、前者はngスクリプトにそのまま書いて使える関数などで、後者はrequire(‘Clipboard’)のようにユニットスクリプトを読み込んでから使えるようになる関数などが存在するという事です。
まずはNIL標準クラス・関数にどんなものがあるかをbase_*.txtなどを軽く見て把握しましょう。
眺めているとprintlnなどのよくあるような感じのものからsleepやスレッドやポインタなどのJavaScriptでは扱えないものもあることが分かります。(base_main.txtはよく使う関数があるので必須)
正直、まだドキュメントは箇条書き程度で文例などが不足しているので、実際に動かしながら確認する必要がある。
(NILScriptブログで使い方などの解説も始まったので合わせて読む)
必要な機能は必要になったらgrepなどで検索して探すので効率的。

ドキュメントばかり見てもよく分からないので、サンプルファイルを見ながらどういう風に書いているのかを見てみましょう。
サンプルはnilフォルダのsampleというフォルダに入っています。
NIL標準クラス・関数はそのまま使えるので、ドキュメントや動作を見れば何となく分かってくると思います。
ユニットスクリプトを使うものはrequireしてから使う必要があるので、requireの仕方を見てみましょう。
例えばsampleのclipboard.ngを見ると、clipboardを扱うためのユニットスクリプトを読み込んでいるのが分かります。(詳細はClipboard.txtに)

/*
タスクトレイにアイコンを登録して常駐し、
クリップボードの内容が変更された時に、形式に応じた情報を表示します。
*/

Main.createNotifyIcon();// タスクバーにアイコン表示
var Clipboard=require('Clipboard').Clipboard;// ユニットスクリプトを読み込む

Clipboard.observe('change',function(obj){// クリップボードが変化したら動作するリスナー
	if(this.hasFormat('files')){// クリップボードの中身がファイル形式
		var a=this.files,r=[];
		for(var i=0,l=a.length;i<l;i++){
			r.push(a[i].name);
		}
		Main.notifyIcon.showInfo(r.join("\n"),this.isMove?"move":"copy");// タスクトレイのアイコンにバルーンメッセージを表示する
	}else if(this.hasFormat('html')){// html形式
		var h=this.html;
		Main.notifyIcon.showInfo(h.fragment,h.url);
	}else if(this.hasFormat('text')){// テキスト形式
		Main.notifyIcon.showInfo(this.text,'text');
	}
});

上ではvar Clipboard=require(‘Clipboard’).Clipboard;というようにクリップボードのユニットスクリプトを読み込んで、
読み込んだクリップボードスクリプトのClipboardというクラスをClipboardという変数に渡しています。
_readme.txtの●ユニットスクリプト機能にも書いてありますが、ユニットスクリプトrequire(“SomeUnit”).SomeClass という感じで、
多くのものはSomeUnitとSomeClassは同じ名前を持っているので上のような読み込み方法がよく出てきます。
他にもユニットスクリプトの使い方はあるので詳しくはNILScript: ユニット(拡張ライブラリスクリプト)の読み込み方法を見ると良いでしょう。(withでやるやり方はWindowでよく使います)

まずはHelloWorldを書いて実行するところから始めて、クリップボードが使いたくなったら関係するサンプルとClipboard.txtを見て作ってみる(それでもよく分からないときはlibフォルダにユニットスクリプトのソースがあるので中身を見てしまうと言うのもあります)

println("Hellow World");

サンプルを見ていくと大体雰囲気は使えめると思いますが、まだまだ文例が足りないのでハマる事があります。
くだらないものを書いてもどんどん公開して、いろんな書き方が見られるようになるともっと使いやすいものになると思います！

作例

追記:現在はHome – NILScript – GitHubにほとんどのスクリプト置いてあります

というわけで自分が今までに自分が書いたNILScript。

• gist: 401178 – NILScript用のスクリプト- GitHub
  コピーする深さを決められるtreeコマンドみたいなもの。
  一番最初に書いたものなので何かおかしいところがあったり。(フォルダ判定はsizeより、dir.attributes.directoryがフォルダならtrueを返してくれるのでそっちを使いましょう)
• gist: 425452 – 30分ごとにLDRの未読数を表示するNilScript- GitHub
  アイコンとタイマーとHTTP.getText
• gist: 526275 – 押したキーを表示するNILScript- GitHub
  上で紹介していたもの。
  ウィンドウの表示方法とKeyboard。
• gist: 453042 – クリップボードのJavaScriptコードを整形してクリップボードに返すNILScript – GitHub
  JavaScriptで実装されたJS Beautifierをそのまま使えるって話
• gist: 453264 – プロセスを起動して落ちるのを待つだけ- GitHub
  サンプルにも似たようなものがあるのでそっちの方が参考になる
  exeの起動方法
• gist: 526351 – プロセスの起動 – GitHub
  上と殆ど同じ。プロセスのフルパスはエスケープする必要がある。
• gist: 454863 – NILScriptでXMLHttpRequest的なものを書くテスト- GitHub
  GM_xmlhttpRequestてきな感覚でXHRを書くのをテスト
  同じインスタンスのリクエストは上から順に実行される?
• gist: 456001 – ファイルの作成して書き込み #NILScript- GitHub
  そのまま。
• gist: 467939 – #NILScript にデフォルト値を入れたものを新規作成- GitHub
  上のを土台にした作ったもの。
  Greasemonkeyの新規作成ダイアログみたいなもので、// ==NILScript==のようなメタ情報を書いたngファイルを生成する。
  AutoHotKeyでもそうだったけど、スクリプト単体で配布されることが多いので、後でこれどこで拾ったけ?って事があると思うので、メタ情報はできるだけ入れておいた方がよいと思う。
• gist: 463430 – D&Dしたディレクトリ以下をフラットにする #NILScript- GitHub
  フォルダ(1)内のフォルダ(2)の中身をフォルダ(1)に移動させて、フォルダ(2)を削除

      フォルダ
      ├fileA
      ├fileB
      └フォルダ[DIR]
       ├fileC
       └fileD
  が
      フォルダ
      ├fileA
      ├fileB
      ├fileC
      └fileD

  のようにするスクリプト。複数のフォルダを同時にD&Dしてもできるようにしている。
  treeコマンドの時よりフォルダの扱いがちゃんとしてるはず。

• gist: 485691 – #NILScript からTwitterへ投稿- GitHub
  Greasemonkey向けにOAuthラッパを書いてあったので、NILScriptでも動くようにしてみたサンプル。
  NILscriptでのOAuthについては後ろの方でまた書くのでこれは見る程度で。
  azu’s OAuth-for-Greasemonkey at master – GitHub
• gist: 487432 – 自分のフォローしてる人からユーザー(スクリーン)名を検索する #NILScript- GitHub
  これもOAuth使ったサンプル。
  OAuth.jsとかも一緒くたにしてるので、分離する方法はまた後ろ

最後の方で出てきたOAuthをNILScriptで使う方法。(上のサンプルは無視していいよ)

• OAuth.ng (ライブラリみたいなものです)

をダウンロードして、OAuthを使うスクリプト内でinclude(“OAuth.ng”);して、後はOAuth for Greasemonkeyのラッパーライブラリ | Web scratchとメソッドの使い方は同じ。(xhrは実装してないです)
単純なサンプルで、OAuth.ngと同じフォルダに入れて実行するとOAuth認証ができます。

• gist: 526378 – OAuth for NILScriptのサンプル- GitHub

本当はユニットスクリプトやプラグインにした方が良いんだけどやり方がイマイチ分からなかったのでincludeにしてみた。

まとめ

良いところ

SpiderMonkeyベースなのでE4Xなども使えて文字列処理がやりやすいので、Firebugなどでマクロ的な文字列処理をしてる人とかJavaScriptで書くならこっちの方が便利かもよ。(JavaScript の新しめの機能(Array の拡張)とかも動くよ)
デフォルトでマルチストローク対応ホットキーやマウスジェスチャープラグインなどもあるので、AutoHotKeyでよくあるキーバインドを変更するとかもできるよ(自分の設定を公開とかやるといいかも)
WSHに比べてファイル操作をするものがかなり書きやすいよ。(base_io.txtを読む)
AutoHotKeyと違ってマルチバイト文字列に対応してるのでダメ文字とか日本語書けないとかに悩まされないよ。
標準関数やユニットスクリプトなどもNILScriptで書かれているので、ソースを直接読むことができる(この辺、情報不足感といいJetpackによく似てる。requireするとこも)

悪いところ

知名度が少ないので情報が少ない(→作ったものはどんどん公開して欲しい)
SpiderMonkeyにはDOM実装はないので、LooseXMLという独自のパーサーになっている。XPathに似た表記で使えたり悪いとは言い切れないけど、普段使うJavaScriptのDOMとはちょっと違うので手間取る。
GUIの表現が貧弱。Windowを使う事で基本的なウィンドウは簡単に作れるが、文字サイズなど装飾など細かい事ができない部分も多い。

NILScriptの用途として個人的に使うものを書く場合が多いと思いますが、書いたものをどんどん公開していこうぜ！という感じで〆

NILScript

NILScript配布場所

NILScriptブログ

特徴や使用例の紹介記事

xAuthを使えば楽な気もしますがブラウザベースのものはxAuthを使わずにOAuthを使ってねとの事です

大部分は

• TwitterクライアントのOAuth対応(JavaScript編) | tomatomax.net
• Twitter API を OAuth で認証するスクリプトを 0 から書いてみた – trial and error
• H.Basic認証/OAuth認証 (陽昇れども地の底に光届かず)

を参考に書きました。
何となく分かるかも知れませんが、今回扱うアプリはApplication Typeがclientタイプのものです。

今回書いたラッパーは以下のOAuthライブラリを簡単に扱うためのものになってます。
OAuth.js
SHA-1.js
http://code.google.com/p/oauth/source/browse/code/javascript/ あたりにある。
ラッパーと併せて3つのjsからなりますが、3回も@requireするのは面倒だったので一つのファイルにまとめたソースコードをOAuth for Greasemonkey for Greasemonkeyに置いてあります。
OAuth.jsはApache license ver2、SHA-1.jsはBSDライセンスになっています。
自分が書いたラッパー部分はMITライセンスとしておきます(基本的に自由に使える)
しかし、いつ変更するか分からないので自分で別途保存して@requireする方が良いでしょう。
追記: githubに置いたのでこちらを利用した方がいいと思います

• azu’s OAuth-for-Greasemonkey at master – GitHub

以下はラッパー部分だけを抜き出したものです。(2010/08/07現在のソースから)
ここに書いてあるのは古いと思うので上のリンクから適当に見て下さい。

// TwitterOauth for Greasemonkey
function TwitterOauth(){
    this.initialize.apply(this, arguments);
}
TwitterOauth.prototype = {
    initialize: function(con) {
        var accessor = this.getAccessor();
        if(accessor){
            this.accessor = accessor;
        }else{
            this.accessor.consumerKey = con.consumerKey;
            this.accessor.consumerSecret = con.consumerSecret;
            this.accessor.token = "";
            this.accessor.tokenSecret = "";
        }
    },
    accessor : {
        consumerKey : "",
        consumerSecret: "",
        token: "",// response access_token
        tokenSecret: "", // response access_token_secret
    },
    // temp for request
    request : {
        token :"",// response oauth_token
        tokenSecret: ""// response oauth_token_secret
    },
    // トークンが取得済みかの真偽値を返す
    isAuthorize : function(){
        var accessor = this.accessor;
        if(accessor.consumerKey && accessor.consumerSecret && accessor.token && accessor.tokenSecret){
            return true;
        }else{
            return false;
        }
    },
    getAccessor : function(){
        var accessor = GM_getValue("OAuthAccessor", null);
        if(accessor){
            return JSON.parse(accessor);
        }else{
            return false;
        }
    },
    // 取得したトークンを保存
    saveAccessor : function(){
        GM_setValue("OAuthAccessor",JSON.stringify(this.accessor));
    },
    deleteAccessor : function(){
        var clientInfo = {
            consumerKey: this.accessor.consumerKey,
            consumerSecret: this.accessor.consumerSecret,
        }
        GM_deleteValue("OAuthAccessor");
        this.initialize(clientInfo);
    },
    // 認証ページのURLを取得
    getRequestToken : function(callback){
        var message = {
          method: "GET",
          action: "https://twitter.com/oauth/request_token",
          parameters: {
            oauth_signature_method: "HMAC-SHA1",
            oauth_consumer_key: this.accessor.consumerKey
          }
        };
        OAuth.setTimestampAndNonce(message);
        OAuth.SignatureMethod.sign(message, this.accessor);
        var target = OAuth.addToURL(message.action, message.parameters);
        var self = this;
        var options = {
          method: message.method,
          url: target,
          onload: function(d) {
            if(d.status == 200){
                var res = d.responseText;
                var parameter = self.getParameter(res);
                self.request.token = parameter["oauth_token"];
                self.request.tokenSecret = parameter["oauth_token_secret"];
                // requestURLを引数にcallback
                if(callback){
                    callback("https://twitter.com/oauth/authorize?oauth_token="+self.request.token);
                }
            }else{
                alert(d.statusText);
            }
          },
        };
        GM_xmlhttpRequest(options);

    },
    // pinを元にAccess Tokenを取得して保存、callbackにはaccessorオブジェクトを渡す
    getAccessToken : function(pin ,callback) {
        var message = {
          method: "GET",
          action: "https://twitter.com/oauth/access_token",
          parameters: {
            oauth_signature_method: "HMAC-SHA1",
            oauth_consumer_key: this.accessor.consumerKey,
            oauth_token: this.request.token, // Request Token
            oauth_verifier: pin
          }
        };
        OAuth.setTimestampAndNonce(message);
        OAuth.SignatureMethod.sign(message, this.request);
        var target = OAuth.addToURL(message.action, message.parameters);
        var self = this;
        var options = {
          method: message.method,
          url: target,
          onload: function(d) {
            if(d.status == 200){
                /* 返り値からAccess Token/Access Token Secretを取り出す */
                var res = d.responseText;
                var parameter = self.getParameter(res);
                self.accessor.token = parameter["oauth_token"];
                self.accessor.tokenSecret = parameter["oauth_token_secret"];
                // Accessorの保存
                self.saveAccessor();
                if(callback){
                    callback(self.accessor);
                }
            }else{
                alert(d.statusText);
            }
          },
        };

        GM_xmlhttpRequest(options); // 送信
    },
    // api+?+query にアクセスした結果をcallbackに渡す
    get : function(api, query, callback) {
        var btquery = (query)? "?"+this.buildQuery(query) : "";
        var message = {
          method: "GET",
          action: api + btquery,
          parameters: {
            oauth_signature_method: "HMAC-SHA1",
            oauth_consumer_key: this.accessor.consumerKey,// queryの構築
            oauth_token: this.accessor.token // Access Token
          }
        };
        OAuth.setTimestampAndNonce(message);
        OAuth.SignatureMethod.sign(message, this.accessor);
        var target = OAuth.addToURL(message.action, message.parameters);
        var options = {
          method: message.method,
          url: target,
          onload: function(d) {
            if(d.status == 200){
                if(callback){
                    callback(d.responseText);
                }
            }else{
                callback(d.statusText);
            }
          },
        };
        GM_xmlhttpRequest(options); // 送信
    },
    post : function(api, content, callback) {
        var message = {
          method: "POST",
          action: api,
          parameters: {
            oauth_signature_method: "HMAC-SHA1",
            oauth_consumer_key: this.accessor.consumerKey,
            oauth_token: this.accessor.token // Access Token
          }
        };
        // 送信するデータをパラメータに追加する
        for ( var key in content ) {
          message.parameters[key] = content[key];
        }
        OAuth.setTimestampAndNonce(message);
        OAuth.SignatureMethod.sign(message, this.accessor);
        var target = OAuth.addToURL(message.action, message.parameters);
        var options = {
            method: message.method,
            url: target,
            onload: function(d) {
                if (d.status == 200) {
                    if (callback) {
                        callback(d.responseText);
                    }
                } else {
                    // typeof d == object
                    callback(d);
                }
            }
        };
        GM_xmlhttpRequest(options); // 送信
    },
    // GM_xmlhttpRequest風に使う
    xhr : function(opts){
        if(!(opts && opts.url && opts.method)){
            GM_log("URLまたはメソッドが指定されていません");
            return;
        }
        var message = {
          method: opts.method,
          action: opts.url,
          parameters: {
            oauth_signature_method: "HMAC-SHA1",
            oauth_consumer_key: this.accessor.consumerKey,
            oauth_token: this.accessor.token // Access Token
          }
        };
        // POST - opts.dataは文字列でもオブジェクトでも可能にする
        if(opts && opts.method.toLowerCase() == "post" && opts.data){
            if(typeof(opts.data) === "string"){// 文字列からパラメータオブジェクトを作る
                opts.data = this.getParameter(opts.data);
            }
            var content = opts.data;
            if(typeof(content) === "object"){
                for(var key in content) {
                    message.parameters[key] = content[key];
                }
            }
        }
        OAuth.setTimestampAndNonce(message);
        OAuth.SignatureMethod.sign(message, this.accessor);
        opts.url = OAuth.addToURL(message.action, message.parameters);// URLを書き換え
        GM_xmlhttpRequest(opts);// 送信
    },
    // utility関数
    // http://kevin.vanzonneveld.net
    urlencode : function (str) {
        str = (str+'').toString();
        return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
                                                                        replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
    },
    // オブジェクトからクエリを生成
    buildQuery : function(formdata, numeric_prefix, arg_separator) {
        // *     example 1: http_build_query({foo: 'bar', php: 'hypertext processor', baz: 'boom', cow: 'milk'}, '', '&');
        // *     returns 1: 'foo=bar&php=hypertext+processor&baz=boom&cow=milk'
        // *     example 2: http_build_query({'php': 'hypertext processor', 0: 'foo', 1: 'bar', 2: 'baz', 3: 'boom', 'cow': 'milk'}, 'myvar_');
        // *     returns 2: 'php=hypertext+processor&myvar_0=foo&myvar_1=bar&myvar_2=baz&myvar_3=boom&cow=milk'
        var value, key, tmp = [];
        var self = this;
        var _http_build_query_helper = function (key, val, arg_separator) {
            var k, tmp = [];
            if (val === true) {
                val = "1";
            } else if (val === false) {
                val = "0";
            }
            if (val !== null && typeof(val) === "object") {
                for (k in val) {
                    if (val[k] !== null) {
                        tmp.push(_http_build_query_helper(key + "[" + k + "]", val[k], arg_separator));
                    }
                }
                return tmp.join(arg_separator);
            } else if (typeof(val) !== "function") {
                return self.urlencode(key) + "=" + self.urlencode(val);
            } else {
                throw new Error('There was an error processing for http_build_query().');
            }
        };

        if (!arg_separator) {
            arg_separator = "&";
        }
        for (key in formdata) {
            value = formdata[key];
            if (numeric_prefix && !isNaN(key)) {
                key = String(numeric_prefix) + key;
            }
            tmp.push(_http_build_query_helper(key, value, arg_separator));
        }

        return tmp.join(arg_separator);
    },
    // Query String から 連想配列を返す
    getParameter: function(str){
      var dec = decodeURIComponent;
      var par = {}, itm;
      if(typeof(str) == 'undefined') return par;
      if(str.indexOf('?', 0) > -1) str = str.split('?')[1];
      str = str.split('&');
      for(var i = 0; str.length > i; i++){
        itm = str[i].split("=");
        if(itm[0] != ''){
          par[itm[0]] = typeof(itm[1]) == 'undefined' ? true : dec(itm[1]);
        }
      }
      return par;
   }
};

OAuth認証を手助けすることを目的に書いたので、アクセストークンを使って実際にAPIをたたく部分のTwitterOauth.getやTwitterOauth.postは適当です。
ラッパーの動作自体はそこまで難しい事はやってないので、OAuth認証の手順を理解する方が大切です。
Twitter Applications | dev.twitter.com から自分の作成するGreasemonkeyをnew appから登録しておきます。
Application TypeはClientならPINコードを使うタイプ、Browserなら認証したときにリダイレクトするURLを決めてそのURLでアクセストークンを受け取れます。今回はClientタイプつまりPINコードを使う方法です。

登録でClientを選ぶ

ユーザーにPINコードをコピーさせてそれを入力させるという動作が、普通のWebサービスではあまり見ない流れだと思います。このラッパーでやっているOAuth認証の流れを簡単に図にするとこんな流れです。(Browserタイプよりユーザーの負担が大きい)

もっとコアの流れをみるならOAuthのやり取りを読み取ってみる – 風柳メモ とか

実際にGreasemonkeyでやってる動画 YouTube – Post Now browsing to Twitter for Greasemonkey
かなり大雑把な流れなので詳しくは他のサイトを参照して下さい。
基本的にはトークンなどを元にしてOAuth.jsのOAuth.SignatureMethod.signでシグネチャを作成して、それを元に新たなトークンを受け取ってまたOAuth.SignatureMethod.signでシグネチャを作るみたいな繰り返しです。
最終的にAPIを叩く際に必要なものがアクセストークンとなります。

1. リクエストトークンとリクエストトークンシークレットをもらいに行く。(タイムスタンプとconsumerKeyで一意な情報を元にする)
2. もらってきたリクエストトークンを使って認証ページのURLを作る。
   (https://twitter.com/oauth/authorize?oauth_token= + リクエストトークンが認証ページのURL)
3. ユーザーに認証の動作を行ってもらう。
4. 認証するとPINコードが表示されるので、ユーザーにPINコードをコピーしてアプリに入力してもらう。
5. 入力してもらったPINコードを元にアクセストークンとアクセストークンシークレットをもらいに行く。(アクセストークンがAPIにたたくときに必要となるものです。リクエストトークンは認証時に必要となるだけなので使い捨てです。)
6. アクセストークンをもらったら保存して完了。

実際にラッパーを使った大筋の流れとして、まずラッパーを呼び出して各自のアプリ情報を渡して初期化します。

// http://dev.twitter.com/apps に書いてある。
var clientInfo = {
    name: 'アプリ名',
    consumerKey: '各自アプリ',
    consumerSecret: '各自アプリ',
}
// TwitterOauthにクライアント情報を渡してnewする(必須)
var tw = new TwitterOauth(clientInfo);

そして、tw.isAuthorize() で既にアクセストークンを持っているかを調べられる(持ってたら直ぐにAPIをたたける)ので、持っていなかったらリクエストトークンをもらいに行きます。

if(tw.isAuthorize()){// まだ認証していない
    tw.getRequestToken(callback);
    // callbackに渡る引数は認証ページのURL
}

getRequestTokenのcallback関数には認証ページのURLが渡るので、それを元にユーザーにそのページに行ってもらいアプリのOAuth認証してPINコードをコピーしてきてもらいます。
PINコードを入力してもらう必要があるので、適当な入力エリアを作っておく必要もあります。

// アクセストークンをもらいに行く。
// アクセストークンを取得できたら自動で保存処理を行っています。
// callbackにはaccessor(アクセストークンなどが入ったオブジェクト)を渡しますが、使い道は…
tw.getAccessToken(callback);
// 取得したアクセストークンを捨てたいときは
// tw.deleteAccessor() で破棄できます。

アクセストークンを取得して保存できたらOAuth認証は完了です。
アクセストークンを持っていればAPIをたたけるので、tw.get、tw.postを使ってAPIを叩きます。

   // get第二引数はクエリになるオブジェクトを渡す
   // 以下はapi?q=oauth&per_page=5 となる。
    var query = {
        q : "oauth",
        per_page : 5
    }
    // get : function(api, query, callback)
    tw.get("http://api.twitter.com/1/users/search.json" , query ,function(res){
        if(typeof res != "object"){// Twitterのエラー時はリスポンスのオブジェクトをそのまま返すため
            console.log(res); // firebug
        }
    })

    // postはそのまま何も工夫がない。
    var content = {status: "update test", source: clientInfo.name};
    tw.post('http://twitter.com/statuses/update.json', content ,function(){
        console.log(res); // firebug
    });

Twitter API Wiki / Twitter API Documentation を参考に使う。
HTTP MethodがGETならそのクエリになるようにAPIのURLとクエリオブジェクトをtw.getに渡す。
HTTP MethodがPOSTなら、APIのURLにcontentとなるオブジェクトを渡す。という感じでかなり適当な作りをしています。
twigadge のようにもう少し機能別に作った方が使いやすくなると思います。

以上で説明のようなそうでないものは終わりですが、以下に簡単なサンプルGreasemonkeyを置いてあります。

• GreasemonkeyでOAuth認証を手助けするライブラリとそのサンプル
  (猿アイコンのユーザースクリプトから認証とget、postのテストができます。できれば自分のconsumerKeyとか使ってね。)

追記

新たにxhrというメソッドを追加しました。(上記ならtw.xhr({})みたいな使い方)
xhrメソッドはGM_xmlhttpRequestと同じようにオプションのオブジェクトを引数にとって、APIと通信します。
GM_xmlhttpRequestをラップしているので、感覚的にはGM_xmlhttpRequestと同じ感じで使えると思います。
一つサンプル

// ↓↓↓↓Your Script↓↓↓↓ の所までがOAuth認証のパネルを作ったりするテンプレート的なものです。
OAuth認証が済んでない（tw.isAuthorize()==false)なら途中でreturnされるので、既存コードの上部に// ClientInfomation から // ↓↓↓↓Your Script↓↓↓↓までをコピペして、API周りを修正すれば簡単にOAuth認証に対応できます。(できる限り自分の登録したアプリのclientInfoを使って下さい)
当たり前ですが、その時@requireでOAuth.jsの3点セットを読み込んでおいて、インストールし直す必要があります(@requireが動作するのはインストール時のみ)
APIを叩くときにOAuth認証で得たアクセストークンからシグネチャを作る必要があるので、GM_xmlhttpRequestでそのままAPIを叩いたままでは通りません。そこで今回追加したxhrメソッドの出番です。
Getメソッドの場合だとGM_xmlhttpRequestをtw.xhrに変更するだけで既存のコードは通ると思います。
POSTメソッドもGM_xmlhttpRequestをxhrメソッドに変えるだけで大体通ると思います。
GM_xmlhttpRequestだとdata部分は文字列で書くので、そのまま”foo=fizz&bar=bazz”と書く方法と下のようにオブジェクト書く方法が使えます。(オブジェクトの方が効率がいい)

data : {
    foo:fizz,
    bar:bazz,
}

サンプルは猿アイコンを右クリックからでるユーザーコマンドで、xhrのそれぞれgetとpostをテストする関数が動作するだけです。

以下リンクまとめ

ライブラリの置き場所。こっちが多分一番新しい。

azu’s OAuth-for-Greasemonkey at master – GitHub

http://github.com/azu/OAuth-for-Greasemonkey

実際にラッパーを使ったGreasemonkey

Post Now browsing to Twitter for Greasemonkey

http://userscripts.org/scripts/show/46441

上のGreasemonkeyで使ってるラッパーライブラリとかをまとめたもの

OAuth for Greasemonkey for Greasemonkey

http://userscripts.org/scripts/show/78102

使用方法

OAuthを使ってTwitterへポストするためまずはOAuth認証をする必要があります。
OAuth認証の手順は以下の動画を参考にして下さい。

文字で書くと、

1. ステータスバーのGreasemonkeyアイコンを右クリック
   ユーザースクリプトコマンド→Post Now browsing to Twitter Settingから設定画面へ
2. OAuth認証をまだしてないなら、”Sign in with Twitter”ボタンが表示されるのでクリック
3. OAuth認証ページが開くので、そこへ行き許可(Allow)する。
4. PINコードが表示されるのでCtrl+Cなどでコピーする。
5. 再び設定画面に戻り、インプットボックスへPINコードをCtrl+V(ペースト)して、Comfirmボタンを押す。
6. Success!と出たら認証完了

投稿の仕方

1. 投稿したいページで設定したショートカットキーを押す(デフォルトはCtrl+Shift+Enter)
2. 適当にコメントとかを書いたらEnter(設定でCtrl+Enterに変えられます)でTwitterへポストする
3. 投稿できたらOK

この時、設定のUse selectionQuoteに✓チェックが入っていると、選択範囲を引用して投稿することもできます。
また入力画面でESCキーを押すとキャンセルできます。

設定項目

設定画面を開くにはステータスバーのGreasemonkeyアイコンを右クリック
ユーザースクリプトコマンド→Post Now browsing to Twitter Settingをクリックします。

それぞれの設定項目の解説

• Prefix:コメント未入力でポストした時に付ける接頭辞とする文字列
• Use selectionQuote:選択範囲があるときにそれを「」で囲って引用するか?
• Short URL:使用する短縮URLサービス
• ShortcutKey: ポストするために使うショートカット 枠内でキーを押すと自動で入力されます。 デフォルトはCS+Enter
  テキストボックスで使いたいショートカットキーの組み合わせを押すだけで設定できます。
• Post with Ctrl+Enter:Enterの代わりにCtrl+Enterでポストできるようにします。

使用できる短縮URLサービス

• http://bit.ly/ (j.mp) APIにも対応しています。
• http://is.gd/
• http://goo.gl/
• http://tinyurl.com/

• bit.ly : 短縮URLでbit.lyまたはj.mpを選んだときに使用するAPIKEYを変えられます。
  デフォルトは作者のものになっています。

OAuth Authorization : OAuth認証についての設定です。(上記の設定とは別領域に保存されています)
まだOAuth認証をしていない場合は以下のような表示になるのでOAuth認証をして下さい。

認証が既に済んでいる場合はlogoutボタンが表示されているので、OAuth認証をやり直したい場合の時などそこからOAuth関係の情報を削除できます。(Twitter側のconnection設定が解除されるわけではないので、完全に消す場合はTwitter / Connectionsから削除して下さい)

以上で設定項目は終わりです。
またサイト固有の行動としてLDRとFastladderの記事上でショートカットキーを押すと、フォーカスがある記事を投稿できます。

その他機能

• 引用機能
  設定のUse selectionQuoteに✓チェックが入っているとき、ショートカットキーを押す前に引用したい部分を選択しておくと、選択範囲(複数の選択範囲も対応)の内容を「」で囲んでタイトルの前に付加します。
• activityFiled(引用とタイトルが表示される部分)の編集
  activityFiledをクリックまたはコメント入力欄でTabキーを押すことで編集状態になります。
  引用したい部分を後から少し削りたい時などに使う。
  

インストールはこちらから

Post Now browsing to Twitter for Greasemonkey

http://userscripts.org/scripts/show/46441

主な変更点を箇条書きすると以下のような感じです。

変更内容
1. OAuth対応
BASIC認証が2010年6月末に廃止されるためOAuth認証に対応しました。
設定画面から認証できます。
BlowsingNow!などの外部サーバを経由するものとは違い、PINコードを使ってGreasemonkeyスクリプト単体でOAuth認証を行います。
2. 入力UIがサイトの影響を受けなくなった
入力UI自体は以前と同じですが、サイト側CSSの影響を受けることがあったのを改善し、影響を受けないようにしました。
3. 設定項目の変更
以前と設定項目が変わったため設定の互換性がありません。
そのため、以前のものはアンインストールからインストールして下さい。

1. 短縮URLの選択肢が増えた
   新たにbit.ly(j.mp)、goo.glを追加しました。
   bit.ly(j.mp)はAPIの設定も行えます。
2. Ctrl+Enterでのポスト
   デフォルトはEnterで送信ですが、設定のチェックの意味が逆になったという変更。(正直気にすることはない)
   設定でCtrl+Enterでポストするように変更できます。
3. Twitterアカウントの入力項目廃止
   以前はベーシック認証を使っていたので、Twitterアカウントの入力項目がありましたが、OAuth認証に対応したため廃止しました。

OAuth認証は設定の一番下に表示されます。(いつでも認証を解除する事ができます。)
4. 短縮URLのリトライ機能
短縮URLサービスのサーバにアクセスできないときに(5秒でタイムアウト)、別の短縮URLサービスに切り替えて短縮します。

ぱっとした変化を見ると、OAuthに対応したのと、bit.ly、goo.glなどの短縮URLが使えるようになったぐらいかな。

OAuth認証の手順

Greasemonkey 単体でOAuth認証を行うようにしたので手順が少し複雑です。
以下の動画を参考にして下さい。

文字で書くと、

1. ステータスバーのGreasemonkeyアイコンを右クリック
   ユーザースクリプトコマンド→Post Now browsing to Twitter Settingから設定画面へ
2. OAuth認証をまだしてないなら、”Sign in with Twitter”ボタンが表示されるのでクリック
3. OAuth認証ページが開くので、そこへ行き許可(Allow)する。
4. PINコードが表示されるのでCtrl+Cなどでコピーする。
5. 再び設定画面に戻り、インプットボックスへPINコードをCtrl+V(ペースト)して、Comfirmボタンを押す。
6. Success!出たら、ページでショートカットキー(デフォルトはCtrl+Shift+Enter)を押し、入力UIを出す。
7. 適当にコメントとかを書いたらEnter(設定でCtrl+Enterに変えられます)でTwitterへポストする
8. 投稿できたらOK

5ぐらいまでがOAuth認証の手順で、6以降は投稿する手順。

以下感想
OAuthに対応してるGreasemonkeyが皆無で結局自分で色々書かないといけなかった。
OAuth.jsとかライブラリを使ってるので結構サイズが大きくなった。
OAuthページとかのアイコンがやっつけ感酷いのでアイコン募集中。

機能説明ページ

Post Now browsing to Twitter | Web scratch

http://efcl.info/post-now-browsing-to-twitter/

スクリプト配布ページ

Post Now browsing to Twitter for Greasemonkey

http://userscripts.org/scripts/show/46441

• twilog date linker

カッとなってつけたけどデフォルトでないのが意外。

twilog date linker for Greasemonkey

http://userscripts.org/scripts/show/70683

t_trace	pbtweet、mbtweetの作者 CSS3が好きそうな人 実際にHTML5を使ったアプリケーションをつくったりしてる
m_satyr	Ubiquity 何かJavaScriptでも珍しい事をやってる気がする。
Griever2	Opera、Firefox userChrome.jsとか弄ってる
miya2000	Opera wnpの作者。 テクい事をやってたりするような
snj14	LDRizeとかMinibuffer
hell2u	Emacs、CSSに詳しそう
teramako	vimperator(vimperatorとなげくと監視されます) JScriptとかxpcshellとか Firefoxのあんなことやこんなことを知ってる印象
monjudoh	jQueryとかfirebugとかMercurial プログラミング関係のツールが好きそう。
nanto_vi	JavaScriptやHTMLなど仕様に関して本当に詳しい nantoメソッド:誰かが記事にしたことに対して既にDays on the Moonで記事になっていたことがよくある。
ku	iPhoneアプリとかGoogleChromeとか 新しいことを見つけ出したりしてる印象
stillpedant	KeySnailの作者。 勉強家、出てきたことに対してちゃんと学ぼうとしてる感じ。
javascripter	nightlyを追ってる気がする。 あんまりTLじゃ見ないけど、一行コードを残していく。
amachang	最近はJavaScriptな話題はあんまりみないけど。 高速化、新しいことには手が早い 昔のプレゼンの資料どこだろ？
ofk	オレオレjQueryとか。 JavaScriptの高速化について詳しい そういえばこれ書こうと思ったきっかけ → 日本のJavaScript界隈のブログを適当かつ詳細にまとめてみようと思って挫折したけど、もうちょっと頑張ってみた – ?D of K
uupaa	uupaa.js(uupaa.jsはフレームワークではなくてライブラリ)の人 JavaScriptの高速化について詳しい。 黒魔術の使い手。 他とは互換が効かないような人な気がする。
azu_re	自分 Greasemonkeyとかニコニコ
edvakf	Opera、Google Chrome 英語圏の記事を読んでたり、新しい機能を弄ってたり、それをアウトプットしたりいくつかあるブログの更新頻度は高め 勉強家
33	tombloo作者 kiva
swdyh	AutoPagerize作者
os0x	Opera、Google Chromeに深く関係 細かいところまで拾える人
cherenkov	jetpack、Greasemonkey
hagino3000	サーバーサイドJSとかExt JS
anekos	猫、vimperator
xulapp	まだつかみ切れてない。 結構お詳しそうな様子
Constellation	Taberareloo作者、Greasemonkey ホントよくコードを書いてる気がする。 最近はGoogle chromeでいろいろ

azu (azu_re) on Twitter

http://twitter.com/azu_re