Web scratch http://efcl.info フリーソフトやFirefoxなどについて、web全般なサイト Thu, 02 Sep 2010 13:23:27 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 GoogleのJavaScriptコーディングスタイルチェッカー「Closure Linter」 http://efcl.info/2010/0902/res1917/ http://efcl.info/2010/0902/res1917/#comments Thu, 02 Sep 2010 13:18:50 +0000 azu http://efcl.info/?p=1917 GoogleではJavaScriptは特定のコーディングスタイルで統一されるようにClosure Linterという専用のスクリプトを使用しているそうです。
Google JavaScript Style Guide(Google JavaScript Style Guide 和訳)という規則に従ってjsのコードは書かれていて、その規則に沿っているかを確認するgjslintとその規則に合うように修正するfixjsstyleからなるスクリプトです。

インストール方法

How to Use Closure Linter – Closure Linter – Google Code
pythonで書かれているのでeasy_installを使ってインストールします。
まずはPythonをインストールしてなかったらインストールして、次にeasy_installコマンドを使うためにsetuptoolsを自分のPythonにあったものをインストールします。
WindowsならC:\Python26\Scriptsに環境パスを通せば、コマンドプロンプトからeasy_installが使えるようになるので、

> easy_install http://closure-linter.googlecode.com/files/closure_linter-latest.tar.gz

と打ってたらインストールできます。(パス通してないならC:\Python26\Scriptseasy_install でも大丈夫)

*注意
現在配布されるやつはfixjsstyleがTypeError: ‘NoneType’ object is unsubscriptableのようになって動かないので、

> easy_install -Z http://closure-linter.googlecode.com/files/closure_linter-latest.tar.gz

という感じでファイルを展開するオプションをつけてインストールしてから、/python2.6/site-packages/closure_linter-2.2.1-py2.6.egg/
closure_linter/fixjsstyle.py の36行目にargfとなってるtypoiがあるのでそれをargvにすれば動きます。

使い方

使い方は単純でHow to Use Closure Linter – Closure Linter – Google Codeを見ると分かりますが、

gjslint path/to/my/file.js
fixjsstyle path/to/file1.js path/to/file2.js

のようにファイルやディレクトリを指定して実行するだけです。
–strictオプションやディレクトリに対してまとめてやる再帰オプションもあります。またGoogleのコーディングスタイルではJsDocを使う事になってるので、それを無視するオプションもあります。

fixjsstyleはE4Xとか特殊なものは認識してないっぽいので無理に書けると構文エラーを出すようになったりしますが、
Googleのコーディングスタイルはそこまで特殊ではないので、ちょっとした確認に使えたりして便利です。
JavaScriptの整形にはOnline javascript beautifier(これ自体がJavaScriptで書かれているのでEmeditorやNILScriptで動かせるgist: 453042 – クリップボードのJavaScriptコードを整形してクリップボードに返すNILScript – GitHub)とかと併用すると面白いかも。

Introducing Closure Linter – Closure Tools Blog
http://closuretools.blogspot.com/2010/08/introducing-closure-linter.html
]]> http://efcl.info/2010/0902/res1917/feed/ 0 Firefox3をインストール[設定やアドオンの移行方法] http://efcl.info/2008/0515/res187/ http://efcl.info/2008/0515/res187/#comments Thu, 15 May 2008 12:31:08 +0000 azu http://efcl.info/?p=187 Firefox3に移行するための準備

バージョンはFirefox2からFirefox 3 Beta 5へ
パソコンはWindows Vista

まずはバックアップから

Firefox3をインストールする前に、まずは今使ってるFirefoxのバックアップから開始するべき。
FEBE :: Firefox Add-onsで拡張やプロファイルをバックアップしておき、CLEO :: Firefox Add-onsでFirefox3に持って行きたいアドオンを固める。
CLEOでアドオンを固めたものはCLEOを入れたFirefoxでしかインストールできないので注意。

必要なアドオンを選別ための情報

基本的にはバージョンがあってなくても動く場合の方が多い。(PCに優しいかどうかは置いといて)
タブやブックマーク関係は更新されてないと動かないことが多い。
セキュアなインストールしか受付なくなったので野良アドオンはインストールできないことがある。

Latest topics > Firefox 3でのアドオンの自動更新に関する仕様変更（セキュアじゃないアドオンは全部蹴られる件） – outsider reflex

設定も移行できるものはエクスポート

Tab mixなど設定やブックマークなどエクスポートできるものはエクスポートしておく。

Firefox3をインストール(まだ起動しない)

それからFirefox3をインストールを開始するが、インストールしてもすぐには起動させないように注意する。
(インストーラー画面でボタン連打は危険)
Firefox２と共存させる場合は

をよく見て、プロファイルを別に作るようにしておく。
まだFirefox3を起動させないように。

パスワードやフォームなどの履歴のコピー

自動的に入力されるパスワードやフォーム履歴を移行したい人は
新しいプロファイルにデータを移行する Firefox Hacks 翻訳日記/ウェブリブログ

をよくみてFirefox2で使っていたプロファイルから新しく作ったプロファイルへコピーする。
プロファイルの場所は以下の通り
C:\Users\(自分のユーザー名)\AppData\Local\Mozilla\Firefox\xxxxxxxx.プロファイル名
（xxxxxxxxの部分には8桁の英数字が入ります）

