C:\Program Files\TortoiseSVN\bin\TortoiseProc.exe /command:commit /path:"C:\remix\core\views\" /closeonend:1 /notempfile

f1::Run, C:\Program Files\TortoiseSVN\bin\TortoiseProc.exe /command:commit /path:"C:\remix\core\public\js" /closeonend:1 /notempfile

通常のonloadイベントではページ内の全ての画像ファイル等の読み込みも完了してからコードが実行されるのに対し、jquery.jsはHTMLのDOM解析が完了した途端にコードを実行できるアクセラレーション機能を備えています（注4）。

DOM 読み込み完了のタイミングで、任意の関数を実行できるようにする JavaScript ライブラリを書いてみた。

* domready.js

mootools の同様の機能を基にしていて、単体として使いやすいように外部ライブラリへの依存性をなくし、prototype.js とも併用できるようにしたもの。

(function(){

document.body.innerHTML = document.body.innerHTML.replace(/hoge/g, 'hige');

})();

嬉しいことに、prototype.js にも近いうちに同様の機能を取り込もう、という動きがあるようだ。

• #5414 (PATCH) Faster onload for Event.onload
• Changeset 6596: Support for “DOMContentLoaded” event handling (prototype.js event branch)

互換モードXPSP2で、管理者権限で実行をチェック

• bluewind
• eClip
• Kbd Acc
• ペースター
• AutoHotkey

• 窓使いの憂鬱

今日から、転職して、洛西一周さんと鈴木健さんが立ち上げる新会社、株式会社NOTAに。
とてもおもしろいプロジェクトが進行中で、それに参加します。

２月の関西LiveCodingで洛西さんに
「紙copiは、RakuCopyとなんとなく似ていて親近感があるんですー。」
って話していた時から、３ヶ月ちょっと。こうなってるとは、全然予測してませんでした。

自分が何が一番やりたいか考えてみた結果、もっともやってみたいことだなと。
ということで今日から横浜。プログラマー。

それGreasemonkeyでいいんじゃね？

ということで作りました。GreaseFox。

• greasefox.user.js
• その他のGreasemonkeyスクリプト

このスクリプトをインストールすると対象に指定したサイトでは、クリックするとページ上にオーバーレイでリンク先が開きます。

開いたオーバーレイは、左右の黒帯に一度カーソルを移動して、戻すと閉じます。

使用例ムービー

http://blog.amazie.jp/greasefox.htm

設定方法

対象にするサイトを

/* Setting */
var include_URL = <><![CDATA[
    http://www.checkpad.jp/*
    http://www.google.*/*
    http://mixi.jp/*
    http://clip.livedoor.com/clips/*
    http://twitter.com/*
]]></>;

すべてのページで使っちゃるという男前は

var include_URL = <><![CDATA[
    http(s?)://*
]]></>;

Tips

Livedoor Reader で "G"を押すと元記事がオーバーレイで開きます。

→初期版ではLDRが対象サイトにはいってなかったので、入れました。

既知の問題点

• 履歴に残らない →いいのか？悪いのか？
• a タグの内側にfont タグとかが複数入ってるリンクは開きません。
• サイトによっては、タイトルがうまく取得されない。かも。
• BackSpaceとか、Alt+←とかで戻ったら、タイトルとアドレス欄が表示されない。 →後ろは振り返らない、ひたすら前進あるのみ。

MITライセンスで。

開発謝辞

gotinの日記
http://d.hatena.ne.jp/gotin/

gotinさんのmktag関数を使わせていただきました。

del.icio.usのハッシュの作成に

高度な JavaScript 技集
http://www.onicos.com/staff/iz/amuse/javascript/expert/

のmd5.jsを使わせていただきました。

Todo

好きなサイトで有効／無効を切り替えれるようにする。

以下、余談

一番苦労したのは、ページのタイトルとURLの取得。
iframeのクロスドメイン制限で、通常の方法では他ドメインのページは取れない。
GM_XMLHttpRequest使って、アクセスするのもやってみましたが冗長。
結局、GM_SetValueでどうにかしました。

おまけ

初期型は、こんなこともできました。

マトリョーシカモード

Ｍな人が使うモード。

