最速インターフェース研究会 :: Firefox2のポップアップブロックについて調べてみた
なんかFirefox2ではポップアップブロックの挙動が変わってるというらしく、ポップアップを許可したサイトでもブロックされるというのでコメントをしたんだけど認識が違っていたようなので、気になってソースを読んで調べてみたりしたので、わかったことをメモしておく。 Firefoxのポップアップブロックの挙動 - 許可サイトでなくても、完全に許可されるポップアップがある -- ボタンやイベント設定された要素の左クリック -- Enterキーか、スペースキーでボタンが押された場合(onclickが呼び出される操作) -- ユーザーの設定に関わらず許可される、30個だろうと開く --- これを防ぐのが「browser.tabs.maxOpenBeforeWarn」？ - 許可サイトでなくても、個数限定付きで許可されるポップアップがある -- フォームの値変更なんかで開くポップアップ。 -- dom.p
フィードリーダーの脆弱性まわりのこと
最近、FreshReaderに脆弱性があったということで、いくつか調べて直したり、赤松さんと連絡取り合ったり、それからはてな使ってないのにユーザー様とか書かれて不愉快な気分になったりしてたんですが。 この記事はひどすぎると思う。 フレッシュリーダーの脆弱性に関連してSage++のこと そもそもの問題として「ローカルディスク上のHTMLファイルをブラウザで開くと超危険」です。XMLHttpRequestやIFRAMEでローカルファイルの内容を読み取れるからです。Sageに脆弱性があるということは、あらゆる個人情報の漏洩につながります。「開発者の個人情報を晒すリスクが云々」というのは、個人的には分からなくもないですが、ユーザーの個人情報を危険に晒していることを認識すべきです。 開発者本人が過去に書いているので、危険性の大きさは十分に認識できているはずです。「脆弱性がある」と公表してしまった時点
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
最速インターフェース研究会 :: Gmailで未読のみ表示を切り替えるGreasemonkeyスクリプト
JavaScriptによるユーザースクリプトを追加できる「Greasemonkey」 Greasemonkeyを入れておくと、JavaScriptで書かれたユーザースクリプトを読み込むことができます。自分はGreasemonkeyを利用して下記のことを実行しました。 Going My Way：Gmailの中にGoogle Readerを表示するGreasemon
最速インターフェース研究会 :: 萌ディタで保存と同時にSafariをリロードするデモ
リアルタイムCSS編集の第二弾。やってることあまり変わらないけど。 VNCでSleipnirと同時に表示してキャプチャしてみた。 http://la.ma.la/misc/demo/realtime_cssedit2.htm Apple scriptを使ってSafariをリロードすることができるのでWEBrickでSafariをリロードするだけのhttpサーバーを立てておいて、ファイル保存時に萌ディタから叩くようにしてみた。前回はSleipnirを使っていたけど、これでSafariでも同時に確認できるようになった。Safariリロードするためだけにサーバー立てるのはどうなのかとかdRubyとか使うのがいいのかも知れませんが、よく知らないので。httpだったら他のエディタからでもやりやすいんじゃないかと。 萌ディタ側function XMLHttpRequest(){ return new
最速インターフェース研究会 :: Flashを使ってIMEをオフにする
Flashのフォーム以外でもFlashを使って制御できるみたい。Opera以外動いた。 サンプル http://la.ma.la/misc/ime_off/ 元ネタ http://d.hatena.ne.jp/brazil/20060730/1154189478 同様のものはググればすぐに見つかるのですが、あくまでFlashのサンプルに過ぎず、使えない感じでした。 FlashProxyは「Flashに何かをやらせるためのツールキット」という感じではなく、 JavaScriptのオブジェクトにFlashのメソッドをくっつけられるといった印象。 特定の目的に特化しておらずシンプルで美しい。MTASCで作られてるのもいい感じです。 Good site ANIME FOI POR TR叩S DA SOMBRA DESSE [url=http://anime-foi-por-tr叩s-da-somb
最速インターフェース研究会 :: 萌ディタとSleipnirとWEBrickを使って人のサイトのCSSをリアルタイム編集するデモ
Shiubya.js #1で話したネタですが、Winkでデモを作ってみました。 http://la.ma.la/misc/demo/realtime_cssedit.htm エディタとブラウザが並んでて窮屈ですが、実際はこれを20インチワイド液晶縦置きデュアルでやります。 仕組みは、WEBrickでローカルプロキシを立てて、同名のファイルがローカルにある場合は内容を置き換えて表示する、というもので、CSSやJavaScriptを編集するのに向いています。 プロキシサーバーはPerlで書かれた同等のものがここにあります。 http://www.ornithopter.jp/archives/2006/05/perl_perl.html 自分が使ってるのは必要に応じて行き当たりばったりに拡張していったりするのですが、現時点でのソースを置いておきます。 http://la.ma.la/misc/
最速インターフェース研究会 :: IEの遠隔操作用ライブラリmechanize.js
先日のShibuya.js Techtalk#2では開発手法の話とかは(前回話したので)あまりしなかったのですが、そういう話を知りたいという人も多いようなので適当に公開していこうと思います。 http://la.ma.la/misc/js/mechanize/ WWW::Mechanizeと似たインターフェースでIEを遠隔操作するライブラリです。htaから呼び出してテスト用のツールを作ったりします。wshからも使えると思います。 機能的には最低限のものしか実装してません。ファイルのアップロードとかはJS側からいじれなかったと思うので多分無理です。 この手のツールではseleniumというのが有名なのですが、多機能すぎて使い方が良くわからないので自作しました。単純な動作確認や連投に使ったりします。 これを使ってアレをナニしたりしているのですがとてもここには書けません。
最速インターフェース研究会 :: Firefox2.0 Beta1の雑感
エッセンスマスク 韓国でも大人気のエッセンスマスク。韓流スターもご愛用！ビタミンEとコラーゲン配合のエッセンスが十分に含まれています。この夏にはピッタリの商品です。 Trace scarica software camere luino http://bindo.info/notizie/11.html canzone popolare annuncio gratis cerca limite et trieste udine gorizia http://salvadore.info/sogni/89.html meteo sirmione altoparlante 5 1 telecomando http://salvadore.info/oroscopo/96.html centro benessere taranto ciclocomputer vetta ciclismo htt
最速インターフェース研究会 :: Shibuya.js #2 でしゃべってきました
前回に続き、shibuya.jsでしゃべってきました。 プレゼン資料はこちら。諸事情により少しフォントが小さめです。 http://ma.la/files/shibuya.js/techtalk2.html JavaScriptが無効でも閲覧できるように画像に変換しておきました。 いくつか補足 - APIは最初から全部できてるわけじゃなく、必要に応じて拡張していく感じ - 最初はダミーのJSONを読み込ませたりする - プログラマはクライアント側一人、サーバー側一人、の計二人 - UIを作るのは分業できない気がする。 - 「とりあえず動く」状態ものは10日ぐらいで出来た。3月の頭ぐらい。 - プロトタイプを発展させてって、そのまま本番用になった。 - APIは今のところPlaggerで使ってる例もあるけど(Plagger以外で使ってる例ないけど)、人間向けのサーバーにアクセスが来るのは良く
最速インターフェース研究会 :: JavaScriptで差分リロードなチャット
3年と少し前から作っているチャットのリファクタリングをしています。 http://ma.la/mirrorman/wiki.cgi/%e5%8b%95%e7%9a%84%e3%83%ad%e3%83%bc%e3%83%89 ここに書いてあるチャットのことで、当時はNN4でも動くように、けっこう苦労した覚えがあります。 フレームを使わないスタイルシートでのレイアウトへ変更、 オブジェクト指向化、イベント定義を外部記述へ変更など、大幅に直しています。 ベースの部分は3年前からほとんど変化ありません。 IFRAMEで通信しているので、Ajaxとは違うと思いますが、XMLHTTPを使わなくても昔から動的ロードは出来たよ、ということで。 最近はDHTMLを使ったチャットも多くなっているので、 目新しくはなくなってしまっているかもしれません。 まだ何かと中途半端ですが、とりあえず、動作デモとして設置し
最速インターフェース研究会 :: Amazonでまとめて買うボタンを作成するツール
最速インターフェース研究会 はてな使ったら負けかなと思っている Jun 10, 2006 Amazonでまとめて買うボタンを作成するツール 2006-06-10 17:13 | WriteBacks (0) | 作った http://la.ma.la/misc/aws/awasete.html 参考 http://aws.typepad.com/aws_jp/2004/12/ecs.html Edit WriteBacks TrackBack ping me at http://la.ma.la/blog/diary_200606101713.trackback Post a comment writeback message: Ready to post a comment. Name: URL/E-Mail: spam yoke. nanimo ireruna. Title: Comm
最速インターフェース研究会 :: del.icio.usにはてなブックマーク件数をくっつけるGreasemonkeyスクリプト
はてなブックマークの件数をまとめて取得するAPIができた、ということで http://d.hatena.ne.jp/naoya/20051212/1134375086 Bloglinesにはてなブックマーク件数をくっつけるGreasemonkeyスクリプトの http://d.hatena.ne.jp/m4i/20051213/1134425307 改造して作ってみました。 http://la.ma.la/misc/userjs/dxh.user.js Firefox1.5とGreasemonkey0.6.4で動作確認してます。E4Xを使っているので1.0系では動きません。 変更点はXPathをちょっといじったぐらいです。かなり簡単に作れます。 なんかループが多かったのでレスポンスを連想配列に入れるようにしました。 後、これ系の作る時にはXPath検索バーが便利です。 http://tok
最速インターフェース研究会 :: タブとスペースと萌ディタの話
タブとスペースの話 ところで、DamianセンセのPerl Best Practiceの影響なのか、最近のPerl界隈では「タブは使うな、スペース使え」と盛んに言われていますが、あえて断言しときます。こんなモンはバッドノウハウなんであって、ベストプラクティスでもなんでもない、と。 自分は行頭はタブで揃えて、それ以降の文字揃えが必要な場合はスペースを使うようにしている。で、萌ディタでタブ幅を動的に切り替えられるようにしている。 srcfile.javascript.txtにこんな風に記述。 var tab_width = 4; function tab(num){ App.Prop('srcfile', 'tab-width') = num } f.onKey4 = function(){ tab_width > 1 && tab(--tab_width) App.balloon(tab_w
最速インターフェース研究会 :: livedoor ReaderにSimpleAPIのサムネイルを加えるGreasemonkeyスクリプト
作りました。 http://la.ma.la/misc/userjs/ldr_add_thumbnail.user.js こんな感じに動きます。 http://la.ma.la/misc/img/ldr_add_thumbnail.png SimpleAPIのウェブサイトサムネイル作成API http://img.simpleapi.net/ を使ったサムネイル表示をlivedoor Readerに加えます。 :saもしくは :simpleapi で、フィードごとにサムネイルの表示/非表示を切り替えられます。(コロンを打つとコマンド入力ができるので続けてsaエンター) 全部に対して有効にするとSimpleAPIに対する負荷が高そうなのと、キャッシュが無くて画像が出ないことが多いので、フィードごとに設定できるようになってます。いったん設定すれば、次に同じフィードを表示した時にもサムネイルが表
最速インターフェース研究会 :: livedoor ReaderのピンをGoogle Bookmarksに保存するGreasemonkeyスクリプト
ピンを付けたページ、vまたはctrl+enterで開いたページを全部Google Bookmarksに保存します。 ラベルはLDRとフォルダと2006-05形式の年月を付けるようにしてみた。ここら辺は好みでカスタマイズしてください。 http://la.ma.la/misc/userjs/ldr_gbsaver.user.js Google Bookmarks http://www.google.com/bookmarks/ 注意 - あらかじめGoogleにログインしておく必要があります - Google側の仕様が変われば動かなくなる可能性があります - 削除は外部から叩けないみたいなので、ピンを外しても削除はされません メリット - ブックマークしたページがGoogleにインデックスされている場合は全文検索ができる（多分） - パーソナライズド検索を有効にしたときGoogleの検索結果
最速インターフェース研究会 :: マウスホイールでlivedoor Readerの前後フィードに移動するGreasemonkeyスクリプト
とりあえず作ってみた。for nazoking. これ以上スクロールできなかったらホイールで前後のフィードに移動。 次のフィードに移動するまでの閾値を入れられるようにしてある。 http://la.ma.la/misc/userjs/ldr_wheelhack.user.js あるいは、ほんとに読むことに特化するなら、もうこんなのでいいんじゃないかという気もする。 任意箇所左クリックで次、右クリックで前。 http://la.ma.la/misc/userjs/ldr_clickhack.user.js 要望とかは基本的にブログに書いてくれたほうがありがたいのですが、調子に乗ってあれこれ書かないでください。 livedoor Readerがさらに軽快になるGreasemonkeyスクリプト ・最速インターフェース研究会 :: マウスホイールでlivedoor Readerの前後フィードに移
最速インターフェース研究会 :: livedoor ReaderのショートカットキーをカスタマイズするGreasemonkeyスクリプト
そのうち設定インターフェースができるんじゃないかと思いますが、待ちきれない方はGreasemonkeyスクリプトでカスタマイズできます。 Google readerみたいにj/kだけで全部読みたいControl.go_nextに次のエントリまたは次のフィード、という機能を当ててます。 http://la.ma.la/misc/userjs/ldr_keyhack_jk.user.js ブックマークレットでもできます。これをアドレスバーにコピペ。 javascript:Keybind.add("j",Control.go_next);void(0) 全てのキーバインドを無効化Keybind.clear()で全てのキーバインドを無効にできます。 http://la.ma.la/misc/userjs/ldr_keyhack_clear.user.js はてなブックマークのページにジャンプ。ht
最速インターフェース研究会 :: Shibuya.jsでしゃべってきました
Shibuya.jsでJavaScriptの開発環境の話なんかをしゃべってきました。 プレゼン資料はこちら。少し内容削ってます。 http://ma.la/files/shibuya.js/techtalk1.html - ページめくり s/a or space - 行移動 j/k or enter Webrickのソースは結構適当でadhocにルールを追加したりしてる。なんかsecondlifeがYAMLで設定かけるようなのを作ったとか何か言ってた。 プレゼン資料だけだとわかりづらい部分があるのであとで個別にエントリを書きます。 [雑談]Opera M2はじめました。 公私ともにメールソフトはBecky! Ver.2 + POPFileを使っていたわけですが、[http://la.ma.la/blog:title]の方の「Operaはメーラー」という大胆発言にやられてしまい、いくつかある
del.icio.usに特定のタグを付けて一発ブックマークするブックマークレットを作る奴
Sveta Good site: circut city�ircut city�ircut city�rica durance�rica durance�rica durance�emjoy�emjoy�emjoy�cpenny�cpenny�cpenny�avalife�avalife�avalife�edu ceramic hair straighteners�edu ceramic hair straighteners�edu ceramic hair straighteners�edu flat irons�edu flat irons�edu flat irons�edu tourmaline hair straightener�edu tourmaline hair straightener�edu tourmaline hair straightener�olia flat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