パスワードの移行は少し複雑なので(上手く認識しなかったりするので)コメント欄に書いてように場合によって少しやり方を変える。
移行するときにFirefoxは停止してからやらないと上書きされる場合があるので注意。
まだ一度もFirefox3を起動してない場合

1. インストールしたら「すぐに起動」せず、プロファイルマネージャを起動。 2. 新規のプロファイルを作成。（この時点では signons3.txt は生成されない） 3. Fx 2 のプロファイルから signons2.txt と key3.db をコピー。 4. 新規のプロファイルでおもむろに Fx 3 を起動。 でもいいようです。 3. で history.dat もコピーして、bookmarks.html を上書きコピーしておくと places.sqlite にコンバートしてくれる模様。

一度Firefox3を起動してしまった場合

・起動してプロファイル・フォルダが完成したら終了 ・プロファイル・フォルダから signons3.txt を削除 ・2.0.0.x の signons2.txt と key3.db を 3.0b のプロファイル・フォルダにコピー ・3.0 を起動して、設定を読み込んだ signons3.txt を生成させる ・パスワード設定が有効になっていれば signons2.txt を削除しても構わない

ブックマークはエクスポートしたものをインポートした方が上手くいくので、ここれ移動させるのは微妙かも。

Firefox3を起動してデータの移行

Firefox2とは別のプロファイルから起動して設定をいじっていく。

上で移行したものが反映しているかを確かめてから、アドオンなどをインストールしていく。

まずはアドオンがFirefox3をサポートしてなくても、インストールできるように

のどちらかをインストールする。(これらのアドオンはバージョンチェックを無効にすることで無理矢理インストールできる状態を作る。)
最初にFEBE+CLEOでアドオンを固めた場合はFEBEとCLEOをインストールする。

Firefox Add-onsで

このアドオンは古いバージョンの Firefox 向けです
とでてインストールできない場合は下の方の
すべてのバージョンを表示
というところからいけばインストールできる。(動くかどうか別)
そしてアドオンをインストールして行きながら動くかどうかを確かめていく。
Firefox Add-onsに対応しているものがない場合は無理矢理インストールしてみるか、作者のところから作者ページに行き
最新版があるかを確認してみる。(まだFirefox Add-onsで公開してない人も多い。)

使ってみての感想

CPUやメモリの使用量については少し減ったかなという感じで、元々量自体はあまり気にしていなかったので、
気にならないがやはり実行スピード自体はかなり改善されてる印象と体感がある。
Javascriptの実行速度はかなりよくなってる、前とはだいぶ動き自体が違う感じがして重いページでも読み終わるまで
動けなかったのが、普通にうごけるようになってたりとこれは乗り換えていいと思った。

気になるところは、データ実行防止 (DEP)というWindowsの悪質なマルチウェアなどを防止する機能が働いて落ちる事が目立つ。
これはパソコンとの相性やベータ版であることと無理矢理アドオンを動かしてるので、まだ仕方ないかということで無視している。

Firefox2と違うとことしてplaces.sqliteとかurlclassifier3.sqliteによるHDDへの書き込みが頻繁に行われている感じが見られたけど、パフォーマンス自体にはそこまで気にする程度ものでもないかな。

places.sqliteはブックマークのデータベースでFirefox3のPlaces Organizerに関係してるものかな。

ついにFirefox3の新機能「Places Organizer」の全貌が明らかに – GIGAZINE

今回発表された「Places Organizer」の画像を見ると、ブックマークだけでなく、ページ閲覧履歴やダウンロードしたファイルの履歴、さらにはサムネイル画像やタグ付けなど、Firefoxに関するもろもろのものを集中管理するための機能というのが正しい位置づけのようです。

urlclassifier3.sqliteは「攻撃・偽装サイト」のデータベースを、バックグラウンドで頻繁に更新してるので書き込みが見られるみたい。
でも特定のタイミングでやってるのでそこまで気にならない。

もっと詳しく見てみたい人はやってもzillaな備忘録にいろいろ書いてある。

まとめると、動きがよくなったはかなりいい感じで全く動かないアドオンは少なく使用していたヤツの一割ぐらいだった。
次のRCぐらいで安定したら移っても問題ないような気がする。
データ実行防止 (DEP)で落ちるは早く改善してもらいたいところ。

追記:データ実行防止 (DEP)で落ちる原因を調べていたら、Flashのdllが上手く認識してないのが原因かもしれない。

FirefoxでFlash Playerの動作確認 – AS3S.ORG

FirefoxでFlashの動作確認環境を整備するためのメモ。 以下、基本的にWindowsXP SP2の場合。

Firefoxは
C:\WINDOWS\system32\Macromed\Flash\NPSWF32.dll
をみないで
C:\Program Files\Mozilla Firefox\plugins\NPSWF32.dll
を見に行くらしいのでC:\Program Files\Mozilla Firefox\plugins\NPSWF32.dllを確認したら見事になかったので、Flashのフォルダからコピーして入れてみた。

でも、これをする前にflashプレイヤーは動作してたからこれが原因かは不明。

]]> http://efcl.info/2008/0515/res187/feed/ 3 Tomblooのポスト先にはてなダイアリーを追加するパッチ http://efcl.info/2010/0825/res1909/ http://efcl.info/2010/0825/res1909/#comments Tue, 24 Aug 2010 15:55:59 +0000 azu http://efcl.info/?p=1909 以前からずっと書いて修正していたパッチですが、Tombloo 0.4.11(自動更新はこないので手動でアップデートしましょう)で、
はてなダイアリーのユーザー情報取得方法がスクレイピングからhttp://b.hatena.ne.jp/my.nameのAPIを利用したものに変わったので、
はてなダイアリーへのポストができるように修正しました。

