最速インターフェース研究会 :: [Ajax] location.hashを使ったセッション復元
最近になってようやくJavaScript関係、動的ロードを使ったテクニック等について 話せる相手ができまして、、なかなか充実しています。 Gmail、GoogleMapsのような画面遷移なしの高速なナビゲーションが注目されています。 サイトが特定のタスクに対して特化している場合、JavaScriptを使ったインターフェースの最適化が非常に有用であるのは間違いありません。 ブラウザ上で動作するリッチクライアントとしてはFlashが圧倒的に有名ですが、Flashは、ブックマーク、ブラウザの戻る進む機能、文字の拡大縮小、などのブラウザが本来備えている機能が使えないため、ユーザビリティ研究者の間では嫌われ者です。 http://d.hatena.ne.jp/nazoking/20050226 というわけで、AjaxがFlashのような使い方をされないような実装例を考えてみたいと思います。 一つは、
CMS researcher - Greasemonkeyでprototype.jsやscript.aculo.usを使う方法
Greasemonkeyでprototype.jsやscript.aculo.usが使えたら便利だろうな、と考えたことのある開発者は少なくないのではないでしょうか。ちょっとそんなアイデアを試してみたことのある方ならわかると思うのですが、Greasemonkeyでそういった外部JavaScriptライブラリは簡単には使えません。案外ハードルが高いです。 Googleで調べていたら、面白い解決方法が見つかったので紹介します。 Loading External JavaScript Libraries in Greasemonkey このブログで解説されているアプローチを用いれば、Greasemonkeyで外部JavaScriptライブラリが使えるようになります。 ポイントは、 外部ライブラリがロードされるまで待ち続ける制御構造 unsafeWindowを経由して外部ライブラリにアクセス といっ
Prototype.js 1.5.0_pre0 - IT戦記
最新が 1.5.0_pre0 になってたので調査 (自分用のメモなので読みにくくてもゴメンなさいってことで) Prototype.js 1.4.0 からの変更点 CHANGELOG より String.prototype.truncateを追加 String.prototype.gsub, String.prototype.sub, String.prototype.scan を追加。 Template クラスを追加。 $$ 関数を追加。 Selector クラスを追加。 Element.childOf を追加。 String.prototype.inspect を修正。 String.prototype.strip を追加。 String String.prototype.truncate 文章を短くする。 var text = 'とっても長い文章です。読むのがわずらわしいです。概要だけ
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
ブラウザがWindowsに！？ Ajaxによるアプリケーションフレームワーク 「Bindows」 - モジログ
またAjaxでとんでもないものが出てきました‥。 Bindows http://www.bindows.net/ Windowsのデスクトップアプリみたいなものが、Ajaxベースでブラウザ上でできてしまうアプリケーションフレームワークのようです。 サイトにアクセスして、「Click for a quick DEMO」というところをクリックすると、すごいデモが立ち上がります。 （わりと最近のブラウザでないと、ちゃんと動かないかもしれません） このスクリーンショットは、このデモの「Graphs and gauges」のタブのところです。 「Graph2」で、いろいろな「Graph type」を選んでみてください。 もう何が起こっているのかわからなくなるほど、とんでもない完成度です。 ＩＴ技術者の方、ちょっとこれ見てみてくださいよ‥。 Bindows API Class Tree http://
PHP5上でJavascriptを動かす: J4P5:phpspot開発日誌
J4P5: Javascript For PHP 5 J4P5 is a JavaScript interpreter written in PHP 5, that allows to run untrusted scripts in a sandbox on your server. It aims to implement most of Ecma-262 3d edition. PHP5上でかかれたJavascriptインタプリタ。 JavascriptのソースをPHP5で動かすことが出来るようです。 次のようなソースで、JavascriptのソースがPHP5上であまりにも簡単に動いてしまうからかなり驚き。 <?php /* * P4J5のサンプル */ // モジュールの読み込み include "js.php"; // Javascriptのコード記述し$codeに代入 $cod
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
Firebug :: Firefox Add-ons
Firebug 1.2.1 by Joe Hewitt, Justin Dolske, robcee Categories Web Development Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug 1.2 requires Firefox 2 or 3. 347 reviews Updated September 12, 2008 184,775 weekly downloads 8,448,583 total downloads M
JavaScript開発のお供に。 log吐き
2006/11/27 Firebug公式サイトが移転しました。 http://www.getfirebug.com/ 詳しい使い方は、http://www.getfirebug.com/docs.html等をどうぞ。 2006/11/07 未だにアクセスが多いので、補足します。ここにある情報は既に大幅に古くなっています。以前程、パフォーマンスの低下もありませんし、ログの吐き方も変わりました。 例えば、console.debug("message",obj)のような形でログをとったり、assertしたりするようになっています。詳しくは、http://www.joehewitt.com/software/firebug/docs.php辺りを参照してください。 https://addons.mozilla.org/extensions/moreinfo.php?id=1843&applicat
Web標準化Tips - Web標準普及プロジェクト
特定のWebブラウザの独自拡張仕様を使っていたり、 特定のWebブラウザの表示が間違っていたために、 Mozillaによって実際に問題が発生した事例の修正方法を紹介しています。 また、ここで紹介する修正案は全てWeb標準仕様に基づいた内容となっています。
ブラウザ判別とオブジェクト検出 - Web標準普及プロジェクト
ブラウザ判別とオブジェクト検出 JavaScriptを使ったダイナミックHTMLを実現する場合、現状ではブラウザ毎に別々にコードを記述する必要があります。 そこで多くのサイトではブラウザ判別のコードが書かれています。 function toggleLayer(id){ if (navigator.appName == "Microsoft Internet Explorer") { if (document.all(id).style.visibility == "hidden") { document.all(id).style.visibility = "visible"; } else { document.all(id).style.visibility = "hidden"; } } else if (navigator.appName == "Netscape") { if (
ブラウザ判別では"Gecko/"を調べてください - Web標準普及プロジェクト
ブラウザ判別では"Gecko"を調べてください JavaScriptの互換性検査においてはブラウザ判別とオブジェクト検出にあるように、 オブジェクトの有無によって判定するのが一番確実です。 しかし、CSSの互換性等をJavaScriptで無理矢理切り分ける場合等にはこの手法は使えないので、 その場合はブラウザの種類とバージョンを検査しなくてはいけません。 Mozilla/Netscapeは区別せず、Geckoブラウザ MozillaやNetscape6/7は共に同じGeckoというレンダリングエンジンを使っていて、 Webページの表示性能は(バージョンの差によるものを除けば)全く同じです(バグも)。 そしてこのことはGeckoエンジンを使用する他のブラウザにも当てはまります。 例えばMozilla Firebird(旧Phoenix)やCamino(旧Chimera)等です。 このようなG
AJAX Activity indicators | Animated GIFs designed to indicate your site is doing something
By Jakob Skjerning: By Absolute Radio: By Keppler-IT: By absofort: By FreeSolutions: By Pascal Germroth: By Martin Jespersen: By 3 Man Army: By Nicolai Willems: By Simon Claret: By Dvir Volk: By Laurens van Hees: By Sherv.NET: By Paul C Smith: By H5 N1: By PositronVX: By matt: By Goldplate Ltd: By Netlife: By websedit AG: By Timur Gafforov: Background color: Black | White | Custom (for display pur
Script.aculo.us 1.5 の Autocompleter を Opera、Netscape に対応させて、日本語入力にも対応させて、ちょっとだけ高速化する方法 - IT戦記
このコードを Script.aculo.us を読み込んだ後に読み込む。 // Script.aculo.us 拡張 Object.extend(Autocompleter.Base.prototype, { // for Opera ___pressReturn : false, // for Opera & Japanese // もとのコンストラクタを退避させる ___grandBaseInitialize: Autocompleter.Base.prototype.baseInitialize, // for Opera & Japanese baseInitialize: function() { // もとのコンストラクタを呼び出す this.___grandBaseInitialize.apply(this, $A(arguments)); // for Japanese /
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript++かも日記 - 1997年からの
AJAX Reguler EXpression eValuator
JavaScript++かも日記 - 1997年からの
php,mysql,js,cssのajax検索
TinyMCE Javascript Content Editor by Moxiecode Systems AB