マトリョーシカ人形 - Wikipedia
http://ja.wikipedia.org/wiki/%E3%83%9E%E3%83%88%E3%83%AA%E3%83%A7%E3%83%BC%E3%82%B7%E3%82%AB%E4%BA%BA%E5%BD%A2

最初に考えたグリモンアプリはこれで完結。
Greasemonkeyはやっぱ次世代のプラットフォームかもよ！？＞Apolloかなぁ

各種サイト で AutoPaging してくれる Greasemonkeyスクリプトです。
とても便利です。

Twitter も対応させたくなったので、設定ファイルを書きました。

• siteinfo.v2.txt

使用するには、SITEINFO_URL を上記のＵＲＬに書き換えて(↓追記参照)、Greasemonkey のユーザースクリプトコマンドからキャッシュをクリアする必要があります。

Twitter 、流れるのがとても早くなってきたのですが、これでなんとか読めるかも。

追記：

?D of K - Pagerizationをもっと改良したい
http://d.hatena.ne.jp/ofk/20070412/1176379110

AUSGANG SOFTの中の人はTwitterのデータだけを公開して、それのURLをSITEINFO_URLに追加してほしいとすれば良かったりする。

var SITEINFO_URL = [
'http://userjs.oh.land.to/pagerization/siteinfo.v2.txt',
'http://example.com/siteinfo.txt'
];

こんな感じで。

ありがとうございます。
おお、そうだったのですね。
のちほど修正してみます。

Collection & Copy - Twitter、AutoPagerizeで継ぎ足しスクロール
http://d.hatena.ne.jp/brazil/20070413/1176443113

brazilさん、こんにちは。

次ページの内容が、#timelineに入ってるページと、.doingに入ってるページの2種類があるみたいです。

おお、ホントだ。ありがとうございます。
ちょっと、いま体調悪くて頭が回らないので、のちほど参考にさせていただいて Pagerization 用も書いてみます。

• TwitterProfilePopup.user.js
• その他のGreasemonkeyスクリプト

追記：コメントに返信しようとしたらエラーが出るので、こちらで返信を。

> sidus さん

コメントありがとうございます。
もしや新しくGreasemonkeyをインストールされましたか？
他のスクリプトでも同じエラーがでるようなら、↓の対処を試してみてください。

MediaLab Love - Greasemonkeyでファイルがインストールできない時の対処
http://d.hatena.ne.jp/Koumei_S/20060812

「ユーザの閲覧情報」を利用した検索エンジンを実装する方法としては

1. alexaとかを使う
2. google adsenceとかにユーザの閲覧行動をトラックできるようなスクリプトを入れておいてウマー
3. M＄がIEに閲覧行動情報を収集する機能くっつけて自社検索エンジンウマー
4. Firefoxの拡張機能とかでユーザの閲覧行動情報を収集

なんて方法があると思う。一言で言えばユーザがクローラになる検索エンジン。英語で言うとUser Generated Search Engine。

1. FirefoxでブラウザキャッシュをP2Pで共有できるエクステンション
   Web archivesやGoogleキャッシュに残ってないサイトも表示できる。
   時間とともに自然消滅
2. 第二段階、サイトの閲覧状況を公開するオプション
   そのデータを元に重み付けした検索エンジン
3. 第三段階、IE用も作る
   

　本文で紹介されているスクリプトがサポートページに掲載されています。

　その中でよく使っているのが中級編の「サイト内検索用のフォームを追加する AddsSiteSearchByGoogle.user.js」。

　ページの右上にカーソルを持っていくと、Googleでサイト内検索できるフォームが表示されます。
サイト内検索のないページで、情報を探す時にとても便利です。

　ただ、そのままだと使っていて少し不便に感じるところがあったので若干変更してみました。

• AddsSiteSearchByGoogle.user.js
• その他のGreasemonkeyスクリプト

• 一度表示されると消えない
  →マウスアウトしたら消えるように変更
• 表示されると邪魔なときがある(右上のリンクを押したいときとか)
  →消す×ボタンを追加

もとのスクリプトがパブリックドメインなので、これももちろんパブリックドメインで。

'===========================================================
' InstantRails Development Environment Launcher for Windows
'===========================================================

x = InputBox("アプリタイプを入力してください。")

' Config