rawのリンク上で右クリック、[Tombloo]-[Tomblooパッチのインストール]で簡単インストールできます。

インストールすると利用サービスにはてなダイアリーが増えていると思います。
はてなブックマークと同じくはてなにログインしてから使用します。

確かその場編集モード を使ってるとポストできないらしいので、ホントはAtomAPIでやった方がよいらしい
残骸gist: 354700 – GitHub

<a href=”http://gist.github.com/354700″>gist: 354700 – GitHub</a>
]]> http://efcl.info/2010/0825/res1909/feed/ 0 ページ移動時などに音を鳴らすアドオン「KIRISAKE」 http://efcl.info/2010/0821/res1906/ http://efcl.info/2010/0821/res1906/#comments Sat, 21 Aug 2010 05:27:05 +0000 azu http://efcl.info/?p=1906 またJetpack SDKで1つアドオンを作成してみました。
リンクをクリックしてページ移動などの通信が始まった際に、風を切り裂くような音を出すアドオンです。

作った理由ですが、
移動する際に音を出すと、ちゃんとリンクをクリックできたかなどが聴覚的にも認識できるのと、上記のような音を使う事でブラウザが少し早くなったような感じがします(I shallplease)

という後付けの理由があったりしますが、HTML5のAudioタグを使って見たかったというのが第一の要因です。
そういう気分になったのは中国のJetpackerのLT資料を見つけて、pageWorkerでhtmlファイルを読み込んでその中でAudioタグを鳴らすというサンプルが載っていたので実践してみました。
見つけたLTの資料はこれJetpack SDK: The new possibility of the extensions on browser

処理的にはたいしたことはやっていませんが、Jetpack SDKにはページ移動(ページを読み込みじゃなくて、通信が始まった瞬間)に反応するAPIはまだないような感じなので、nsIWebProgressを使った普通のFirefox拡張機能と同じように直に書きました。
Components.interfacesとか使う必要性が出てくるわけですが、Jetpack SDK0.6からはCiやCcというエイリアスがデフォルトではなくなったので、以下のようにrequireしてから使う必要があります。
Jetpack SDK 0.6 がリリースされました « Mozilla Developer Street (modest)

var {Cc, Ci} = require("chrome");

ちなみにこのvar {a,b} = obj;みたいな表記は分割代入というJavaScript 1.7からの機能を使ったもので、

var Cc = require("chrome").Cc , Ci = require("chrome").Ci;

というのと同様の意味になります。一部地域ではよく見かけるので覚えておくと便利です。

参考サイト

Components.interfaces
]]> http://efcl.info/2010/0821/res1906/feed/ 0 Google Web Historyに見たページを自動記録するアドオン(Jetpack SDK) http://efcl.info/2010/0809/res1872/ http://efcl.info/2010/0809/res1872/#comments Sun, 08 Aug 2010 17:16:16 +0000 azu http://efcl.info/?p=1872 GoogleにはGoogle – ウェブ履歴というものがあり、検索してどのページを訪ねたかなどが記録されています。
またその記録は検索ページで既読リンクの色にするなどの判定にも使われています。
Google検索から訪ねたサイト以外のURLもウェブ履歴に登録するFirefox拡張機能を作成してみました。
既に

などGreasemonkeyやTomblooパッチなど代わりになる手段は山ほどある気がしますが、Jetpack SDKを使いたかったのと、意外にもFirefoxアドオンとして同じ役割するものが見つからなかったので作ってみました。

他のスクリプトとの違いは大して無いと思いますが、できるだけ無駄な送信を控えるようにしています。

  • 最近訪れたサイトは重複送信しない(100件ぐらいでクリアされます)
  • https://はホストのみを送信
  • ローカルやIPアドレスベースのURLの場合は送らない

ダウンロードはAMOからできるようにしてあります。
Firefoxアドオンのxpiを簡単における場所が無かったので、AMOに登録しておいてあります。

Jetpack SDKでコンパイル?前のソースコードはこちらに

Jetpack SDKで何か作るには

Jetpack SDKで既に3つほどアドオンを作成していますが、0.5だとJetpack prototypeとできることはそこまで変わってないです。(prototypeのギャラリー無くなったみたいですね。8個ぐらい作った気がする)
Jetpack SDKで作る上で参考にしたのは

最後のJetpack SDK Docsはcfx docsで開いて、jetpack-coreあたりに現在使えるAPIが載っているのでそれを見て使い方を調べるとAPIの使い方は分かる感じ。(Jetpack prototypeの頃よりはドキュメントにサンプルもあってマシになりました)
一番ハマるところはcfxとかコマンドでエラーがでるとかその辺だった気がする。
環境はWindows Vistaです。
cfx testallすら通らない場合は-aとか-bオプションを指定してみるといい。 Jetpack SDK 0.4でcfx testallを成功させる方法 (windows) – Cherenkovの暗中模索にっき
毎回オプションを付けるのが面倒になったらlocal.jsonを作りデフォルト値を決めてみましょう。
自分はjetpack用のプロファイルを作りそれを指定してます

