最速インターフェース研究会 :: Firefoxの拡張MozLabの中に含まれるMozReplがヤバすぎる件について
MozLabという拡張を昨日知ったのですが http://dev.hyperstruct.net/trac/mozlab この中に含まれているMozReplというのがヤバい。Firefoxにtelnet接続できるようになる。 とりあえずRubyで書いた簡単なサンプル、今見ているページをリロードするだけ。 require 'net/telnet' telnet = Net::Telnet.new({ "Host" => "localhost", "Port" => 4242 }){|c| print c} telnet.puts("content.location.reload(true)") telnet.close ひたすら自分が見ているURLとページタイトルを記録する系とか簡単に作れそう。 今見ているページのURLとタイトルを取得するサンプル。 require 'net/telnet'
最速インターフェース研究会 :: ソーシャルブックマークの未来予想
自分に出来ることは数限られてるけど、 これからどんな技術が、どう組み合わさって、どう発展していくのかは 大体予想がつく。 これからブラウザの拡張機能として サイドバーにソーシャルブックマークが組み込まれるだろう。 それは自分が今見ているページから ドメイン内の人気のあるページをリストアップしてくれたり どんなタグがついているのか、誰がブックマークしているのか、 関連しているページは何か、関連している本は何か、関連する商品は何か、 ページ内の単語のwikipediaへのリンク、逆リンク、前回の更新箇所(diff)、 同じページを見た人のオンライン状況、ページの評価、などなどを取得してくれる。 ブラウザ本体画面のほうはともかく、サイドバーの方はtorなどのP2P匿名プロキシを経由して、さらにはcoralのような分散キャッシュサーバーを利用して、プライバシーの漏洩を心配することなく、転送量もサー
最速インターフェース研究会 :: 全てのWeb開発者必見：fluxiom
fluxiomである。 http://www.fluxiom.com/ fluxiomはRuby on Railsで作られた、ソーシャルとタギングを備えたオンラインファイラーというようなものらしい。まだサービス開始していないが、デモムービーが公開されている。 fluxiomを開発している会社はscript.aculo.usの開発元ということであるので、 当然「Rails + prototype.js + script.aculo.us」で作られている、ということになるのだろう。 と思ってみたら、開発者のBlogに追記されていた。「Ruby on Railsで作られていて、Flashは一切使っていない」ということである。 http://mir.aculo.us/articles/2005/11/24/fluxiom script.aculo.usは「web2.0 JavaScript」だそう
最速インターフェース研究会 :: [Ajax] エントリの動的ロード
鬱陶しくなるだろうと思って、やらないつもりだったが、やってみると案外そうでもないかな、と思ったのでつけてみた。 JavaScript有効の場合に表示される(はずの)プルダウンメニュー、もしくは、右側のエントリ検索の結果にマウスオーバーするとエントリを読み込んで表示する。 blosxomの場合、各エントリがプレーンテキストで保存されているので、それを直接読み込んで表示している。サーバーに負担はほとんどかからない。画像を読み込むのと同程度。 エントリ一覧のロードは、今までIFRAMEを使っていたのをXMLHttpRequestを使うようにした。ついでに、カテゴリの記事件数集計を正確にしておいた。 XMLHttpRequestが使えない環境では、IFRAMEHttpRequestを使う。Opera7.54で動くことを確認。 http://ma.la/mirrorman/wiki.cgi/IFRA
最速インターフェース研究会 :: Tropyクローンを作った
なんかJavaScriptで作れ、みたいな圧力がかかったので作ってみた。 http://la.ma.la/misc/tropix/ (追記：ソース) http://la.ma.la/misc/tropix/tropix.zip 元ネタこれね http://www.hyuki.com/d/200511.html#i20051105203040 最速版Tropyということで、サーバー負荷と表示速度の改善を主に。 JavaScript無効だと表示すらできないのであんまりよろしくないんだけど。 ---- 技術的なこと - サーバーサイドはRubyで書いた。90行ぐらい。普通のCGI。 - ランダムなページのアドレスをCGIに問い合わせて、テキストはAjaxで直読みする。 - 履歴を10件分保持するので、行き過ぎても戻れる。 - サーバーにとてもやさしい。 - ページリストを取る際に履歴をPOSTで
最速インターフェース研究会 :: JavaScriptによるQRコード生成ライブラリ
ってのを作りました。 http://la.ma.la/misc/qrcode/ ネタのつもりで作ってたんだけど意外と大変だった。というか時間かけすぎた。 なんの役に立つのかと言われたら何の役にも立たないと自信を持って言える。 Ruby用QRコード生成クラスからの移植です。ライセンスはオリジナルに準拠します。 http://www.swetake.com/qr/ QRコードの仕様とかアルゴリズムとかそういうのは全然わかりません。挙動が同じになるようにしてみただけです。 表示にはテーブルタグを使っています。画像オフでも表示できます。 動作テストには http://www.psytec.co.jp/docomo.html を使いました。 アーカイブにdatファイル同梱したのでファイルサイズが2MB超えてます。 ソースだけ見たい人は、これをどうぞ。当然これだけじゃ動かないけど。 http://la
最速インターフェース研究会 :: 実践JavaScriptリファクタリング
同じ事をやるにも、いろんな書き方があるわけでいかにして短くてわかりやすいコードを書くかというノウハウを紹介します。 例として"abcde"を80回繰り返した文字列を作るとして実際に自分のコーディングスタイルがどんな風に変化していったのか、という。 短くなるのは確かなんだけどわかりやすいかというと、人によるかもしれない。 グローバル関数を定義2年前なら、多分こういう具合だった。 //ふつうに関数として定義する function x(str,num){ var tmp = ""; for(var i=0;i<num;i++){ tmp += str; } return tmp; } x("abcde",80) Stringのメソッドとして定義1年前だとこんな感じ。 //Stringのメソッドとして定義する String.prototype.x = function(num){ var tmp
最速インターフェース研究会 :: JavaScriptにBlogの全文検索をやらせてみる
というのを作ってみました。 http://la.ma.la/search.html ---- http://kengo.preston-net.com/archives/002021.shtml http://johnvey.com/features/deliciousdirector/ これ見てすげーなーと思って同時にここ数ヶ月のもやもやしていたものを文章に書き起こそうという気になったので明日にでもアップします。 超高速全文検索を作ってみた MovableTypeの検索機能って、 検索結果が表示されるまでの速度が遅いっすよね。 まあ遅いっつっても30秒も待たないけど、早くはない。 原因はMovableTypeの構造とかサーバー構成とかいろいろ。 そこで最速インターフェース研究会で発見した JavaScriptにBlogの全文検索をやらせてみるという記事を参考に それをちょっぴり改造してサ
最速インターフェース研究会 :: テンプレートエディタを作ってみた
こんなのを作ってみました。 http://la.ma.la/misc/tmpledit/ HTMLソースを貼り付けて、ページの構造をダンプすることが出来ます。 とりあえずどんな感じかわかるように、このBlogのアドレスを入れてあるので取得ボタンを押すと出て来る様になってます。XMLHTTPでソース受信してるので外部ドメインのソース取得は無理です。ローカル保存+IEの場合は外部ドメインのソースも解析できます。 こういう感じの作るやつ、と言えばわかりやすいかも。 http://d.hatena.ne.jp/kamioka/20050609/1118324980 まあ、これがやりたかっただけなのですが、ついでにCSSの編集もできるようにしてみました。CSS編集モードに切り替えると、タグ名とクラス名とIDを確認しながらプレビューしつつその場でCSSを編集できます。 CSS適用ルーチンはこれの丸パク
最速インターフェース研究会 :: 高橋メソッドなプレゼンツール
ここのところずっと、ライブラリ整理ばっかりしてます。 あとAlphaというエディタのカスタマイズに夢中です。 で、何かと、もうしばらくかかりそうなので、小ネタでも。 ---- http://la.ma.la/misc/js/takahashi.html 思いついて10分ぐらいで完成。 せっかくなので縦サイズも画面に収まるように改良、 それから「----」で区切ってページ前後移動できるようにした。 ---- 権利放棄します、ご自由にお使いください。 別に使わなくてもいいです。 ---- 高橋メソッドというのは、これ http://www.rubycolor.org/takahashi/ ---- 追記 オブジェクト指向バージョンを作ってみた。 http://la.ma.la/misc/js/takahashi_oop.html 追記 2005-04-11 -やじうまWatchに紹介されたみた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pure JavaScriptによるQRコード生成ライブラリ
ペイント暗号解読ツール