最速インターフェース研究会 :: Safariでreplace callback のエミュレーション
replaceメソッドをhackしてsafariでもreplace callbackを使えるようにしてみた。Safari バージョン 2.0.2（416.13）で上手く動いたそうです。手元に環境が無いので細かい検証はできませんが、とりあえず。 http://la.ma.la/misc/js/replace_callback/ 解説JavaScriptのString#replaceメソッドは文字列を置換して新しい文字列を返すメソッドですが、第二引数に置換後の文字列を指定する代わりにfunctionオブジェクトを渡してやると、Perlでいうところのeオプションみたいなことができます。 // 大文字を小文字に、小文字を大文字に String.prototype.swapcase = function(){ return this.replace(/([a-z])|([A-Z])/g,functi
最速インターフェース研究会 :: オープンソース版のFastladderが公開されました
まだまだバグとか色々残ってるかとは思いますが、リリースされました。 http://fastladder.org/ http://blog.livedoor.jp/staff_reader/archives/51181618.html ニュース記事 http://www.itmedia.co.jp/news/articles/0802/07/news032.html http://internet.watch.impress.co.jp/cda/news/2008/02/07/18390.html http://itpro.nikkeibp.co.jp/article/NEWS/20080207/293305/ 元々Railsで動いてたわけではなくて、個人でもインストールしやすいようにコンパクトに書き直したものです。 稼働してるサービスは、他のライブドアのサービスと同様に（良く知られている通
livedoor Readerに偽オフラインモードをつけるGreasemonkeyスクリプト
出先で回線が使えない可能性を考えて作った。 http://la.ma.la/misc/userjs/ldr_fake_offline_mode.user.js :offlineで実行。:offline 20だと20件読み込み。適当な実装なので同期とかはない。 仕組みはこんな感じ // 常にキャッシュを使う Cache.prototype.check_expr = function(){return true}; // 設定変えて再描画 Config.use_autoreload = false; Config.touch_when = "manual"; Config.view_mode = "flat"; Config.limit_subs = 100; get_unread.cache.max = 500; // 再描画 subs.update(); // reload無効化 Cont
最速インターフェース研究会 :: JavaScriptでDebugScreenを表示する
デモ、IEかFirefox http://la.ma.la/misc/js/debugscreen/ IEとFirefoxではwindow.onerrorを設定するとJavaScript全体のエラーを補足できます。さらに返値をtrueにすると標準のエラーダイアログを抑制できます。 簡単なサンプルはこんな感じ。 window.onerror = function(mes,file,num){ alert([ "file : " + file, "line : " + num, "message : " + mes ].join("\n")); return true; } あまり細かい情報を取得できるわけではないので、例外処理に使ったりはできないのですが、エラーメッセージを親切にしたりできるかもしれません。 そんなわけで、ファイル名と行番号わかるなら自分自身をXMLHttpRequestで受
最速インターフェース研究会 :: livedoor ReaderにはてなスターをくっつけるGreasemonkeyスクリプト
の、雛形。 http://la.ma.la/misc/userjs/ldr_with_hatenaster.user.js (function(){ var w = typeof unsafeWindow != "undefined" ? unsafeWindow : window; var initialized = false; var s = document.createElement('script'); s.src = 'http://s.hatena.ne.jp/js/HatenaStar.js'; s.charset = 'utf-8'; document.body.appendChild(s); var t = setInterval(function(){ if(w.Hatena){ init(); initialized = true; clearInterval(t
最速インターフェース研究会 :: Safari for Windows betaで日本語表示する方法
Preferences → Appearance で日本語のフォントを指定。 Documents and Settings\username\Application Data\Apple Computer\Safari\WebKitPreferences.plist が、こんな風になる。 <key>WebKitFixedFont</key> <string>ＭＳ ゴシック</string> <key>WebKitStandardFont</key> <string>ＭＳ Ｐゴシック</string> で、フォント名から、実際のフォントファイルを参照する部分がおかしいみたいなので、 Documents and Settings\username\Local Settings\Application Data\Apple Computer\Safari\Fonts.plist を弄る。 <ke
最速インターフェース研究会 :: HTMLドキュメントを解析して特徴的なループを見つけるBookmarklet
- 全てのDOMノードを列挙する - ノードは次のように文字列化される。 0: /html[0]/body[0]/div 1: /html[0]/body[0]/div[0]/div 2: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 3: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 4: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 5: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 直前の階層までは添え字つき、最後のノードはタグ名のみにする。 class名、id名は排除する。各々のサイトのルールで記述されたruleよりも タグのネスト構造の方が変化に強いし機械的に抽出しやすいのではないか？ 出現回数でソートする。li要素2-5はループであることが分か
最速インターフェース研究会 :: livedoor Readerの自動スクロール機能
3ヶ月ぐらい前に実装したんだけど、誰も言及してないので書いておきます。livedoor Readerの自動スクロール機能はここにあります。 - ダブルクリックして押しっぱなしにすると自動スクロールになります。 - ダブルクリックの速度で、自動スクロールの速度が変化します。 - 右クリックで逆スクロールします(Opera以外) こういう実験的な機能は試しに実装してみて、親しい人の反応を見てみたりするのだけど、「その場所どうやって表示するの？」と、ことごとく言われた。
最速インターフェース研究会 :: アメブロのオフィシャルブログ画像保護機能を無効化するGreasemonkeyスクリプト
現在見ているページをGM_xmlhttpRequestで受信するため、amebloのPVが増えます。さすがYappoです。 http://subtech.g.hatena.ne.jp/yappo/20070319/1174293065 なのでちょっと書き直してみました。 http://la.ma.la/misc/userjs/ameblo_sucks.user.js イベントはremoveEventListenerで外したいところですが、元の関数が参照できないと無効化できないので、onclickやoncontextmenuに直接代入してます。GreasemonkeyではDOMへの参照はラッピングされたオブジェクトが帰ってくるのでunsafeWindow経由で操作を行う必要があります。 Greasemonkey以外のuserjs実装でも動くように書いてみたつもりです。 どうぞご利用ください。
最速インターフェース研究会 :: アメブロの新着ブログのRSSを適当に読み上げるページを作った
アメブロの有名人ブログの新着ページからリンク抽出してRSSを取得してMSAgentを使って音読してくれるページを作った。Windows IE専用です。それ以外でも一応見れますが音は出ません。 http://la.ma.la/misc/ameblo/ MSAgentが使える必要があります。MSAgentというのはMicrosoft製の伺かみたいなやつで、WindowsMe以降なら標準で入ってます。 Plaggerで使ってたりするやつ。MSAgentで使う日本語の読み上げエンジンは無料でダウンロードできます。MSOfficeが入ってれば最初から入ってたりします。 参考: http://blog.livedoor.jp/hakin/archives/50561235.html 何か色々言いたいことがあったんだけど忘れた。
最速インターフェース研究会 :: coCommentの拡張機能をいれるとlivedoor Readerの動作がおかしくなるらしいので調べてみた
似たようなのを続けて見たので調査してみた。 http://d.hatena.ne.jp/ekken/20070303/1172921555 http://d.hatena.ne.jp/babie/20070227/1172547987 coCommentのFirefox用の拡張が原因っぽい。手元のFirefox2だとXULのエラーが出て上手くインストールできなかったんだけど、ソースを読んで調べてみた。 原因はこのソースが読み込まれてるからだと思われる。 http://www.cocomment.com/js/core.js coCommentの拡張機能はページを読み込むたびにブックマークレットを実行するのと同じようなことをしてるみたい。その際に、サイト側で定義してある関数を上書きしてしまうことがある。$とString.prototype.stripが再定義されていて、これがlivedoor
最速インターフェース研究会 :: 「ニコニコ動画はYouTubeにとって脅威になったのでアクセス拒否された」みたいな論調に話を持って行きたがる人たちについて
割とどうでもいいとは思ってるんだけど書いておくことにする。ここら辺読んで思ったこと。 http://shi3z.cocolog-nifty.com/blog/2007/02/youtubeweb20_0171.html http://blog.livedoor.jp/lalha/archives/50154713.html http://mindclip.blog55.fc2.com/blog-entry-121.html 通常の利用頻度でAPI使ってて他は大丈夫なのに自分だけアクセス拒否された！ってことなら、敵視されてるんじゃないか とかそういう陰謀論が起こるのも理解できるんだけど。 「アクセス拒否＝敵視されている」みたいな発想が短絡的だと思う。利用方法に問題があって異常なアクセスがあれば、普通にアクセス拒否すると思うんだけど。敵視してるとかそういうのとは全く関係なしに。 YouTube
最速インターフェース研究会 :: JavaScriptの関数の結果を期限付きでキャッシュする
処理に時間がかかるけれども、一定時間は結果が変わらないような関数の結果をキャッシュしたい。 例えばgetElementsByTagName("*")なんかを頻繁に呼び出すようなコードがあったとして、結果をキャッシュしたいけれど画面描画が発生すると使えなくなってしまう。setTimeoutで0ミリ秒後にキャッシュを消す処理を入れておいて、画面描画と関係のある処理はタイマーで実行するような制約を付けてコードを書けばDOMが絡む処理の結果もキャッシュすることができる。というようなケースに使えるような気がする。 Function.prototype.timed_memoise = function(ms){ var self = this; ms = ms || 0; var memo = {}; var clear_q = false; function clear_cache(){memo={
OPML Burner
livedoor Reader、Bloglines、はてなRSSの公開設定のフィードリストから、これは読んでおけ、っていうフィードを抽出するサービスです。 idを入れる livedoor mala__ cho45 nipotan brasil_ higeorange tokyoenvious bloglines horaguchi hatena higepon naoya から人以上登録してるフィード 使い方 RSSリーダーにはふつう、インポート/エクスポートという便利な機能があります。 livedoor Readerであればインポートのページ(http://reader.livedoor.com/import/)を開いて、できあがったOPMLのURLを貼り付ければOK。 注意事項 一度取得したOPMLは1日キャッシュしてます。 そのため古いデータが表示される場合があります。 キャッシュが
最速インターフェース研究会 :: Functionコンストラクタを使ってJavaScriptネイティブじゃない関数をラッピングする方法
ExternalInterface.addCallback で定義された関数は apply できない http://d.hatena.ne.jp/nitoyon/20070214/p1 っていう記事に書いてあるコードを手直し。Flashをいじってないんで、上手く動くかどうかよくわかんないですが、こんな感じでいけると思います。 function applySwf(swf, method, args){ if(swf && typeof swf[method] == "function"){ var params = []; for(var i=0;i<args.length;i++) params[i] = "_"+i; Function( params.join(','), "this("+params.join(',')+")" ).apply(swf[method], args); }
最速インターフェース研究会 :: Function.prototypeを拡張して遅延実行を実現する
JavaScriptにおいて関数というのはFunctionオブジェクトで、他のビルトインオブジェクトと同様に、組み込みのメソッドがある。これがapplyとcallしかないのだけれど、こんな感じに使う。 func.apply(thisObj,arguments) func.call(thisObj,arg1,arg2,arg3) thisObjには、その関数内で「this」として使うオブジェクトを指定する。applyの第二引数はargumentsオブジェクトを指定する。配列か、現在実行中の関数のargumentsオブジェクトを丸ごと別の関数に引き渡せる。つまり引数の長さが良くわかってなくても使える。 callは代わりに func.apply(thisObj,[arg1,arg2,arg3]) と書けるので、実はいらないんじゃないかと思う。 これらは多分、ふつうにJavaScriptを書く上で
フィードリーダーの脆弱性まわりのこと
最近、FreshReaderに脆弱性があったということで、いくつか調べて直したり、赤松さんと連絡取り合ったり、それからはてな使ってないのにユーザー様とか書かれて不愉快な気分になったりしてたんですが。 この記事はひどすぎると思う。 フレッシュリーダーの脆弱性に関連してSage++のこと そもそもの問題として「ローカルディスク上のHTMLファイルをブラウザで開くと超危険」です。XMLHttpRequestやIFRAMEでローカルファイルの内容を読み取れるからです。Sageに脆弱性があるということは、あらゆる個人情報の漏洩につながります。「開発者の個人情報を晒すリスクが云々」というのは、個人的には分からなくもないですが、ユーザーの個人情報を危険に晒していることを認識すべきです。 開発者本人が過去に書いているので、危険性の大きさは十分に認識できているはずです。「脆弱性がある」と公表してしまった時点
Index of /misc/userjs
Index of /misc/userjs Parent Directory AmazonCartHelper.user.js AutoReload.user.js DelayMaryo.user.js GoogleAutoPager.user.js GoogleInstantSearch.user.js HatenaRssRolling.user.js KuruKuruMixi.user.js acmemarc.user.js akeome.user.js amazon_gift.user.js ameblo_sucks.user.js dxh.user.js dxh_img.user.js estseekautopager.user.js frepa_killpopup.user.js gmail_unread_toggle.user.js google_reader_beta.use
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最速インターフェース研究会 :: そろそろはてな京都移転について一言いっておくか
Pure JavaScriptによるQRコード生成ライブラリ