{
  "configs": {
    "default": [
      "-a", "firefox",
      "-b", "C:\\Program Files\\Mozilla Firefox\\firefox.exe",
      "-P", "%appdata%\\Mozilla\\Firefox\\Profiles\\h545wqkn.jetpack"
    ],
    "ff37": [
      "-a", "firefox",
      "-b", "C:\\Program Files\\Mozilla Firefox 3.7\\firefox.exe",
      "-P", "C:\\Users\\admin\\AppData\\Roaming\\Mozilla\\Firefox\\Profiles\\testuser"
    ]
  }
}

package.jsonを作り、libフォルダを作りmain.jsを書いて → さあcfx runで起動しようとしたら、まずはpackage.json内にidが自動生成されます。そしてもう一度cfx runすると下のようなエラーが出てくることがあります。

Traceback (most recent call last):
  File "D:\jetpack\bin\cfx", line 6, in
    cuddlefish.run()
  File "D:\jetpack\python-lib\cuddlefish\__init__.py", line 475, in run
    include_dep_tests=options.dep_tests
  File "D:\jetpack\python-lib\cuddlefish\packaging.py", line 267, in generate_bu
ild_for_target
    add_dep_to_build(dep)
  File "D:\jetpack\python-lib\cuddlefish\packaging.py", line 254, in add_dep_to_
build
    add_section_to_build(dep_cfg, "lib", is_code=True)
  File "D:\jetpack\python-lib\cuddlefish\packaging.py", line 232, in add_section
_to_build
    validate_resource_hostname(name)
  File "D:\jetpack\python-lib\cuddlefish\packaging.py", line 65, in validate_res
ource_hostname
    raise ValueError('invalid resource hostname: %s' % name)
ValueError: invalid resource hostname: jid0-英数字-フォルダ名-lib

これはpackage.jsonのnameに大文字やマルチバイト文字やスペースなどが含まれていると出てきます。(んなの分かるか)
なので小文字英数とハイホンあたりでnameを決めておきましょう。

console.logはコマンドプロンプトの方にでてくるので、それを使って(他に何かあるのかなー)デバッグしながらmain.jsなどを完成させて、xpiをcfx xpiコマンドではき出せば完成です。
まだ設定画面やパネルなどのGUIが簡単に使えなかったりしますが、用途が合えば簡単にアドオンを作成できるのでなかなか面白いです。

Google WebHistory Updater :: Add-ons for Firefox
https://addons.mozilla.org/ja/firefox/addon/213956/
]]> http://efcl.info/2010/0809/res1872/feed/ 1 NILScriptの使い方と書き方 http://efcl.info/2010/0816/res1888/ http://efcl.info/2010/0816/res1888/#comments Mon, 16 Aug 2010 05:19:47 +0000 azu http://efcl.info/?p=1888 NILScriptとはSpiderMonkeyを使ったJavaScriptベースのスクリプト実行環境です。(Windows専用+Wine環境でもある程度)
直感的に言うと、WSH + AutoHotKeyみたいな感じというのが分かりやすいかな。
できることなど細かい事はNILScriptのページやDocを読んでもらうとして、SpiderMonkey(JavaScript 1.8.1ベース)を使った処理系なのでFirefoxと同じJavaScriptの文法で、エクスプローラでのバッチ処理やキーバインドの変更などWSHやAutoHotKeyで行っていたような事がJavaScriptで書けます。

使い方

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ファイルが関連づけされ、クリックで実行できるようになります。
(多分レジストリを使うのはここだけ)
これで、実行する準備はできたので試しに何かスクリプトを実行してみましょう。
自分が作った適当なスクリプトで試してみる。

上の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");

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

作例

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

 

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

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

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

本当はユニットスクリプトやプラグインにした方が良いんだけどやり方がイマイチ分からなかったので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ブログ
特徴や使用例の紹介記事
]]> http://efcl.info/2010/0816/res1888/feed/ 2 ニコニコ動画のAPIまとめ http://efcl.info/wiki/niconicoapi/ http://efcl.info/wiki/niconicoapi/#comments Thu, 12 Nov 2009 11:47:35 +0000 azu http://efcl.info/?page_id=1445 ニコニコのマイリスト周りにAPIがいろいろ増えていたので、列挙してみる。
使い方は http://res.nimg.jp/js/nicoapi.js をよく読む。
見方としては

