はじめに　『簡単なHTTPサーバの自作』第5回目の今回は、クライアントとの通信に、ブラウザ自身によるリクエスト／レスポンスに加えてAjaxとCometを利用した簡単なチャットアプリケーションを実装します。　Webアプリケーションでチャットを実装する場合に考えなければならないのは、他の発言者のメッセージをどうやってブラウザへ反映させるかです。自分が発言する場合は、サーバへ対してメッセージが送信されます。従って応答データに現時点の発言を返せば済みます。しかし、この方法だけでは他の参加者の発言を発言時に読むことはできません。　この問題を解決する手段は複数あります。　次の図は最も原始的ですが、確実な『F5連打法』を図示したものです。 F5連打法では、ユーザーは最新の発言がありそうだと感じた時に［F5］を叩きます。するとブラウザが最新の情報をサーバへ取りに行くため、もし発言が更新されていればその情報

Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ，解説記事2，正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用

Textarea tools Small collection of tools for use with textareas (or input fields). フォームのtextareaをより使いやすくすることが出来る「Textarea tools」。 上記画像では、右端にはるボタンを押して、textarea部分のリサイズや、フォントサイズの変更が可能になっています。 使い方は非常に簡単で、必要なJavaScriptファイルとCSSファイルを読み込んでおき、textarea に class="resizable" の属性を付与するのみとなっています。 掲示板なんかにこの機能を組み込んでおけば親切ですね。

SSLBridge - Open Source Linux VPN software - Samba Browser An AJAX enabled Samba web GUI that provides users access to corporate documents without any specialized hardware or software clients. Ajaxを使ってブラウザでSambaをブラウズできる「Samba Browser」。 ファイルをドラッグ＆ドロップで移動できたり、複数ファイルをZIPで一括ダウンロードしたりする機能があります。 バックエンドはPHPで構築されています。サイト上からプログラムのダウンロードが出来るので、興味のある人は試してみてはどうでしょう。

alexander kirk 実Blog Archive 実phpBB ajaxified Wow! Jack Slocum, who works on extending the Yahoo! User Interface Library, has created a very cool version of his phpBB Forum, using AJAX. You can’t even believe that this is phpBB underneath. Very slick and fast.Ajaxを使ったリッチなphpBB。 phpBBとはphpでは最も有名なフォーラム構築システムのことですが、このUIはもはやphpBBではありません:-) デスクトップアプリのメーラーのようなインタフェースで、操作できます。 最初開く時が重いですが、一旦開いてしまえばサクサク動い

マスカットProject マスカットとは、Webブラウザ上で動作するAJAXベースのリッチクライアントを開発するオープンソース・フレームワークです。開発者は定義ファイルの設定とビジネスロジックの作成だけで、簡単にリッチクライアントが実現できます。詳細については、こちらをお読みください。 オープンソースのAjaxアプリ開発ツール「マスカットProject」。 実際に作られたアプリケーションをみることができますが、ペットショップのデモがすごいです。 Eclipseプラグインを用いて次のようにJavaScript コンポーネントの設定などが行える感じで便利&面白そうです。 関連サイト AJaxアプリのビジュアル開発ツール、デファクトをねらいNTTデータがオープンソースとして公開へ

smatch.jp

livedoor クリップ - ソーシャルブックマーク 気になったページ、アイテムを直感でクリップ！ Web上の行動をまとめて整理し、ナビゲートしてくれるツールです。遂にライブドアがソーシャルブックマークを開始しました。 UI が綺麗に整っていてよいですね。 API公開はまだのようですが、すぐにもリリースされそうな気がしますね。 まだオープンしたばかりで登録人数が少ないようですが、今後ユーザ数が増えていけば新たな情報源として活用できそうです。 関連サイト webshots - ソーシャルブックマーク

巨大ライブラリの機能の海におぼれずにすむよう、コンパクトにまとめたミニライブラリが話題だ。そのほか、FirefoxプラグインにJavaScriptデバッガも登場している（編集部） LoJAX (Low-technology AJAX) Ajaxは古い技術の集合体にすぎません。それにもかかわらず、長い間ブームにならなかったのは歴史的事実です。ブームになるための最後のハードルは、マイクロソフト独自技術のXMLHttpRequestオブジェクトと互換性のある機能を、Internet Explorerのライバルブラウザたちがサポートしたことにあると考えています。そのことから分かるとおり、WebブラウザがXMLHttpRequestオブジェクトを持っていることは当然の前提とはいえません。過去にはこのオブジェクトを持たないWebブラウザは一部バージョンのInternet Explorer以外のすべてと

Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e

w2box - Web 2.0 File Repository for PHP | labs.beffa.org This is a simple php script which allow you to upload and download files. There isn't any complex user management because it aims more for private file repository use. PHPで書かれたweb2.0風なカッコいいファイルアップローダー。 スクリプトをダウンロードしてサーバーで自由に使えます。 何がWeb2.0的かというと、次の点。 -アップロードプログレスメーターが付く(一部Perlスクリプト使用) -Ajaxで簡単にファイルを削除 -デザイン(重要) このデザインが気に入りました。

FineTooth Development Update: Reorganizable DataGrid built on Ajax / Smarty / Prototype / Scriptaculous Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント。 次のようなデータグリッドを実装することが出来ます。 もちろん、ヘッダー部分をクリックすればソートが可能。 Windowsのエクスプローラ風インタフェースを実現出来ます。 動作にはPHP5が必要なようです。 関連エントリ 高機能なJavascriptツリーグリッドコンポーネント

タスクボタンのマウスオーバーでタスクの縮小画像を表示「Visual Task Ti... 次の記事 ≫：Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント Gallery scripts - A library of DHTML and AJAX scripts - DHTMLgoodies.com Another Image gallery script. Thumnbails are listed inside a box at the left. You can click on the thumbnails to bring up a larger version in a right side panel. You can move between strip of thumbnails by clicking on left and r