最近、映画を見ることにハマっているnoriakiです。そんな映画のエンドロール（クレジットタイトルと呼ぶそうです）を見ていて、これってWebページの効果としても使えないかと思い、試しにjQuery pluginとして作ってみました。
デモページを用意してみましたので、よければご覧ください。
「Start（End?)」ボタンをクリックするとスクリーンにエンドロールが流れます。
]]>
最近、映画を見ることにハマっているnoriakiです。そんな映画のエンドロール（クレジットタイトルと呼ぶそうです）を見ていて、これってWebページの効果としても使えないかと思い、試しにjQuery pluginとして作ってみました。
デモページを用意してみましたので、よければご覧ください。
「Start（End?)」ボタンをクリックするとスクリーンにエンドロールが流れます。
]]>
Greasemonkeyスクリプトから@requireで呼び出せるライブラリ第2弾。
ニコニコ動画のFlashプレーヤーをGreasemonkeyスクリプトから操作するためのライブラリです。
@requireで読み込むだけで、以下のような各種操作が可能になります。
ライブラリの呼び出し方と、組み込まれるオブジェクト・メソッドを説明します。
以下の2ステップで、本ライブラリをあなたのニコニコ動画用Greasemonkeyスクリプトへを組み込むことができます。
あなたのGreasemonkeyスクリプトの冒頭にあるメタデータ部分(// ==UserScript== 内)に以下の1行を追加します。
// @require http://svn.coderepos.org/share/lang/javascript/userscripts/GM_Libs/noriaki/NicoNicoPlayerWrapper/NNPW-20080824.1.js
あなたのGreasemonkeyスクリプト内でNicoNicoPlayerオブジェクトを生成します。典型的な使い方は以下のとおりです。
var player = new NicoNicoPlayer(); player.onReady(main);
上記の呼び出しでは、動画（Flashプレーヤー）の再生準備が整った時点でmain関数が呼び出されます。
このとき、main関数の引数には、動画情報をオブジェクトとして渡し、main関数にNicoNicoPlayerオブジェクトをbindします。
同様に、無名関数を利用すると、以下のように書くことができます。
var player = new NicoNicoPlayer();
player.onReady(function(video_info) {
video_info.l; // 動画の長さ（秒）
video_info.ms; // 動画コメント取得用URL
this.seek(40); // 動画の40秒付近へジャンプ
this.fullscreen(true); // 全画面表示
});
サンプルのGreasemonkeyスクリプトを作りましたので、そちらも参考にしてください。
nico_nico_player_controller_sample.user.js
基本的に各メソッドは、引数を与えて呼び出すとその値をSetし、引数を与えずに呼び出すとGetするという思想です。
ライブラリを使って、心地よいニコニコ動画用Greasemonkeyスクリプト開発を！
こんな機能が欲しい、ここの実装はこうした方が良い、などありましたらお気軽にコメント・トラックバック・ブックマークコメントにてお知らせください。
また、CodeReposで直接コミットしていただくのも大歓迎です。
]]>
あなたの開発したGreasemonkeyスクリプト（ぐりもん）に、簡単に自動更新機能を付けるためのライブラリです。
Greasemonkey-0.8以降で使える@requireで読み込んで、呼び出しスクリプトを記述するだけで冒頭のイメージのように自動更新機能を付けることができます。
Greasemonkeyには、個別のスクリプトの更新を確認する手段がありませんでした。そのため、Greasemonkeyスクリプトの作者は自信のブログ等でアップデートしたことを広報して、再インストールを促すことでしか新しいものを広めることができませんでした。
そこで、各スクリプトが自分自身のバージョンをダウンロード元に確認しにいって、更新があれば利用ユーザに通知する機能を提供するライブラリを作りました。
さらに、Greasemonkey-0.8で実装された@require機能を利用して、もっと簡単に組み込むことができるように改良しています。
]]> 組み込み方（使用法）以下の3ステップで、あなたが開発したGreasemonkeyスクリプトに自動更新機能を組み込むことができます。
Greasemonkeyスクリプトの冒頭にあるメタデータ部分(// ==UserScript== 内)に以下の1行を追加します。
// @require http://svn.coderepos.org/share/lang/javascript/userscripts/GM_Libs/noriaki/UpdateChecker/UC-20080823.js
追記(2008/8/24 12:30):読み込むライブラリのURIが間違っていました。現在は修正されています。
※UC-20080823.jsがファイル名になりますが、年月日(YYYYMMDD)の部分は、変わる可能性があります。 これは、Greasemonkeyスクリプトをアップデートしても@requireで読み込まれたファイルは上書きされないためです。
追記(2008-08-28T14:10:00+09:00):通りすがりさんからのコメントでご指摘いただいたように、CodeReposから直接読み込んだ場合では、悪意のあるスクリプトが埋め込まれてしまう可能性が無いとはいえません。
不安な方は、ご自身のサーバ等にコピーしてそこから読み込んだ方が安全かもしれません。
@requireと同様にメタデータ部分に追加します。
// @version 0.1.0
これはあなたのGreasemonkeyスクリプトのバージョンを表していますので、アップデート時にはカウントアップするようにしてください。
なお、形式は数字とドット(.)の組み合わせのみ可能です。大小関係を自動的に判別してアップデートの必要性を判断します。
あなたのスクリプトの最下行で以下のように呼び出します。UpdateCheckerのコンストラクタに渡されるオプションの内容は、あなたのスクリプトの内容に合わせて書き換えてください。
new UpdateChecker({
script_name: 'Your Script Name' // required
,script_url: 'http://example.com/Path/To/YourScript.user.js' // required
,current_version: '*.*.*' // required
,more_info_url: 'http://example.com/Path/To/Update/DetailPage' // optional
});
呼び出しオプションのそれぞれの意味は以下の通りです。
上のイメージのように利用者側ファイルのcurrentversionと、リモートのファイル（scripturlで指定した先）の@versionを比較してアップデートの有無を自動判定しますので、あなたのGreasemonkeyスクリプトをアップデートした際には、@versionとcurrent_versionをカウントアップしてください。
ソースコードはCodeReposにあります。
また、その他のライブラリが追加されるときにもここに置かれます。
]]>1129-1143行目
makeArray: function( array ) {
var ret = [];
if( array != null ){
var i = array.length;
//the window, strings and functions also have 'length'
if( i == null || array.split || array.setInterval || array.call )
ret[0] = array;
else
while( i )
ret[--i] = array[i];
}
return ret;
},
Arrayオブジェクトかどうかを判定するために、lengthプロパティの有無を調べているのですが、windowオブジェクトや、String、Functionにもlengthプロパティがあるということで、それぞれを判定しています。
その中で、「array.call」での判定が失敗することがあり、twitterでつぶやいてみると、
@noriaki なんか古いscriptaculousのeffect.jsだとArray.prototype.callを定義してるんだけど、関係無さげ？http://tinyurl.com/6de2mj
@noriaki なんか古いscriptaculousのeffect.jsだとArray.prototype.callを定義してるんだけど、関係無さげ？http://tinyurl.com/6de2mj
という話が出てきて、まさしくその通りでした。
というわけで、以下のように暫定的に対応したものを独自に使ってます。
--- jquery-1.2.6.org.js Sat Aug 09 15:40:15 2008
+++ jquery-1.2.6.js Sat Aug 09 15:39:57 2008
@@ -1132,7 +1132,7 @@
if( array != null ){
var i = array.length;
//the window, strings and functions also have 'length'
- if( i == null || array.split || array.setInterval || array.call )
+ if( i == null || array.split || array.setInterval || array.apply )
ret[0] = array;
else
while( i )
一応、他のところへの影響はなさそうですが、ご利用になる際は十分注意してください。
ってか、よく考えたら
よくつかう$.mapにも気になるコードがあります。
1205-1218行目
map: function( elems, callback ) {
var ret = [];
// Go through the array, translating each of the items to their
// new value (or values).
for ( var i = 0, length = elems.length; i < length; i++ ) {
var value = callback( elems[ i ], i );
if ( value != null )
ret[ ret.length ] = value;
}
return ret.concat.apply( [], ret );
}
この最後にある、
でも、以下のコードを実行した場合、期待しているものとは違った結果が返ってきてしまいます。
$.map([1,2,3], function(value, index) {
return [index, value];
}); //=> [1,1,2,2,3,3]
// [[1,1],[2,2],[3,3]]を期待していた
さてさて、どうしたものでしょうか。
単純に、
追記(2008-08-17T14:30:00+09:00):上記のように変更してみたところ、通常の
Heat the Nicovideo Upの最新版を公開しました。バージョンは0.3.8です。
今回のアップデートはバグフィックスです。0.3.7で追加した機能の影響で、Firefox3の環境でカラーバー右側のボタンが見えなくなっていました。今回のアップデートで直っています。
すでにインストール済みの方は自動更新が働きますので、お待ちください。 （1日待っても自動更新されない場合は、お手数ですが再インストールをお願いします）
インストールや更新履歴などは以下のページからどうぞ。 （うまくインストールできない場合は、[ツール]→[プライバシー情報の消去]でキャッシュを削除して再度お試しください）
ニコニコ動画のコメント熱狂度を可視化するGreasemonkeyスクリプト
]]> 動画プレーヤー最大化上部の画像は、ニコニコ動画プレーヤーのボタンから画面を最大化したときのものです。 通常時と見比べると分かると思いますが、より大きな画面で見られるようにヘッダやコメント欄を非表示化しています。
こちらの機能はまだちょっと不安定で、プレーヤーを最大化した状態でFirefoxのサイズを変更すると挙動がおかしいです（原因調査中です）。対応策としては、一度最大化を解除していただき、もう一度最大化していただくと直ります。
※また、MacのFirefox3ではプレーヤーを最大化しても通常と変わらない、という報告をいただいております。原因などお気づきの点があればコメント等で教えてください。
]]>
Heat the Nicovideo Upの最新版を公開しました。バージョンは0.3.7です。
このバージョンでは、先日のエントリのコメントでご要望をいただいた、プレーヤー全画面表示の際、カラーバーをシークバーに合わせて伸縮させる機能を復活させました。
おまけとして、上の画像に見えている「全画面表示を視聴専用にする」チェックボックスを付けました。これがチェックされているときに、プレーヤーを全画面表示にすると、「コメント欄」「ヘッダ部分」を非表示にして、視聴画面を大きく表示します。
※注）時報のときにどんな挙動をするか未確認です。
すでにインストール済みの方は自動更新が働きますので、お待ちください。 （1日待っても働かない場合は、お手数ですが再インストールをお願いします）
ダウンロードや更新履歴などは以下のページからどうぞ。
ニコニコ動画のコメント熱狂度を可視化するGreasemonkeyスクリプト
ご意見・ご感想、欲しい機能などがありましたら、コメントやトラックバックでお気軽にどうぞ。次回アップデート時の参考とさせていただきます。
]]>
Firefox3に対応するために、機能を削ってシンプルにしたHeat the Nicovideo Upですが、取り急ぎ「動画ダウンロード」と「フィルター一覧」機能を復活させました。
すでにインストール済みの方は自動更新が働きますので、お待ちください。 （1日待っても働かない場合は、お手数ですが再インストールをお願いします）
ダウンロードや更新履歴などは以下のページからどうぞ。
ニコニコ動画のコメント熱狂度を可視化するGreasemonkeyスクリプト
ご意見・ご感想、欲しい機能などがありましたら、コメントやトラックバックでお気軽にどうぞ。次回アップデート時の参考とさせていただきます。
]]>
ニコニコ動画のコメント熱狂度を可視化するGreasemonkeyスクリプトHeat the Nicovideo UpをFirefox3で動くようになおしました。
現在動かなくなっている方は、お手数ですが以前のものをアンインストールした上で、再インストールしてください。
インストールや詳細、更新情報などは以下のページでどうぞ。
ニコニコ動画のコメント熱狂度を可視化するGreasemonkeyスクリプト
動かないーとか、こんな機能が欲しいーとか、ご意見・ご感想などありましたら、コメントやトラックバックいただけるとアップデート時の参考にさせていただきます。
]]>ページレイアウトやデザインもカスタマイズしたいなと思っていたところだったので、思い切ってMT4に引越を行いました。 旧コンテンツはRailsのページキャッシュでHTMLファイルを生成し、Apacheのmod_rewriteと組み合わせて、ほぼ全てのページをそのままのURLで見られるようにしてあります。 RSSリーダーでご購読いただいている方も、フィードのURLは基本的に変わらないようにしたつもりです。
旧トップページはこちらです。 ※ただし、コメントやトラックバックの受付は旧コンテンツでは停止しています。コメントは新しいブログ上の好きなページに元URL付きでしていただけると助かります。
今後とも、当ブログをよろしくお願いします。
]]>