分別
    メソッド名
        URL(http://www.nicovideo.jp/api/foo/bar　という感じで使う)
            クエリー(それぞれの要素を&でつなげて指定)
    返ってくるもの

という感じで書いている。

Cathode Music: ニコニコ動画(9)APIを纏めた
http://tewi.blogspot.com/2009/11/9api.html

も併せて読む。

書き方の一例(testという名前のマイリストを新規作成する)

Nico make mylist ←のブックマークレットをニコニコ動画上のトークンがあるページで実行する

var token = NicoAPI.token;
location.href = “http://www.nicovideo.jp/api/mylistgroup/add?name=test&description=&public=1&default_sort=1&icon_id=0&token=”+token;

APIのURLに引数となるクエリーを&区切りでつなげていったURLにアクセスすると正否を表すjsonが返ってくる。
書き込み権限が必要なAPIにはtokenも必要となる。
tokenはNicoAPI.token = “xxxxx-xxxxx-xxxxxxxxxxxx”という感じでページに埋め込まれているので、
Greasemonkeyからならvar  token = unsafeWindow.NicoAPI.token で取得できるはず。

基本的に返ってくるものはjson形式

適当にパラメータの説明

  • item_typeは0であることがほとんどらしい。動画が0、静画が5。
  • item_idは接頭辞のない数字だけの動画番号を指定する
  • id_listは id_list[0][]=item_id という感じのパラメータになる
NicoAPI.Deflist
とりあえずマイリスト
    list
    とりあえずマイリストの一覧を取得
        "/api/deflist/list"
	jsonフォーマットで返ってくる

    add
    とりあえずマイリストに追加
        "/api/deflist/add",
    			{ "item_type": item_type,
    			  "item_id": item_id,
    			  "description": description }
	item_typeは接頭辞のない数字だけの動画番号を指定する

    update
    とりあえずマイリストを更新
    	"/api/deflist/update",
    		{ "item_type": item_type,
    		  "item_id": item_id,
    		  "description": description }

    remove
    とりあえずマイリストから削除
        "/api/deflist/delete",
            { "id_list": id_list }
    move
    とりあえずマイリストから移動
        "/api/deflist/move"
    			{ "target_group_id": target_group_id,
    			  "id_list": id_list }
    copy
    とりあえずマイリストからコピー
        "/api/deflist/copy"
            { "target_group_id": target_group_id,
    			  "id_list": id_list }

NicoAPI.MylistGroup
マイリスト
    list
    jsonフォーマットでマイリスト一覧を取得
    マイリストの名前やidなど(中身はNicoAPI.Mylistで)
        "/api/mylistgroup/list"
    get
    指定したマイリストIDの詳細を取得
    listに含まれてるのと同じ内容?
        "/api/mylistgroup/get"
            { "group_id": group_id }
    add
    マイリストを新規作成
        "/api/mylistgroup/add"
			{ "name": name,
			  "description": description,
			  "public": is_public,// 0:非公開 1:公開
			  "default_sort": default_sort,
			  "icon_id": icon_id }
    update
    マイリスト情報を更新
         "/api/mylistgroup/update",
			{ "name": name,
			  "description": description,
			  "public": is_public,
			  "default_sort": default_sort,
			  "icon_id": icon_id }
    remove
    マイリストを削除する
	    "/api/mylistgroup/delete",
	        { "group_id": group_id }
	sort
	マイリストのソートの実行
	マイリスト情報の"default_sort"で指定したソート法でソートし直す
	    "/api/mylistgroup/sort"
	        { "group_id_list": group_id_list }

icon_idの指定

ss-2009-11-12-20-25-10

左から順に0,1,2,3となっていて 数字で指定

default_sortのソート法の指定

ソート方法 ID
登録が古い順 0
登録が新しい順 1
メモ昇順 2
メモ降順 3
タイトル昇順 4
タイトル降順 5
投稿が新しい順 6
投稿が古い順 7
再生が多い順 8
再生が少ない順 9
コメントが新しい順 10
コメントが古い順 11
コメントが多い順 12
コメントが少ない順 13
マイリスト登録が多い順 14
マイリスト登録が少ない順 15
時間が長い順 16
時間が短い順 17 
NicoAPI.Mylist
マイリストの動画操作
	list
	指定したマイリストの動画一覧を取得
		"/api/mylist/list",
			{ "group_id": group_id }

	add
	指定したマイリストの動画を加える
		"/api/mylist/add",
			{ "group_id": group_id,
			  "item_type": item_type,
			  "item_id": item_id,
			  "description": description }

	update
	指定したマイリストの動画情報を更新
		"/api/mylist/update",
			{ "group_id": group_id,
			  "item_type": item_type,
			  "item_id": item_id,
			  "description": description }

	remove
	指定したマイリストの動画を削除
		"/api/mylist/delete",
			{ "group_id": group_id,
			  "id_list": id_list }
	id_listの形式
		function make_id_list(item_type, item_id) {
			var id_list = {};
			id_list[item_type] = jQuery.makeArray(item_id);
			return id_list;
		}

	move
	指定したマイリストの動画を別のマイリストに移動
		"/api/mylist/move",
			{ "group_id": group_id,
			  "target_group_id": target_group_id,
			  "id_list": id_list }
	例)

http://www.nicovideo.jp/api/deflist/move?id_list%5B0%5D%5B%5D=動画番号&target_group_id=マイリスト番号&token=トークン

	指定したマイリストの動画を別のマイリストにコピー
	copy
		"/api/mylist/copy",
			{ "group_id": group_id,
			  "target_group_id": target_group_id,
			  "id_list": id_list }
NicoAPI.Watchitem
ウォッチリスト
	list
	ウォッチリストの一覧を取得
		"/api/watchitem/list"
	watchitem配列にウォッチリストに登録したユーザー名やIDが入っている

	exist
	ウォッチリストのitem確認
		"/api/watchitem/exist",
			{ "item_type": item_type,
			  "item_id": item_id }

	add
	ウォッチリストに加える
		"/api/watchitem/add",
			{ "item_type": item_type,
			  "item_id": item_id }

	remove
	ウォッチリストから削除する
		"/api/watchitem/delete",
			{ "id_list": id_list }

NicoAPI.Mymemory
マイメモリー
	list
	マイメモリーに入れている動画一覧を取得
		"/api/mymemory/list"

	remove
	マイメモリーからid_listで指定した動画を削除
		"/api/mymemory/delete",
			{ "id_list": id_list }

NicoAPI.Friendlist
フレンドリスト
	list
		"/api/friendlist/list",
			{ "sort": options.sort,
			  "order": options.order,
			  "offset": options.offset,
			  "count": options.count }

	remove
		"/api/friendlist/delete",
			{ "target_user_id": target_user_id }

