リポジトリを作成するとgithubの画面にも丁寧にコマンドが表示されます。
それを打ち込んで行けばあっという間に公開完了。

まあ過去に幾つか作ったものがあるのでどれがいいかとちょっと考えて
翻訳用のグリモンスクリプトにしました。
今は自分で使ってないのですがブログへのアクセスは、たまにあるようなので。

翻訳が簡単にできるGreasemonkeyのスクリプト

setunai/poolmmjp_translation

日付見たら4年前のスクリプトなので懐かしさと恥ずかしさがありますね。

本日見つけましたよ！Visual jQuery 1.2.6版
http://remysharp.com/visual-jquery/

Twitterで話が出てたのでちょっと追ってみたら辿り着きました。

以前のものより動作が軽くて良い感じですね。

ある程度のところまではできたんだけど結局Hit-a-Hintの方が完成度が高くて使いやすいのでそっちを選択。時間を無駄にしてしまったなー。

これでクイックヒントの機能は問題なくなったんだけど今度は画面のスクロールがメンドクサイ。
矢印キーだとちまちましすぎるし、PageUp&PageDownだと押しにくい。
以前ページスクロールのグリモンスクリプト書いたの思い出して、ブログから引っ張りだしたら無事Firefox3でも動いた。（Vimperator入れてたので使ってなかった）

でもこのスクリプト「スペースキー」でページをスクロールさせるので見事に「Hit-a-Hint」のキーとバッティング。
自分で書いたスクリプトなのでPageDownを「j」、PageUpを「k」に修正して無事解決。

なので今のFirefox3環境は
ページのスクロール：Greasemonkeyの自作スクリプト
クイックヒント：Hit-a-Hint
な感じです。
これで大分マウスに手が伸びることは減った。めでたしめでたし。

自作スクリプトはこれ：gmpage_scroller.user.js

詳細機能は過去記事を参照してください。キーはj&kに変わってます。
たぶん記事を読みやすくするGreasemonkeyのスクリプト

http://www.gscottolson.com/jquery/jQuery1.2.cheatsheet.v1.0.pdf

http://colorcharge.com/wp-content/uploads/2007/12/jquery12_colorcharge.png

色付きだとやっぱり見やすいね。

またまたjQueryネタ。
仕事でイベントのバブリングを利用することになりそうだったので調べてみました。

DOMの下層エレメントがイベントを発生すると上位のエレメントまで伝播される。
このことをイベントバブリング（またはバブリング）と言います。

例えば下記の様な構造にそれぞれclickイベントが割り当てられていた場合koのクリックに対してko→oyaの順でイベントが発生します。

<div id="oya">
  <div id="ko"></div>
</div>

バブリングを利用する時はそのまま素直に利用すればいいのですが、上位エレメントにイベントを伝えたくない時もあります。
その時はイベントに対してstopPropagationメソッドを発行します。

サンプル作ってみたので試してみたい方はこちら

ソースは以下になっています。

■html

<p>バブリング</p>
<div id="b3" class="box size3">
	<div id="b2" class="box size2">
		<div id="b1" class="box size1">
		</div>
	</div>
</div>
<p>バブリング 停止</p>
<div id="s3" class="box size3">
	<div id="s2" class="box size2">
		<div id="s1" class="box size1">

		</div>
	</div>
</div>

■JavaScript

$(document).ready(function () {
	$(".box").click(function (e) {
		alert(this.id);
	});
	$("#s2").click(function (e) {
		alert("バブリングを停止します");
		e.stopPropagation();
	});
});

もっと詳しく見たい方はサンプルページでソースを直接ご覧下さい。
使い易いのでjQueryを利用していますが、バブリングの考え方はJavaScirptで共通なのでjQueryじゃないと利用できないって事はありません。

jquery_cheat_sheet(pdf)
http://www.define-web.com/jquery_cheat_sheet/jquery_cheat_sheet_080306_v1.pdf

あとGoogle Docsにチートシートを纏めている人も

