JavaScriptによる全文検索エンジン - llameradaの日記
JavaScriptでインデックス型の全文検索エンジンを作ってみた。全文検索エンジンを作る際に問題となるのは、インデックスデータを部分的に読み込む方法である。通常はmmapやpreadなどを使ってファイルの一部を部分的に読み込むのだが、もちろん、ブラウザには使えない。ブラウザでファイルの一部分を読み込むには2通りの方法がある。1つは、ファイルを多数のファイルに分割する方法であり、もう1つはHTTPリクエストのRangeヘッダを利用して、ファイルの一部を取得する方法である。前者の利点は、ブラウザのキャッシュが効くことや、対応ブラウザが多いことである。後者の利点は、ファイル数が少なくなるので、インデックスの管理が容易になることである。今回はRangeヘッダの実用性にも興味があったので、後者の方法を用いた。 参考ページ：最速インターフェース研究会 :: Ajaxを使ったシンプルなチャット 転置イ
Firefox の JavaScript はいつのまにかプロパティの順番が変わることがある - IT戦記
ちょっとした発見があった Firebug のコンソール(F12で開く)で要素のプロトタイプを for in してみると // 要 Firebug for (var n in HTMLDivElement.prototype) console.log(n); style className id getAttribute : :プロパティの並び順がサイトによって全然違うことに気が付いた いろいろ試してみた どうやら、よく使われるプロパティが上にくるようだ。高速化のためだと思う その並び替えのアルゴリズムはよく分からないが、一回参照しただけで順番が変わる場合もあれば、何回参照しても順番が変わらない場合もあった。
prototype.jsを用いたフォントサイズ変更スクリプト
Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで
関数を非同期化して汎用性を高める - IT戦記
関数を非同期化する関数を作ってみた。 Function.prototype.asynchronize = function() { var f = this; return function() { var resultcb = function() {}; var failcb = function(e) { throw e }; if (typeof arguments[arguments.length - 1] == 'function') { resultcb = Array.prototype.pop.apply(arguments); if (typeof arguments[arguments.length - 1] == 'function') { failcb = Array.prototype.pop.apply(arguments); } } try { var re
Ajaxian » Prototype Event Extension: Event.wheel(e)
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
Collection & Copy - 図関連( 図や絵を描くJavaScriptライブラリ一覧)
図関連 JavaScript 最終更新 2007/2/23 FooPlot: Online graphing calculator and plotter ezvg.js、VML/SVGを切り替えて使用、GPL。 Open-jACOB Draw2D wz_jsgraphics.js。 mxGraph Ajaxio Demo wz_jsgraphics.js、Prototype, script.aculo.us Cumulate Draw 独自ライブラリ。VML/SVG切り替え。Spry、Prototype.js。 ajaxSketch XUL。 CanvasPaint Sharpan - お手軽Webホワイトボード excanvas.js、Prototype.js。コラボレーション。 Thinkature wz_jsgraphics.js、YUI。コラボレーション。 WWW SQL Des
アスペクト指向/AOP関連 - FAX
JavaScript, リンク最終更新 2006/12/22AspectJS 1.0.0 - Javascript AOP frameworkSlipwave Javascriptjs.aop.Aspectjs.aop.Observablejs.aop.PointCut あまきた日記 - JavaScriptでアスペクト指向marsのメモ - JavaScriptでAOPsubtechグループ - ピンク ブロッサム ダイアリー - JS で AOP というか before, after trigger檜山正幸のキマイラ飼育記 - JS番外編：これって、アスペクト指向かぁ llameradaの日記 - JavaScriptの簡易プロファイラ(new Hatena).blog() - JavaScript でプロファイリング dotvoid.com - Aspect Oriented Pro
クール! Flash/Javaアプレット不要、Script.aculo.usでクロスフェード (MYCOMジャーナル)
18th Street Software, Mike Arace氏は自身のブログにおいて、FlashやJavaアプレットといったサードパーティプラグインを使わずにアニメーション効果を実現する方法を紹介している。 同氏は、これまでWebでアニメーション効果を実現したい場合、FlashやJavaアプレットなどのサードパーティプラグインを使わないといけないと考えられてきたが、最近のAjaxやDHTMLの普及により状況が変わったとしする。 そして、具体例として閲覧するWebブラウザに依存しないクロスフェードのデモンストレーションを紹介する。 このデモはScript.aculo.usを使って開発され、3つのテキストデータが5秒おきにクロスフェードしながら表示されるというものだ。JavaScriptを適切に処理できるブラウザであれば特別なプラグインは必要ない。 最初に表示される画面。下部の緑色のボック
Prototype Javascript Windowsがパワーアップ。「Prototype Window Class」: Recently Ajax
Prototype Javascript Windowsがパワーアップ。「Prototype Window Class」 本Blogでも紹介したスタイリッシュなウィンドウを開く、「Prototype Javascript Windows」ですが、改めて見てみたら非常にパワーアップしていました。 URLなどを指定して、ミニウィンドウを開くためのライブラリで、非常にスタイリッシュなウィンドウを開くことができます。Mac OS Xに似たウィンドウや、サイバーチックなウィンドウなどの「テーマ」を選ぶことが出来、ログインウィンドウやアラートウィンドウなどを作ることもできます。使い方はそれなりに簡単で、ライブラリをダウンロードしてアップロードし、次のようなプログラムを書くだけ。<script type="text/javascript" src="_js/prototype.js"> </script
[を] JSON (JSONP) で「はてブ」のコメントをちら見
JSON (JSONP) で「はてブ」のコメントをちら見 2006-09-22-4 [Programming] 弾さんのブログの記事「javascript - prototype HateBJSON」 (http://blog.livedoor.jp/dankogai/archives/50637027.html) を読んで、はてなブックマークのコメントやタグをチラリと表示する 仕掛けを作ってみました。 http://chalow.net/misc/hateb-chirami.html 入力フォームに URL を入れて、「B」をクリックすると画面遷移なしに その場ではてブ情報が表示されます。 リンク以外の水色の部分をクリックすると消えます。 で、 「はてなブックマークコメントをその場で表示する機能の追加について」 (http://d.hatena.ne.jp/hate
javascript - prototype HateBJSON : 404 Blog Not Found
2006年09月22日06:00 カテゴリLightweight Languages javascript - prototype HateBJSON これでやっと fetch4js みたいな力技を使わずに、Javascriptのみではてブのデータを再利用できますね。 はてなブックマークエントリー情報取得APIとは - はてなダイアリー http://b.hatena.ne.jp/entry/json/任意のURL*1 を GET リクエストで送信することにより、JSON 形式でデータを取得することができます。 というわけで、はてブのJSONを取ってくるPrototypeを。 基本的な使い方はこんな感じ。 var hatebjson = new HateBJSON('parse_hatebjson'); function parse_hatebjson(json){ // ここでjsonを
XMLHttpRequest の onreadystatechange の this - IT戦記
個人的に Ajax を使ったプログラミングをしたことがほとんどない。数回あったけどライブラリ経由で XMLHttpRequest は触らなかった。 仕事でも Prototype.js とか MochiKit とかなので XMLHttpRequest を直接使ったことがない。 用事で使ってみなければならなくなった。 最初に見様見まねで書いたコード //Executable var req = window.XMLHttpRequest ? new XMLHttpRequest() : (function() { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { return new ActiveXObject("Microsoft.XMLHTTP"); } })(); req.onreadystatechange =
[を] Yahoo!画像検索APIでスライドショー
Yahoo!画像検索APIでスライドショー 2006-09-19-1 [YahooHacks] 今回の YahooHacks は、Y!API + Ajax + JSON で、 検索結果画像をスライドショーっぽく表示します。 プレゼンっぽいことができます。 (一時的にデモを置いておきます。そのうち消えます。ご了承下さい。 http://nais.to/~yto/tmp/yahoohacks-samp/hack_slideshow.html) ■■■画像検索結果をスライドショーで表示する Yahoo!画像検索Webサービスを用いて、 検索結果を順番に提示するスライドショー形式にするハックです。 スライドショーは、 プロキシ CGI とメインページ (HTML + JavaScript) から構成されます。 検索結果の取得・表示にはAjaxによる方法で行っています。 Aj
冷たさや暖かさを感じるタッチパネル「サーモエステシア」
海外で行われている「ARS Electronica 2006」というイベントにて、日本電子専門学校の方々が作成した「Thermoesthesia（サーモエステシア）」というのが注目を集めているようです。 これはタッチパネルに触れると、触れた部分に「植物の成長」「雪の結晶」「氷」などをイメージしたCG映像が映し出されるというもの。しかも、映し出されるCG映像に合わせて、タッチパネルの温度が変化するため、より実物に近い感覚が得られるらしい。 実際のムービーは以下から。 YouTube - ARS Electronica 2006 Thermoesthesia どういうものかという詳細な説明はこちら。 日本電子専門学校／カレッジニュース：世界最大のCGの祭典“SIGGRAPH2006”出品作品の制作に本校学生が参加 なかなかいいですね、これ。温度を反映するというのはよくありますが、逆にこちらが体
MochiKit で JSONP の利用 - 2nd life (移転しました)
最近日本でも JSONP が広く知られるようになってきました。JSONPについて詳しくはhail2u.net - JSONP や snippets from shinichitomita’s journal - JSONPについてをどうぞ。 で、JSONP を簡単にライブラリから扱うには、dojo ならScriptSrcIO、prototype.js なら dojoの ScriptSrcIO ライクに拡張した Dojo penetrates Prototype Dude, WTF?! などがあります。 しかしながら、我らが MochiKit は開発者の Bob さんが JSONP を提唱したにもかかわらず、JSONP を扱う Async の関数が見あたらない*1ので作ってみました。デモでは delicious の json api をコールバック関数付きで呼び出し(JSONP)て、リストを
シャープ変数(sharp variables) - FAX
JavaScript #5= {}について、Days on the Moonのnanto_viさんから、詳細な情報を頂きました。いつもいつもありがとうございます。(無断で、コメントをブログ本文に転載してしまいごめんなさいね。) nanto_vi これはシャープ変数(sharp variables)と呼ばれるJavaScriptの拡張機能ですね。循環参照を持つオブジェクトをリテラル形式で書くときなどに用いられます。#n=の後にオブジェクトを指定することで、#n#を使いそのオブジェクトを参照することができるようになります。 var o = #1= { next: { next: { next: #1# } } }; o == o.next.next.next; // true Enumerable.prototype = { map: #1= function () { ... }, col
JavaScriptの配列をsort関数でシャッフルする - snippets from shinichitomita’s journal
あえてsort関数を使う方法でシャッフルしてみる。比較関数自体がランダムな値を返す場合と違って、これなら偏らない。 Array.prototype.shuffle = function() { return this.map(function(a){ return { weight: Math.random(), value: a } }) .sort(function(a, b){ return a.weight - b.weight }) .map(function(a){ return a.value }); }とりあえずFirefox1.5でOK。IEでもmap関数を自分で定義してやれば大丈夫のはず。 置換によるシャッフルと違って、weight値のところを適当に変化させれば、要素ごとに重みづけてのシャッフルもできると思う。たとえばよく聞く曲は優先的に前の方に持ってくるとか、その逆と
3Dゲームをパノラマで鑑賞する「Panogames」
いろいろな3Dゲームの中のシーンを画面キャプチャして連結し、パノラマにしてしまった恐るべきサイトです。パノラマはQuickTimeVRでムービー化されているので、実際にマウスでぐりんぐりんと360度回転して見ることができますし、ズームインやズームアウトも自由自在です。 詳細は以下の通り。 Panogames - Next Gen Screenshoots for Next Gen Games 鑑賞に必要なQuickTimeは以下からプレイヤーのみダウンロードできます。 アップル - QuickTime - QuickTime Player スタンドアロン版のダウンロード チェックボックスを2個とも外し、メールアドレスからっぽのまま「ダウンロード開始」をクリックすれば大丈夫です。 インストール後、アクセスするとパノラマの世界を体験できます。体験できるゲームの世界は以下の通り。 Prey Ha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Last.tv login
https://labs.cybozu.co.jp/blog/kazuho/archives/2006/12/oo-settimeout.php