NicoAPI.Mylistcomment
マイリストコメント
	list
		"/api/mylistcomment/list"
			{ "item_type": item_type,
			  "item_id": item_id }
	nicoapi.jsには書いてないので、この指定方法が正しいか分からない。
	json形式でマイリストが返ってくる

実際にこのAPIを叩くと
{“mylistcomment”:&#91;&#93;,”status”:”ok”}
のような空が返ってきてしまう。正しく取得する方法があればお知らせ下さい。

	例) sm9 のマイリストコメントを取得

http://www.nicovideo.jp/api/mylistcomment/list?item_type=0&item_id=1173108780

	item_typeは0でないといけないらしい。(動画が0で、静画が5だそうです)
	item_idには接頭辞のない動画番号を指定。

例)Greasemonkeyからマイリストコメントのコメントを取得

getMylistcomments(function(res){
	console.log(res)
});

function getMylistcomments(callback){
	var itemId = document.getElementsByName("thread_id")[0].value;
	GM_xmlhttpRequest( {
		method : 'GET',
		url : "http://www.nicovideo.jp/api/mylistcomment/list?item_type=0&item_id=" + itemId,
		headers :  {
			'User-Agent' : 'Mozilla/5.0 Greasemonkey; Nico MylistComments'
		},
		onload : function (res) {
			var jsObject = JSON.parse(res.responseText);
			var l = jsObject.mylistcomment.length;
			var result = [];
			if (jsObject.status == "ok" && l > 0) {
				for(var i =0;i<l;i++){
					result.push(jsObject.mylistcomment[i].description)
				}
				callback(result)
			}
		}
	});
}

	remove
		"/api/mylistcomment/delete",
			{ "item_type": item_type,
			  "item_id": item_id,
			  "comment_user_id": comment_user_id }

静画関係のAPIはこちらを見た方がよいです。

ニコ動マイリスト系APIまとめ – あたご型護衛艦日記
http://d.hatena.ne.jp/aTaGo/20100811/1281552243
]]> http://efcl.info/wiki/niconicoapi/feed/ 5 OAuth for Greasemonkeyのラッパーライブラリ http://efcl.info/2010/0610/res1721/ http://efcl.info/2010/0610/res1721/#comments Thu, 10 Jun 2010 03:33:32 +0000 azu http://efcl.info/?p=1721 Post Now browsing to TwitterをOAuth認証に対応しました | Web scratchでGreasemonkeyスクリプトの「Post Now browsing to Twitter」をOAuth認証に対応したものを作りました。
OAuthのJavaScript実装はいくつかあるみたいですがGreasemonkeyで使う感じになってるものは無かったみたいなので、OAuth.jsを使ったtwitterでのOAuth認証を手助けするラッパーみたいなものを書きました。

xAuthを使えば楽な気もしますがブラウザベースのものはxAuthを使わずに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に置いたのでこちらを利用した方がいいと思います

以下はラッパー部分だけを抜き出したものです。(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'}, '', '&amp;');
        // *     returns 1: 'foo=bar&amp;php=hypertext+processor&amp;baz=boom&amp;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を置いてあります。

追記

新たに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

 

HTTP MethodがGETならそのクエリになるようにAPIのURLとクエリオブジェクトをtw.getに渡す。
]]> http://efcl.info/2010/0610/res1721/feed/ 4 Googleのマルチアカウント機能を有効化する方法 http://efcl.info/2010/0804/res1862/ http://efcl.info/2010/0804/res1862/#comments Wed, 04 Aug 2010 14:27:58 +0000 azu http://efcl.info/?p=1862 GmailやGoogle CalendarなどGoogleのサービスを、複数のアカウントで同時に使えるようになるMultiple Sign-In機能がリリースされたようなので使って見ました。
現在は以下のサービスでマルチアカウントがつかえるようです。

  • Calendar
  • Code
  • Gmail
  • Reader
  • Sites

有効化する方法はEnabling multiple sign-in : Getting started – Accounts Helpに書いてあります。
簡単に有効化する手順を書くと

  1. アカウント情報を英語のインターフェースにする。
    英語にしないと有効化できてないような気がします。
    自分はiGoogle の設定から言語をEnglishにすることで変更できました。
  2. multiple sign-in settings page へprimary(主)となるアカウントでアクセスする
  3. 有効化を選んでチェックボックスに全部✓をいれてSaveする(この状態だと英語の説明文がでますが)
    既に日本語訳もあったりしました。
  4. Saveしたら一度Googleからログアウトします。
  5. Google Readerなどのマルチアカウントが使えるサービスにログインし直すと、右上のアドレス部分に▼がついてので、そこから”別のアカウントでログイン”をクリックすると別のアカウントでもログインでき、一度ログインすれば切り替えも同じ所からできます。

Multiple Sign-Inは複数のアカウントの切り替えが簡単というだけじゃなくて、同時に複数のアカウントでログインできるので2つのタブで2つのアカウントを同時に使うなどが行えます。

人によってはまだ使えないかも知れません。Gmailが上手くできなかった…
でもGoogle Account Multi-Login for Greasemonkey みたいなGreasemonkey使わなくてもいいのでとても便利。

]]> http://efcl.info/2010/0804/res1862/feed/ 0 ニコニコ動画用Greasemonkeyスクリプトのまとめ http://efcl.info/wiki/niconico_greasemonkey/ http://efcl.info/wiki/niconico_greasemonkey/#comments Sun, 09 Mar 2008 01:39:38 +0000 azu http://efcl.info/wiki/niconico_greasemonkey/ GreasemonkeyとはFirefoxで利用できるアドオン。
ニコニコ動画利用できるGreasemonkeyスクリプトのまとめたものです。

