ウチの大学の情報工学科の先生や学生の間では、なぜかAjaxの知名度が変に高いです。何か憧れに近いものになっていて、使えたらかっこいいみたいな雰囲気を感じることも、、、 技術のキーとなるJavascriptが得意っていう先生もいないし、学生曰くJavascriptの授業は、2年生のときに2コマぐらいチョロっとやるだけなんだとか。XMLに関しては、その単語さえ聞くことが無いです。 個人的な認識としては、GoogleマップやGmailで一気に広まったのが4～5年前で、2～3年前のjQueryの登場により、AjaxはjQueryが提供するリッチなWebを構築するために使われる技術発想の中の1つという位置付けで、jQueryが動的Web構築の中核となり、主戦場がスマートフォンに移行しつつあるのが今の流れ。 Ajaxは手法の１つで、その考え方を知るのも大事ですが、それはハイレベルな人達の話しで、その前

jQueryは、リッチなUIを簡単な記述で実装できます。 デザイナーにも理解しやすい仕様（そこも魅力の一つ！）なので、 いまやデザイナー向けにjQueryを説明するブログもたくさんありますね。 ただ、完全にデザイナー向けのライブラリなのか？というと、そうでもなく デザイナーだけではなくプログラマ視点から見ても魅力があるライブラリだと 言えるでしょう。 今回はプログラマ視点でみたjQueryの魅力と感じた点を簡単にまとめてみます。 コードがスマートになる なんといってもココに魅力を感じます！ 細かく言うと以下のものがあげられます。 ・要素の操作もシンプル簡単！ jQueryはセレクタを利用して要素を簡単に取得し、 エフェクトの追加やDOMの操作ができます。 （CSSとほぼ同様のセレクタを指定して 簡単にDOMの操作ができるところがデザイナーにも優しいですね！） これは、記述方法をみていただけ

Google AJAX APIを使うとjQueryをgoogleからダウンロードできます。これを使うと自分でサーバーに配置する場合に比べて以下のようなメリットがあります。 バージョン指定を最後までしないことで最新版を利用できる gzipによる圧縮を自動で行ってくれる（jquery.minだと54.5 KB->16 KBへ） 普及すればネット全体でjQueryをキャッシュできる デメリットとしては以下のような感じでしょうか。 インターネットにつながっていないとライブラリが利用できない（ローカルでの確認時の問題） googleのサーバーが落ちたら困る（ほぼないと思いますが。。） 使い方はhtmlで読み込んでいるscript要素を以下のように書き換えるだけです。 <script type="text/javascript" src="js/jquery-1.2.6.min.js"></scrip

JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){

ぱっと見た感じで、CSSとよく似ていることが分かると思います。ここではシンプルな例を出しましたが、jQueryはほかにもさまざまなCSSのセレクタが使えます。また、CSS 3など、IE6が対応していないものでもjQueryを使えばjQuery越しに指定できることも覚えておくと便利です。詳細は、jQuery 1.3.2 日本語リファレンス内の「Selectors」を参照してください。 さて、CSSのような書き方が使えるのがjQueryのメリットといいましたが、安易な乱用はパフォーマンスの低下を招きます。書く側は簡単で楽なのですが、Webブラウザ側では結局のところ、JavaScriptで要素を取得しているので、使い方によっては処理が重くなってしまうのです。 突き詰めると、プログラム的な内容になってしまうので割愛しますが、基本的には、以下の2点を覚えておくとよいでしょう。 idが使える場合は、i

Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン

GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX

HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onnloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel

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

DWR(Direct Web Remoting)はAjaxアプリケーションをJavaで開発するためのソフトウェア開発フレームワーク。The DWR Projectのもとで開発され、Apache License Version 2.0のもとオープンソースソフトウェアとして公開されている。 DWRではJavaを使ってAjaxWebアプリケーションを開発する。必要になるJavaScriptを開発者が書くのではなく、Javaのソースコードから自動的に生成する仕組みを備えている。このあたりはGWT(Google Web Toolkit)と似ているかもしれない。ただし、DWRが生成するのはJavaScriptまでで、GWTはUIも精製するなど、範囲が動的か静的か混在かといった違いはある。 執筆現在の安定版リリースはDWR version 1.1.3だが、興味深い機能が多いことからここでは現在開発中であ

各リッチクライアント製品の比較がされているサイトを探しています。 下記の比較項目が含まれていると嬉しいです。 ・それぞれのメリットとデメリット ・サーバー/クライアントのライセンス料 @ITの記事は読みましたのでそれ以外でお願いします。

You can search NRI's research and research results from tags, free words, and content types.

RIA／リッチクライアントの明日はどっちだ？ RIA in Developers Summit 2008 レポート ＠IT編集部 平田　修 2008/2/20 2008年2月13・14日、今年も開発者のための祭典「Developers Summit（以下、デブサミ）」が開催された（Developers Summit 2008の開催概要）。 今回のデブサミでは初のテーマ別セッションが設けられ、その中に「DevelopmentStyle（RIA）」というテーマがあるなど、RIA／リッチクライアントは一層注目を集めているようだ。そんな中から本稿では、RIA／リッチクライアントのセッションを中心にいくつかお届けしよう。 「業務でリッチクライアント技術は本当に必要なのか」 　多くのRIA／リッチクライアントのセッションの中でもひと際注目を集めたのが「リッチクライアント最前線」と題した討論会だ。＠IT

「Ajax: A New Approach to Web Applications」 Google マップ 連載30回を記念して、Ajaxの歴史を簡単に振り返り、Ajaxが流行した理由について考えてみたいと思います。 ■ 先日、3歳になった「Ajax」という言葉 「Ajax」という名前は、2005年2月18日に公開されたJesse James Garrett氏の「Ajax: A New Approach to Web Applications」によって、初めて世に送り出されました。これ以前に、Ajaxという言葉は使われていません。しかし、Ajaxは便利かつ強力であるため、即座に爆発的な普及を始めました。この勢いは、いまに至ってもまだ止まっていません。盛り上がりそのものはやや落ち着いてきたものの、新しい技術、新しい提案、新しい応用は出現し続けています。 ■ Googleマップの出現で始まった

ある Mac プログラマから "WebKit ってドキュメントがすくないよね" という話を聞いた. WebKit の挙動が気に入らないので直せないかと調べたところ, Mozilla と比較した文書の少なさに呆れたという. 私としては連載枠が貰えたのもひとえに文書がないおかげだから, そこに不満はない. (むしろめでたい.) けれどコードを直したい人が不便なのは困ったことだ. WebKit に比べ, Mozilla の内部は網羅的ではないにしろそれなりに文書化されている. この違いはどこから来るのだろう. 私の印象は, Mozilla が "書き直し" プロジェクトだからというものだった. Netscape は Netscape Natigator 4.x のコードベースを捨て, ほぼスクラッチから Gecko を書いたとされている. 私の仄暗い経験によれば, 書き直しのプロジェクトは最初に

J2EE関連の最新トピックをわかりやすく解説 J2EE Watch ［10］ Java技術者がフロントにFlashを選択した理由とは？ 聞き手・構成 スティルハウス 吉川和巳 2006/7/20 おそらくJavaエンジニアの多くが、HTMLベースのおなじみのWebアプリケーション開発の現場で、ある種の“カベ”に直面しているのではないだろうか。顧客のニーズを満たすために、 HTMLの制約と格闘する苦労。データベースとHTML間のバケツリレーに終始する中で生じる、「なぜPHPではなくJavaなのか」という疑問。こういったさまざまなカベがある。 そういった状況の中で、その回答として、UI に Flash を選択した人たちがいる。クラスメソッド株式会社 代表取締役 横田聡氏、株式会社電通国際情報サービス 事業推進本部 開発技術推進センター Seasar2技術推進グループ 主任 公門和也氏、日本電気

いい加減、わけのわからない「たとえ話」はやめよう オブジェクト指向の入門書では、 「謎のたとえ話」から始まるものが多いように思います。 典型的な例は、はじめにでも挙げた、 「哺乳類を継承して犬と猫を作り、 『鳴く』というメッセージを送ると犬なら『わん』、猫なら『にゃあ』と鳴く」 って奴でしょう。 他にも、ちょっとWebをぐるぐるすると、清原選手をオブジェクトにしてみたり、 箪笥をオブジェクトにしてみたりなどなど、 およそプログラミングとはかけ離れた説明が蔓延しています。 こんな説明を読んで、なんだかわかったような気分になれる人は、 どっちかというと思考力に欠ける人なんじゃないかと思います。 「わけわからん」という反応のほうが技術屋としては正常でしょう。 いい加減、こういうわけのわからないたとえ話はやめたらどうかと。 あんなもん、わかったつもりの半可通と、 理解できない挫折組を生み出すだけで

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

DHTMLの登場と同時期に急速に普及したのがMacromedia Flash (現在ではAdobe Systemsに吸収合併) です。少ないデータ量でアニメーションを行うことができ、ちょっとしたインタラクティブなことが手軽にできたため、急速に普及し現在は当たり前のように利用されています。Flashも進化しアニメーションだけでなく、より複雑な処理が可能になりました。Flashを使えば、ブラウザやOSの違いにあまり悩まされる事なく、高機能なページ／サイトを構築することができます。 ブラウザとOS間の違いに悩まされるDHTMLと違い、プログラマでなくてもMacromedia Flashアプリケーションを購入すれば、手軽に高機能なページが構築できます。プログラム技術が必須なDHTMLと違いプログラムが分からなくても、ある程度のことができるFlashでは勝負になりません。 では、DHTMLとFlas

Ajax推進委員会 監修：ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー

Eclipse is an open source community, focused on building an open development platform. Eclipse Foundationは6月22日(カナダ時間)、Eclipseの最新リリース版となる「Eclipse Indigo」を公開した。EclipseはJavaをはじめ様々なプログラミング言語に対応した統合開発環境。プラグイン構造を採用した高い拡張性が特徴で、代表的な開発環境のひとつとされている。「Eclipse Indigo」における主な特徴は次のとおり。 Gitを使ったJava開発を支援する「EGit 1.0」の導入。 新GUIビルダ「WindowBuilder」の導入。 JavaとHTMLアプリケーションに対してGUI機能試験を自動化する機能の導入。 Xtext 2.0の導入。 Eclipse Found