InstantRails = "C:\InstantRails\InstantRails.exe"
app_root = "C:\InstantRails\rails_apps\" + x +"\"
ruby_bin = "C:\InstantRails\ruby\bin\"

Set shell = WScript.CreateObject("WScript.Shell")

' Launch InstantRails
shell.Run(InstantRails)

cmds = "cd " + app_root + "& set PATH=" + ruby_bin + ";%PATH%"

' Launch test server
shell.Run("%ComSpec% /k " + cmds + "& ruby script\server")

' Open a new command prompt
shell.Run("%ComSpec% /k " + cmds)

' Open a app directory
shell.Run("explorer /e," + app_root)

1. Rails.vbs とか名前を付けて保存して、実行。
2. アプリ名を聞いてくるので、アプリのフォルダ名を入力。
3. コマンドラインとWebrickが起動、アプリフォルダがエクスプローラで開く。
4. 開発する。
   

' Open a test page
WScript.Sleep 5000
shell.Run("iexplore http://127.0.0.1:3000")

Dreamweaver 8「ピンポンゲーム搭載！」

image デザインビューでカラーを選択していない状態で、プロパティパネルのカラー値欄
に「Dreamweaver」と入力するとピンポンゲームが始まる！

• rubyixi.user.js
• その他のGreasemonkeyスクリプト

• 学生や若い世代でもmixiぐらいしかやらない層が相当多い。(学生だと5割ぐらい)
• ネットを使っている人と使っていない人との差がありすぎる。若い人ほどその傾向が顕著。
• RSSリーダーや、ソーシャルブックマーク、googleラボのサービスの良さを力説しても振り向いてくれる層は限られている。
• この状態はネットがもっと洗練されて飛躍的に便利にならない限り半永久的。
• ただ大手マスメディアの眼の届かないところで行われるネットでの論議というのは、それが正論であればひろがるし、必ずネットを越えて波及する。
• それは結局口コミだったり、本だったりという超アナログ的方法だったりするところが面白い。

　もう一つの要因が，製品の使いやすさを伝達できるメディアの台頭と考えている。ユーザー・インタフェースの専門家たちがいつも嘆いていたのは，製品の使いやすさは往々にして使ってみて初めて分かることだった（関連記事2）。使いやすさは，製品の物理的な形状や操作メニューの構成，機能を表す言葉遣いやユーザーの習熟度など，極めて多岐にわたる要素が絡み合って醸し出される感覚である。これを，時間の制約が大きい放送番組や，誌面に限りがある雑誌といった既存のマスメディアで伝えることは相当困難だ。勢い製品の売り手側も，性能や新機能といった，数字や宣伝文句で表しやすい特徴を強調しがちだった。つまりこれまでの消費者は，使い勝手についてほとんど手掛かりがないまま製品を購入してきたわけである。

　この状況は今や過去の話である。インターネットの普及は，既存のマスメディアの多くの制約を取り払った。何より現在の消費者は，自分で製品を購入する前に，既に製品を使っている人の意見を幅広く聞くことができる。価格.comなどの商品比較サイトは，購入を検討中の消費者の質問と，実際に製品を持つユーザーの回答で溢れている。WWWサイトにはマスメディアにあった時間や誌面の制約がないため，どんな些細な情報にも掲載の余地があり，しかも検索可能な形で蓄積していく。消費者自身が立ち上げるブログの存在も大きい。開発者が想像しなかった利用法をユーザーがブログで発信し，製品のヒットにつながる例も，今では珍しくなくなった（詳細は1/29号の特集記事に）。これらの情報の流通基盤が，製品の使いやすさの伝達に役立つことは確実である。

• Webアプリケーションのインターフェースの可能性。
• キーボード、マウス以外の一般に使われうるパソコンの新しい入力デバイスの可能性。

アルファイメージローダーを使用した要素(タグ)の内側にハイパーリンクを使う場合

　ブロック要素(例えばDIV)に対してアルファイメージローダーを使用すると、構造の内部(インライン)のハイパーリンクが押せなくなる(無効になる)場合が有ります。また、BODY要素(タグ)でも同様の現象が発生します。

解決方法をいろいろ模索してみたのですが、AlphaImageLoaderフィルターを指定している要素内のa要素のposition属性にrelativeを指定すれば解決できます。