ニコニコ動画の各動画に、コメントの盛り上がり度合いをサーモグラフィーの色合いで表示するGreasemonkeyスクリプトです。 弾幕やコメント職人の出現位置が一目で分かります。 Wrapperと併用版もあります。

タイトル通りの機能を持ちます。 画面右下に時間のカウントを表示します。

動画の下にコメント色変更ボタンを追加します。

ニコニコ動画でプレイリストが使える Greasemonkey スクリプト。
ランキングの動画を連続再生したり、きまぐれ検索でランダム再生したりできます。

ニコニコ動画のトップページに、好きなマイリストの新着動画を表示します。
投稿者の公開マイリストに登録ボタンがあります。 マイリストのRSSリーダーみたいなものです。

動画サイズ変更、および低画質動画の画質を向上します。

ニコニコ動画で登録数に制限のないマイリストを利用可能にするGreasemonkeyスクリプトです。
とても便利なGreasemonkeyスクリプトで、動画再生画面に拡張マイリストへの追加ボタンが現れます。
拡張マイリストはタグで管理でき、動画へのメモ書きもできます。

ニコニコ動画の一覧画面でマイリストへの一発登録ボタンが表示されます。 動画再生画面にいかなくてマイリストへの追加ができます。

にこ☆さうんど経由でニコニコ動画のMP3抽出ずみキャッシュを表示するブックマークレット。 変換ブックマークレット版

ニコニコ動画観覧ページに以下の機能を追加します。
①FLVファイルダウンロード ②MP3ダウンロード(nicomimi – にこみみ -との連携) ③XML(コメントデータ)ダウンロード ④コメント内キーワード/ユーザーID検索 ⑤コメント内リンク抽出 ⑥フィルター逆探知(フィルターによって変わるワードが分かります。)

タイトルそのままなぐりもん

タグクラウドを追加する
tagnico.jpg

ニコニコのタグに他の動画のIDが入ってるときにそのタグをクリックすると、「もしかしてsm******をお探しですか？」とステップをとばして 直接飛ぶグリモン。

動画のうｐ主のニックネームを表示するGMスクリプト 修正して、ニコニコチャートと連携させているバージョン →ニコニコ動画でニックネームを表示

コメントをコマンド的に増やす事ができます。 だれでもコメ職人は、ニコニコ動画に投稿するコメントを装飾するツールです。

タイトルそのままのグリモンです。 サムネ表示と表示位置を少しかえたバージョン →ニコニコ動画のコメントの中から、動画IDやURLっぽいやつを抽出するGreasemonkeyスクリプト(自分仕様)

マーキングとプレイリスト機能のグリモン

カテゴリの順番を自分の好みで変える。

ニコニコの動画へのリンク(sm～～)の上のマウスを乗せると動画情報をポップアップする。

上のグリモンに似ていて、選択範囲で指定すると同じように情報をポップアップする。

ニコニコ動画の動画の下に色つきコメントを削除するボタンを追加します。 shita +水色など色とコマンドを組み合わせたものをフィルタする事ができる。

再生画面の下にコマンドを補助するボタンが追加されます。

FLV&XMLダウンロードと再生画面で コメントをその場で表示することもできる。というか,
この表示の方が力を入れてる. コメント表示で表示されるのは,
No., 書込時刻, 暗号化されたユーザID, コメント それぞれの項目はソートして表示することができる(ユーザIDでソートなど)

動画リンク横にできるボタンをクリックすると画面遷移することなしに動画をポップアップで起動できるようになります。 そのページを見ながら動画を見ることができる。

“ネタバレ”,”ねたばれ”などの文字列がコメントに存在するときに、それを促すメッセージを出す。

検索結果をフィルタリングする。ただニックネームのみの判断なので被っていた場合もフィルタされる。

タグなどの検索ページにニコRSS ニコニコ動画/RSS配信を利用したRSSへのリンクを追加する。

ニコニコ動画の動画ページのタイトル近くに、該当するコピトレの情報ページへのリンクを追加するスクリプト

ランキングでサムネイルだけを表示する
。 thumbcatch.jpg

マイリストのところにgoogle readerの登録数を表示する。

マイリストにすでに登録してある場合にそれを示唆する表示をする。

エープリルフールを味わう。

MinibufferのCommandを追加する。 up主の名前を表示とミニプレーヤを利用したもの

にこぐらふに似ている機能をグリモンで [w]をカウントする

プレイヤーの位置まで画面をスクロールさせる。

Twitteに自動で見た動画をつぶやく。普段とは別のIDにもログインしないで利用できます。

ニコニコ動画の動画再生ページで、アップロード者がロックしたタグに★をつけます。 タグの更新ボタンもつきます。

「～Part2」「～その5」みたいにシリーズ化されている動画を次々と自動再生してくれるグリモンです。

ニコタグからのデータを使い荒らされたタグを復旧できる。

ニコタグへのリンクをニコニコ動画の動画再生ページと検索画面上に表示します。

動画へリンク上にマウスオーバーしたときに動画情報をポップアップする。ニコニコ動画へのリンクからサムネイル情報を取得するGreasemonkeyとほとんど同じですが、ポップアップのサイズをその場で変えられるなど細かな違いがあります。

ニコニコ大百科の編集履歴画面で，編集者の投稿した動画一覧(ニコチャート)へのリンクを張ります。

