ITmedia エンタープライズ：Ajaxを理解する4つのポイント (1/6)
Ajaxはどのように実現されているのだろうか？ こんな疑問に応えるべく、サンプルを挙げてみよう。Ajaxの基本は、単に「JavaScriptでHTTP通信をする」というだけに過ぎないことが分かる。 オンライン・ムックPlus「Web2.0で変わるWebプログラミングの常識」の第1回目では、Ajaxが使われる背景と、どのような場合に適しているかを解説した。 今回はサンプルアプリケーションを取り上げていこう。ポイントは、もっとも基本的な例に限定したことであり、開発者である読者が今すぐにでも既存のWebアプリケーションへ組み込むことができるよう配慮した点だ。 まず最初に、以下の図2に示す2つのテキストボックスに注目してほしい。その「和」と「差」をそれぞれ計算し、結果を埋め込むという処理を挙げてみよう。 「和」と「差」を計算する処理の部分は、サーバ側に用意したPHPプログラムで行うことにする（図3
【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (1) JSEclipseとは | エンタープライズ | マイコミジャーナル
Ajaxアプリケーションを開発するにあたって、多くの場合、JavaScriptのコーディングが何らかの形で行われる。しかし、Prototype.jsを始めとするライブラリが大きくなりつつある昨今、単純なエディタで開発するのは骨が折れる。JavaやC++にあるように、コーディングを助けるためのIDEが必要となるだろう。 そこで紹介したいのがJSEclipseだ。JSEclipseはEclipse IDE用のプラグインで、JavaScriptのコーディングを補助するための機能を提供するもの。Adobe Labsから提供されている。 すでに試験提供が開始されており、機能追加も活発におこなわれている。JavaScriptコーディングのための機能を多く提供しており、開発効率をあげてくれることは必須。本稿ではこのJSEclipseを紹介したい。
各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト:phpspot開発日誌
Software Development in the Real World: The Complete List of Ajax Tools Ajax has really taken off over the last two years. Ajax is really just the combination of Asynchronous JavaScript and XML. 各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト。 PHP, Perl, .NET, ColdFusion, Flash, Java用の他、Ajaxフレームワークのリストが公開されていました。 AJAX ライブラリ Yahoo Ajax Libraries - ご存知Yahoo UI Library Google Ajax Search Yahoo Maps Ajax API -
Web開発者のためのライブラリTOP10とCrossBrowserToys:phpspot開発日誌
Top 10 Web Developer Libraries - Cameron Olthuis I decided to make a list of the top libraries that I have come across or that I personally use. WebデベロッパーのためのライブラリTOP10。 Moo.fx , Rico , Swat ,ColorCombos ,script.aculo.us ,Mochikit ,Dynamic Drive CSS Library, PEAR , DHTML Goodies ,Cross Browser | Toys ,Yahoo UI Library 実際には12個紹介されます。 ColorCombos, Cross Browser | Toys 以外はわりとメジャーなので知っていましたが、いろいろとライブラ
Ajaxの長所・短所・実装に関するメモ (暫定版)
Ajaxについては日本語で読めるAjax関連情報のリンク集等を参照。 以下は、私なりにより分かりやすくなるように考えた結果であって、本来あるべきAjaxの内容をストレートに反映しているか否かは分かりません。 Ajaxとは何か §UIへの応答を含むJavaScriptで記述されたコードを含むHTML+CSSにより記述されWebブラウザに実装されたXMLHttpRequestオブジェクトにより主にXMLデータをサーバより非同期に受け取りDynamic HTMLにより表示内容を構築するページ という理解は、まだ一面的でありすぎるように思われます。 この解釈ではサーバ側の処理がどのようなものであるかが、致命的に欠落しているからです。 サーバ側に何らかの処理を要求しない、つまりサーバ側の静的なリソースを取得するだけのAjaxアプリケーションはあり得ます。しかし、過半数のケースでは、サーバ側に何らかの
404 Blog Not Found:オブジェクトは難しくない。難しいのはクラス
2006年11月16日16:55 カテゴリLightweight Languages オブジェクトは難しくない。難しいのはクラス 大人だからオブジェクトは難しくなる。子供にとっては実はオブジェクトは自然で自明で簡単だ。 オブジェクト指向を正しく理解する：ITpro オブジェクト指向はしばしば，とっつきづらく難しい技術と言われます。その理由の一つには，対象とする分野が広く，それぞれに深みがあることが挙げられます。しかし，それ以上にこの技術を難しくしている落とし穴とも言うべき原因が二つあると筆者は考えています。それは比喩を乱用する説明の仕方の問題と，「もの中心」を意味するコンセプト自体の問題です。事実、オブジェクト指向というのは最初は子供向けだったのだ。 このことを、現在「オブジェクトとはなんぞや」という大人たちは忘れてしまっている。 それで、オブジェクトとは何か、といえば、「自分が何が出来る
Ajaxでタブインタフェースを実現するためのライブラリ:phpspot開発日誌
havocStudios: Ajax tabs CSS Tabs seem to be all the rage with the kids these days. I love the idea of them. It seems that the most popular method of creating tabs using CSS is the Sliding Doors method. They seem to look the coolest and are very easy to implement. However, they're so... static. Ajax Tabsを使えば次のようなCSSベースでデザインされたタブインタフェースの部品が簡単に作れます。 Ajaxを使ってタブが更新されるため、各タブ内のページ(HTML)は独立したファイルにすることが可能で
Ajax うきうき Watch 第9回 巨大化するAjaxライブラリをシンプルにする新たな流れ
巨大ライブラリの機能の海におぼれずにすむよう、コンパクトにまとめたミニライブラリが話題だ。そのほか、FirefoxプラグインにJavaScriptデバッガも登場している（編集部） LoJAX (Low-technology AJAX) Ajaxは古い技術の集合体にすぎません。それにもかかわらず、長い間ブームにならなかったのは歴史的事実です。ブームになるための最後のハードルは、マイクロソフト独自技術のXMLHttpRequestオブジェクトと互換性のある機能を、Internet Explorerのライバルブラウザたちがサポートしたことにあると考えています。そのことから分かるとおり、WebブラウザがXMLHttpRequestオブジェクトを持っていることは当然の前提とはいえません。過去にはこのオブジェクトを持たないWebブラウザは一部バージョンのInternet Explorer以外のすべてと
JavaプログラマはAjaxに乗るべきか - ＠IT
Ajaxプログラマに必要なスキルとセンス Ajaxアプローチを活用したWebアプリケーション開発には数々の技術的スキルと、センスを要求される。もちろん統合開発ツールや整ったライブラリをうまく活用すれば、すべての知識に習熟している必要はない。しかし下記に挙げる各項目が得意であるかないかで、設計や全体の出来に反映してくるのは明らかであろう。 ●Ajaxに必要なスキルセット JavaScript（ECMA Script／Jscript） DHTML（DynamicHTML） CSS（Cascading Style Sheets） http（http status） XML（eXtensible Markup Language） XSLT（eXtensible Stylesheet Language Transformations） DOM（Document Object Model） JavaE
ひげぽん OSとか作っちゃうかMona- - いまさら人に聞けないAjaxと簡単なサンプル
入門 Ajaxposted with amazlet on 06.04.22高橋 登史朗 ソフトバンククリエイティブ (2005/11/15) 売り上げランキング: 65,811 Amazon.co.jp で詳細を見る Ajax 実装のための基礎テクニックposted with amazlet on 06.04.22増井 雄一郎 深津 貴之 川崎 有亮 台場 圭一 WINGSプロジェクト 佐藤 真介 技術評論社 (2006/03/23) Amazon.co.jp で詳細を見る JavaScript & DHTMLクックブック―Webエキスパート必携テクニック集 作者: ダニーグッドマン,Danny Goodman,村上列出版社/メーカー: オライリージャパン発売日: 2004/01メディア: 単行本購入: 2人 クリック: 36回この商品を含むブログ (63件) を見る Ajaxとは 最近
【レビュー】WebデザイナーのためのAjaxツール、Adobeの「Spry framework」とは? (MYCOMジャーナル)
米Adobe Systems(以下、Adobe)は、同社の技術者向けサイト「Adobe Labs」で、5月11日、Ajax向けのフレームワーク「Spry framework for Ajax」を発表した。"JavaScript library for web designers(WebデザイナーのためのJavaScriptライブラリ)"と銘打たれたこのフレームワークを利用すれば、高品質な演出をWebデザイナーが手軽に施すことができる。 ここでは、技術的な観点を交えてSpry frameworkの魅力を紹介してみよう。 フレームワークの種類 フレームワークとは、プログラミングを行う時に土台となるプログラムのこと。Ajaxの場合は特にブラウザ間の依存性解消などの理由で、フレームワークが非常に重宝されている。 数あるAjaxフレームワークの中で、現在最も多く採用されているのが proto
『ちよろず。』 - "Google AJAX Search API"でお手軽にアナタのサイトにGoogleを。
以前から、Google Web APIsとしてGoogle以外のアプリからSOAP経由でGoogleの検索結果を取得することは出来たのですが、JavaやPerl等でSOAPプログラミングをするのは僕のようなフツウの人からすれば「ムリメ」であったことは否めません。そんなムリメだった高嶺の花が、アナタの手の届く距離まで近づいたかもしれません。そんな隣のお姉さんのような庶民派のAPIが、今日ご紹介する「Google AJAX Search API」です。Google AJAX Search APIって何？読んで字の如く、という説明になってしまうのですが。Google AJAX Search APIはJavascriptから利用することができるGoogle検索のAPI。使い方はJavascirptに関するちょっとした知識のある方であれば、基本的な部分は「あっちゅうま」に分かる位簡単です。まずは、G
Prototype Window Class : Introduction
Overview This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory. It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine. Features Valid HTML/XHTML gener
AJAXでやってしまう間違い:Geekなぺーじ
「Ajax Mistakes」という面白い記事がありました。 AJAXを使ってWebアプリを作る時に陥りがちな間違いを列挙していました。 以下、要約してみました。 かなり削っているので、詳細は原文をご覧下さい。 AJAXを使うためにAJAXを使う AJAXはカッコイイ技術です。 しかし、AJAXはツールでしかありません。 AJAXはオモチャではありません。 実験的にAJAXを使うために、不必要なところにAJAXを無理矢理使っている場合が多いです。 戻るボタンの動作を妨げる 戻るボタンはWebインターフェースで重要な役割を果たしていますが、JavaScriptとの相性は良くありません。 戻るボタンの機能を維持できない場合があることは、JavaScriptのみで構成されているページをお勧めしない理由の一つです。 ただ、使い勝手の良いサイトというものは、そもそも戻るボタンに依存しなくてもユーザが
DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」:phpspot開発日誌
DHTML Suite DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」。 次のようなデスクトップアプリ風インタフェースをWebアプリに実装したいときになかなか便利です。 他にも、エクスプローラ風のテーブルウィジェット 次のようなリッチなタブＵＩ実装ライブラリ など、リッチなWEBアプリを作るのに便利なライブラリが一式になってダウンロードできます。 他にもフォルダツリーやツールチップなどの機能も盛り込まれているようです。 おなじみ、dhtmlgoodiesの配布ライブラリなのでなかなか注目ですね。 関連エントリ JavaScriptでMacOS XのDock機能を実現する Yahoo UI Libraryを拡張した超リッチなコンポーネント集 Javascriptを使ったブラウザ上で動作するExcelシートライブラリ Ajaxな有用コンポーネント集
PrototypeでAJAX開発を効率化：CodeZine
去る8月30日（土曜日）、ライトウェイトプログラミング言語（Lightweight programming Language）の総合カンファレンス「LL Future」が、なかのZERO（中野区もみじ山文化センター）大ホールで開催された。当日は前線の影響で時おり豪雨に見舞われる中、さまざまな言語のユーザーや開発者など千人近くが集まった。
404 Blog Not Found:javascript perl - 住所でGoogle MapにアクセスするHack
2006年09月27日02:00 カテゴリLightweight Languages javascript + perl - 住所でGoogle MapにアクセスするHack + これとこれがそろえば、ここまで来るのは時間の問題というものです。 問題点 Google Map APIでは日本のGeocodingに(まだ)対応していないため、いちいち緯度と経度を調べる必要がある。 解決策 「Geocoding API - 住所から緯度経度を検索」を使って住所から緯度と経度を調べればいい でもXMLではクロスドメイン問題がある ならばJSONPへの変換サーバーを用意すればいい あとはその結果をGoogle MAPに反映させればいい geocoding.jp -> JSONP 変換サーバー これはXML2JSONPを応用すればあっという魔。 gcjp2jsonp.cgi gcjp2jsonpのテス
グーグルが語る：Ajaxはなぜ最初失敗し、その後成功したのか － ＠IT
グーグルのアダム・ボスワース氏は、スピードがソフトウェア開発を大きく左右するという。 「物理学、スピード、心理学：ソフトウェアで何がうまくいき、何がうまくいかないのか。それはなぜか」と題された講演の中で、グーグル副社長のボスワース氏は、Ajax、PDA、自然言語などの技術がなぜ過去にははやらなかったのに、今成功しているのかを語った。同氏は1月29日、 Google NYC Speaker Seriesの一環としてグーグルオフィスで講演を行った。 ボスワース氏は、これまで約30年間ソフトを構築してきたが、常に「そのすべてがうまくいくわけではない」と述べた。「その理由は、振り返ってみると、主に物理的要素と人間心理によることが分かった」。同氏はまた、「その多くはトム・クルーズと関係がある」と語り、映画「トップガン」のトム・クルーズの台詞「I feel the need, the need for
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
antipop.zapto.org
～JavaScriptでXMLHttpRequest～