JQuery Cheat Sheet: jQuery1.1.3
http://spreadsheets.google.com/pub?key=pmkgiRQf98ll4L1SSh9E0Dw

たぶんどちらも1.1系。1.2系ってどっかにないかな？

仕事でjQueryを使うので調べてみた。

Browser Compatibility – jQuery JavaScript Library

jQuery supports these browsers:

* Firefox 1.5+
* Internet Explorer 6+
* Safari 2+
* Opera 9+

jQuery 1.2.1でも変わらないよね？

idからElementを取得するのは$ですが、class名からElementを取得するのは$$です。

使い方は下記

html

<p class="hoge" id="aaaa">a</p>

<p class="hoge">b</p>

<p>c</p>

＜class=”hoge”のElementを取得する＞

var els = $$(".hoge");

var s = "";

$A(els).each(function(el) {

  s += el.innerHTML;

});

alert(s);

結果：ab

とても簡単にclass名を含むElementを取得できます。

そして$$はclass名以外にタブ名でもElementを取得する事ができます。

＜PタグのElementを取得する＞

var els = $$("p");

var s = "";

$A(els).each(function(el) {

  s += el.innerHTML;

});

alert(s);

結果：abc

AJAX系の画面を作るときclassに対して操作する事もよくあるので
覚えておくと便利です。

※注意　クラス名やタブ名でエレメントを取得する場合、$と違い結果のエレメントは配列に格納されます

Visual Documentation
http://www.visualjquery.com/index.xml

何が分かりやすいかというと機能別に分かれているところ。
公式の方だとアルファベット順なのでクラスやメソッド名がわかっていないと探せない。
やはりやりたいことだけしかわからない場合には機能別に分かれていると探しやすい。

機能は
・Core
・DOM
・CSS
・JavaScript
・Effects
・Events
・Ajax
・Plugins

それぞれに下位フォルダもありクリックでどんどん掘り下げて探していく方法です。

ヘッダーがいらない場合には下記で
http://www.visualjquery.com/1.1.1.html

あと、オフラインでも利用できるようにファイルのダウンロードも準備されています。
ダウンロード先は忘れてしまって探してみ見つからなかった^^;
とりあえず直接ファイルのダウンロード先を貼っておきます。
http://www.visualjquery.com/visual_jquery.zip

参考：

jQuery公式
http://jquery.com/

jQuery公式 APIリファレンス
http://jquery.com/api/

イメージとしてはphpのprint_rっぽいやつ。

※見ればわかりますが結構適当です。実用レベルって事で
※Firebug使えば見れるんですけどね。画面にガッと出したかったりもするので

function obj2str(obj, space) {
  var lf = "<br>";

  if (space == undefined) {
    space = " ";
  } else {
    space = space.replace(" ", "    ");
  }

  var str = "";  for (key in obj) {
    str += space;

    if (typeof(obj[key]) != "object") {
      str += key + ":" + obj[key] + lf;
    } else {
      if (isNaN(parseInt(key))) {
        str += key + ":Object()" + lf;
      } else {
        str += "[" + key + "]" + lf;
      }

      str += obj2str(obj[key], space);
    }
  }

  return str;
}

動作サンプルはここ
http://f56.aaa.livedoor.jp/~tdnr/lab/jsonp/

ひたすら再帰を使っているのでブラウザが悲鳴をあげたらごめんなさい。

JSのライブラリだけで他のサーバと通信できまるなんて便利すぎ！

利用しているライブラリは

XML.com: JSON and the Dynamic Script Tag: Easy, XML-less Web Services for JavaScript
http://www.xml.com/pub/a/2005/12/21/json-dynamic-script-tag.html

サーバ側のAPIは

価格.com API appleでの検索結果
http://jsonp.yatena.com/q/apple/

あと今まで手でソースコードをHTMLエスケープかけてたんだけどここ便利（preタグまでつけてくれる）

HTMLエスケープツール | Diaspar Journal
http://diaspar.jp/node/33