再生ページにコメント率とマイリスト率を表示する。

ブラウザのウインドウを全画面表示にしたとき，同時に動画プレイヤーも全画面表示にします。 Firefox3専用。

プレイヤーとは別にコメント入力欄を追加します。(Macで入力できなくなるバグ向けに作成?)

動画説明文で，スペースが連続しているところで改行する 動画説明文中のURLにリンクを張る

タグに「音量注意」が含まれていた場合に音量を下げてくれます。

タグ検索などの動画一覧画面でキーボードでスクロールします。 LDRIZEの簡易版といった感じ。

ニコニコ動画のランキングページで、マイリスト・コメント・再生数のランキングを同時に表示

delicious に youtube とニコニコ動画のサムネイルを表示します。

ニコニコ動画(夏)のランキングページで結果の動画を、順位、動画の長さ、投稿日時、再生数、コメント数、マイリスト数、でソート

NiconicoRankingNew ニコニコのランキングで指定した時間以内に投稿された動画を優先して表示する NiconicoMylistDiff マイリストで表示される動画に、前回マイリストでその動画を見たときとの差を表示するスクリプト。

コメント入力を補助するGreasemonkey。 定型文を登録して入力欄に選択したものを入力できる。

マイリストのプルダウンが追加される。

Flashのプレイヤーにフォーカスしないようになる。

Flashプレーヤーの画質設定を自動変更する

ランキングで絞り込み検索ができる。

*  動画のタイトルを最初からすべて表示する * 詳細情報・メニューが以下のように動画の右側に表示される

・ニコニコ動画を見ている間ブラウザの左下にカウンタが付きます。
・1日1時間しかニコニコ動画を見る事ができなくなり、時間を有意義に使えるようになります。

ニコニコ動画のメニューバーの位置に自分の全てマイリストをセレクトボックスから直接移動できるようになります。
マイリストページでは5つまでしか一覧に表示されないので多数のマイリストを保持している方には便利。

ニコニコ動画のWebページタイトルを変更します。
トップページは「ニコ」に変更し，その他は「ニコニコ動画(*)-」の表示を消します。

ニコニコの再生ページでタグにチェックボックスを付けて複数のタグについて組み合わせ検索が行えます。

マイページの投稿動画一覧に広告を反映させるGreasemonkeyスクリプト

常にエコノミーになるGreasemonkey

ランキングページで，任意の動画を縮小、訪問済みを判定、宣伝コメント部分を省略

自動スクロール

公開マイリストを検索するフォームを設置する。
仕組み:ニコニコ動画の公開マイリスト検索(/openlist/sm****)は、AND検索もOR検索もNOT検索もできるっぽい – 超自己満足プログラミング

再生ページでタグを選択して、コメント付けてはてなブックマークかdeliciousにポストする。(クロスポストも可能)
選択したタグを検索

リンク上にマウスオーバーでタグをプレビューする

ニコニコ大百科のキーワードをマウスオーバーでポップアップ

ページタイトルに動画のロード量を表示します。
wrapperのタイトルをいじると同様の機能

再生ページで自動的にスクロールする
Firefox+Greasemonkey / Chrome / Sleipnir+SeaHorse / Opera / IE+Trixie / IE+IE7Pro / Safari(Mac)+GreaseKitに対応

現在見ている動画ページ内にある全てのマイリストの RSS フィードを動的にページ内に挿入します。
マイリストページに移動しなくてもその場で RSS 登録できます。

マーキング　＋　プレイリストのmodバージョン。
マルチプレイリスト、自動再生など様々な機能が追加されている。

現在動画を見ているアカウントのマイリストへの登録状況をチェックできます。
他のアカウントのマイリストもチェック対象に追加可能。

コメント入力の補助、動画のダウンロード、投稿者名の表示

ニコニコ動画の動画再生ページやランキング、検索結果などに表示される動画説明文中の連続するスペースを改行や削除します。
またURLやメールアドレス、動画ページ（ID+数字）などを示す文字列があった場合にそれをリンクにします。

ニコニコのキーワード/タグ検索の結果をフィルタリングする。
投稿者説明文の全文と投稿者名を取得し、検索結果の情報にそれを付け加える。
上で取得した情報に対して正規表現を用いたフィルタリングを行う。

ニコニコ動画の検索結果の再生時間をカラーリングして分ける。

高機能な連続再生プレイヤー。
wnp はニコニコ動画をポップアップウィンドウで再生するプレイヤーです。
全画面表示やプレイリストの連続再生を行うことができます。

ニコ動のランキングページから既に見た動画を隠すユーザスクリプト

ニコニコ動画でタグがsm******やURLを含む場合に直接開けるようにするGreasemonkey

ニコ動の検索設定(ソート順)を保存するGreasemonkeyスクリプト

ページ内の動画についている全てのタグを収集し、タグクラウド状に表示

正規表現や閾値をもちいたフィルタリングを行うGreasemonkey

ニコニコ動画のプレイヤーからコメントを取得して表示

ニコニコ動画の動画説明文などに含まれる連続するスペースを改行にURLをリンクへ変換

タグにURLがある場合は直接リンクにする

検索結果をいろいろなパターンでフィルタリング。

LDRizeのようなキーボード操作をする

検索にGoogleのもしかしての結果も表示

ニコ動のランキングページから既に見た動画を隠すユーザスクリプト
]]> http://efcl.info/wiki/niconico_greasemonkey/feed/ 3