Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 4 ) AjaSQL ( 10 ) Ajax ( 675 ) Arax ( 1 ) canvas ( 15 ) CSS ( 24 ) ( 9 ) DLNA ( 1 ) Dojo ( 25 ) DOM ( 51 ) ES4 ( 4 ) Ext JS ( 5 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 48 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 124 ) Google ガジェット ( 1 ) GPS ( 44 ) HTML ( 11 ) HTTPヘッダサンプル ( 10 ) IME ( 2 ) Internet ( 2 ) iPhone ( 49 ) IPv6 ( 1 ) 漫画 ( 4 ) Java ( 49 ) JavaScript ( 343 ) jKamo ( 8 ) jQchart ( 4 ) jQuery ( 207 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 49 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 18 ) Mac ( 9 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 9 ) Movable Type ( 58 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 10 ) P2P ( 2 ) Perl ( 8 ) PHP ( 38 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 28 ) ROBOT ( 1 ) RSSリーダー ( 15 ) Ruby on Rails ( 7 ) SPDY ( 1 ) Spry ( 6 ) SQLite ( 17 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 23 ) TRON ( 1 ) Ubiquity ( 7 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Web Sockets ( 22 ) Webサービス ( 107 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 32 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 74 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) WinTips ( 2 ) こりゃすごい ( 7 ) チューニング ( 30 ) ダイナミックロード関数 ( 7 ) リファレンス ( 20 ) ライブラリ ( 210 ) レーダー雨量表示 ( 1 ) ハード ( 35 ) ペンギン ( 2 ) ブラウザ ( 108 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 14 ) クロスブラウザ関数 ( 8 ) スポーツ ( 1 ) スマートフォン ( 8 ) セキュリティ ( 155 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 57 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 38 ) 牛久大仏 ( 19 ) 携帯 ( 150 ) 言語 ( 19 ) 故障 ( 9 ) 高橋家の謎 ( 3 ) 広告とか ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 10 ) 仕様 ( 113 ) 雑談 ( 354 ) 実装 ( 2 ) 書籍 ( 20 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
Web Sockets Domo

* サーバー側は、小松氏のこれをbloga.jp:80へ置いてあります。
* クライアント側はWS処理をjQueryプラグイン化してみました。これです。
* ちなみに、このDemoサンプルは、下記5行でローカルでも別ドメインでもどこにでも設置出来ます。
<script src="http://bloga.jp/ws/jq/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="http://bloga.jp/ws/jq/js/jquery.ws-0.3-noenc-pre.js" type="text/javascript" charset="utf-8"></script> <script src="http://bloga.jp/ws/jq/conn/wschatdemo0.3.js" type="text/javascript"></script> <script>/*サポートしてない時のalertメッセージを抑止*/$.ws.wsSetup({nonosupportmsg:true});</script> <div id="wsdemos"></div>

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

【info】 最近はTwitterでぶつぶつ言ってることが多いです。
>http://twitter.com/toshirot

2007年11月08日

【prototype.js】Prototype 1.6.0とscript.aculo.us 1.8.0正式版

Ajax , prototype.js , ライブラリ ブックマークに追加する ブックマーク-- Hatena  / Livedoor track feed


Prototype.js 1.6.0と script.aculo.us 1.8.0の正式版がリリース。
http://prototypejs.org/2007/11/7/prototype-1-6-0-script-aculo-us-1-8-0-and-the-bungee-book-now-available

CHANGELOG
http://dev.rubyonrails.org/browser/spinoffs/prototype/tags/rel_1-6-0/CHANGELOG

#例のハッシュの問題は書き直された模様?



    古籏一浩 ( 2007年11月08日 20:40 )

    script.aculo.us ver 1.8.0でエフェクトのサンプルが一部動かないものがあるんだけど、なんででしょうかねぇ。
    既存のeffect.js使ったライブラリでも差し替えると動かなかったりします。ver 1.5.1.1まではちゃんと動くのに〜

    http://www.openspc2.org/JavaScript/Ajax/ref/script.aculo.us/ver1.8.0/index.html

    コレ↓だとフェードするけど、フェードするのはなぜかボタン・・・。
    new Effect.Fade("box", { from:1.0, to:0.2});って書いてあるのに。謎。動くのもあるんですけどねぇ・・・

    http://www.openspc2.org/JavaScript/Ajax/ref/script.aculo.us/ver1.8.0/ref/Effect/Fade/sample/index.html

    高橋 ( 2007年11月08日 21:11 )

    Firefox2、Opera9、Safari3が駄目で、IE6は動作しますね。
    おそらくですが、関数名fade()が衝突しているのかなと思います。

    prototype.jsもscript.aculo.usもグローバルな名前がズラーっと生成されていますから、、、、。すべての名前に精通しないと使うのは難しい、というか危ない?かも。<でも、覚えてられないですよね(^^;;;楽するはずのライブラリなのに、、、ということが、今回もやはり繰り返されそうな、、、?

    この点、jQueryは良いですよ。jQueryオブジェクトとそのショートカットの$の2個しかありませんから。

    古籏一浩 ( 2007年11月08日 23:27 )

    script.aculo.usのeffect.jsだとfadeは

    Effect.Fade = function(element) {〜}

    ってなってるんですよね。確かにfade()をfadeX()にすると動くけど...
    prototype.jsはシェア多いけど、つきあうのがだんだんと面倒に(笑)
    prototype.jsとjQueryの中間くらいのMooToolsがいいのかもしれないなあ。
    Dojoは1.0になったので、これを使うという手もなきにしもあらずだけど...
    速度と機能の両立だとMooToolsあたりかなと思うんですけどね〜。
    必要な機能だけセレクトして構築できるのもグッドだし。

    高橋 ( 2007年11月08日 23:54 )

    ああ、mooToolsも良いですよね。サイトは一番きれいなんじゃないでしょうか?<コードとは関係ない^^?

    と、思って、今確認したら、mootoolsもかなりグローバル領域を汚してますね、、、。

    うーん、昔は全然気にならなかったんですが(笑)、最近のように、他人のライブラリを使う機会が増えると、グローバルな名前の衝突リスクは少し気になってきますね。

    ちなみにjQueryとYUIは謙虚ですけど、YUIは、せっかく作ったネームスペースがじゅげむじぃげむのように長くなって、グローバルな結局ショートカット作ってみたりしてますf^^;;;;ので、それが知らないうちにぶつかってしまう可能性はあります(^^;

    古籏一浩 ( 2007年11月09日 00:06 )

    namespaceは以前から予約語になっていたんだから、IE5とかNetscape 6の時に機能するようにしちゃえばよかったんですよね。
    YUIはCSS名とかもあまりに長いのと煩雑なので引き気味です・・・
    今の所、jQueryならつきあってもいいかなあ、といった具合です。
    あれも、これもとなるとDojoにしたら?ということになっちゃうし・・・
    今年はjQueryでやるしかないかなあ。
    jQueryのUIまわりがYUIくらいあればいいんだけど。


    高橋 ( 2007年11月09日 00:13 )

    必要なら作れば良いと思います(笑)。

    私も今作法?を体得すべく書き散らしていますが、Webでほぼ必須の「DOM扱い」の手軽さは優れていると思います。

    jQueryでなければ、たぶん腰を上げることにならなかったような処理も書いてみたりしてf^^;;

    古籏一浩 ( 2007年11月09日 00:23 )

    そうそう、なければ作ればいいんですよ。
    ただ、現状ではライブラリの機能や特長を全部把握しきれていないので勉強中といったところです。
    全く使ったことがないのはMooToolsだけなので、これはサンプルとか作ってどうにかしたいところです。
    Ajaxライブラリの中ではjQueryはコアとしてうまくいっているかと。とにかく回りのプラグインで高機能なものが出てくれないとYUI, Dojoの代替にはならないですね。


    【コメント】(←clickで入力欄open)





AllaboutのJavaScript記事を連載させていただいてます。最近は、jQueryを主に取り上げていますが、多少なりとも参考になれば幸いです。