目的を持ってAjaxを使うためにjQueryの文法を知ろう：jQueryで学ぶ簡単で効果的なAjaxの使い方（2）（1/3 ページ） いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ／プロデューサーも必見！ 連載第1回の「Aptanaで始めるJavaScriptライブラリ『jQuery』超入門」では、Ajaxを使うためのJavaScriptライブラリとしてjQueryの使い方を紹介しました。実際にAjaxを使ったシステムを作るときに、Ajaxを使うことが目的になってしまっている場合があります。残念ながら、このようなプロジェクトは失敗することの方が多いのが現実です。本来の目的というものは、Ajaxを使ったシステムによる業務の効率化であったり、ユーザビリティの改善によるリピータの確保であったり

最近，Webプログラミングの世界で静かなブームになっている言語があります。何を隠そうJavaScriptです。JavaScriptはご存知のとおり，クライアントサイドすなわちWebブラウザ上で動作するタイプのプログラミング言語です。最初にJavaScriptが実装されたのは，今から10年以上前の1995年，Netscape Navigator2.0でのことです（登場当時はLiveScriptと呼ばれていました）。決して新しい言語ではありません。それが，どうして再び注目されることになったのでしょう。その理由は，Webインタフェースのプログラミングで，JavaScriptの有効性や利便性が再発見され，言語そのものが持つユニークさや機能が技術者の関心を集めているからです（図1）。 JavaScriptを使うのはダサかった？ Webインタフェースの技術といってもHTMLしかなかったころ，様々なプロ

β1版のリリースに伴い，本連載でも以降ではβ1環境を前提に紹介を行っていく予定です。また，Atlas Frameworkの呼称も，第2回以降では「ASP.NET AJAX」で統一することにします。さて，それでは前置きはこのくらいにして，本題に行ってみましょう。 今回からは，具体的なサンプルアプリケーションの実装を通じて，ASP.NET AJAXによる開発を体感してみることにしましょう。今回は開発の準備として，ASP.NET AJAXのインストールと環境設定の手順について紹介します。 連載第1回でも紹介したように，ASP.NET AJAXはASP.NET 2.0上で動作するフレームワークです＊1。本連載で紹介するサンプルを動作するにあたっては，あらかじめ「.NET Framework 2.0」「SQL Server 2005 Express Edition」をインストールしておく必要がありま

米Scalixは10月9日，同社のWebメール/スケジューラ・ソフトScalix Web Access無償版のソースコードの公開を開始した。Scalix Web Accessは，Ajaxによるドラッグ＆ドロップ操作などによりOutlookに似たデザインと操作感を実現しているWebメール。近く日本への進出を予定している（関連記事）。 公開したのは，Scalix Messaging Services，Scalix Mobile Web Client，Scalix SearchとIndexing Servicesと呼ぶモジュールとインストーラのソースコードおよびローカライゼーション・キット。同社は2006年7月，Scalix Web Accessをオープンソース化する計画を発表している。第一弾のソース公開である今回に続き，2007年第1四半期にサーバーのオープンソース版をリリースする予定。Sca

米Microsoftは，Ajax（Asynchronous JavaScript＋XML）アプリケーション構築用Webクライアント・フレームワーク「Atlas」（開発コード名）の正式版「Atlas 1.0」を2006年末ごろ提供開始する。Microsoft開発部門ジェネラル・マネージャのScott Guthrie氏が米国時間9月11日，自身のブログへの投稿で明らかにしたもの。 AtlasはASP.NETサーバー向けフレームワークで，Ajax対応アプリケーションの開発に利用できる。現在Microsoftはコミュニティ技術プレビュー（CTP）版を公開しており，2006年だけで25万人以上がダウンロードしたという。 サポート・サービスなどを提供する正式版のAtlas 1.0は，ASP.NETおよびVisual Studio 2005対応となる。さらにGuthrie氏は「100％クロス・ブラウザか

「近く日本でのパートナーを発表する」(Scalix Vice President International Sales Hans Brouwer氏）---Webメール・ソフトScalix Web Accessを開発，販売している米Scalixは，9月にも日本企業と販売代理店契約し日本に進出する。来日したScalixの幹部がITproに対し明らかにした。 Scalix Web Accessは，Ajaxを活用しWebブラウザ上でMicrosoft Outlookライクなユーザー・インタフェースを実現したWebメール・ソフト。ドラッグ＆ドロップでメールをフォルダに移動させたりすることができる。メールだけでなく，スケジューラも備え，マウス操作でスケジュールを設定できる。「ユーザーに再教育を施さなくともOutlookから移行できる。Webメールに移行することでクライアント・ソフトをバージョン・アッ

SPI Dynamicsの研究者によると、未熟なプログラマによるAjaxの実装が深刻な脆弱性を作り出す可能性がある。Black Hatからのレポート。 ラスベガス発――オンライン企業間におけるAjax（Asynchronous JavaScript and XML）技術の普及が急速に進み、Webサイトのインタラクティブ性の向上に一役買うようになった。一方で、経験の浅いプログラマが製作したサイトに潜む数多くの脆弱性が、Web 2.0技術の今後のセキュリティに影を落としているという。 7月31日から8月3日にかけて開催されたセキュリティカンファレンス「Black Hat」で講演を行ったビリー・ホフマン氏は、アトランタに拠点を置くセキュリティソフトウェアメーカー、SPI Dynamicsの研究施設で、主任リサーチエンジニアを務めている人物である。同氏は講演の中で、ごく一般的なAjaxアプリケーシ

Web2.0を支えるテクノロジーの一つ「Ajax」。聞いたことはあるけれど、どんなものか分からない。そんな疑問に答えよう。 Webにおける新たなテクノロジーやサービスを総称する「Web 2.0」。そのなかでも、JavaScriptを用いてリッチなユーザーインタフェースを提供する「Ajax」は、Webアプリケーションの作り方を変える技術の一つだ。 Ajaxの仕組みそのものは、それほど複雑ではない。しかし細かい処理をするためには、膨大なJavaScriptのコードが必要となる。そこでAjaxアプリケーションを作る場合には、Ajaxのクラスライブラリを使うのが一般的となっている。 このオンライン・ムックPlus「Web2.0で変わるWebプログラミングの常識」では、Ajaxの基本から各種クラスライブラリを使った次世代Webアプリケーションをどのように開発すればよいのか、解説していく。 Ajaxを

サイバーマップ・ジャパンは8月2日，同社の地図検索サービス「マピオン」でAjaxを採用した「スクロール地図」を公開した。Google Mapなどと同様に，マウス操作で地図をスクロールして移動させることができる。 従来のクリック移動式地図は，簡易版の「ベーシック地図」として提供を続ける。マピオンによれば，ユーザーの約5％が古いWebブラウザを利用しており，Ajaxによるスクロール地図を利用できないという。また「クリック移動式地図の方が使いやすい」「モバイルではクリック移動が好ましい」という意見もあったとしている。 スクロール地図を提供することで，アクセス1回あたりの通信量が大幅に増えるため，サーバーおよびネットワーク環境の設備を増強した。マピオンは1日に700万ページビュー以上のアクセスがあり，うち半数が地図ページへのアクセスであるという。 また目的地周辺の目印や店舗を検索する「周辺スポット

クレイプは7月28日，Ajaxでデスクトップのようなユーザー・インタフェースを備えたSNS（ソーシャル・ネットワーキング・サービス)「Rinca.cc」のアルファ・テストを開始した。付箋や，時計などのウインドウを，Webブラウザの「仮想デスクトップ」上に自由に配置できる。 同社が「スティッキー」と呼ぶ付箋のようなウインドウは，文章や画像を自由に書き込み，仮想デスクトップに貼れるほか，登録した友人（フレンド）に送付したり，パブリックページで公開したりすることができる。 また「ウィジェット」と呼ぶミニアプリケーション・ウインドウは，インターネットから配信された情報などを仮想デスクトップ上に表示させることができる。現在，時計のウィジェットが利用できる。今後，ニュース，天気予報，スケジューラ，ミニゲームといったウィジェットの開発に取り組むという。 同社では，Rinca.ccは「メモ書きやToDo管

前回，前々回と，Yahoo! ウェブ検索Webサービスを利用するサンプルを通じて，AjaxでXMLデータを利用する方法について紹介しました。XMLを利用することで，サイト検索結果のような複合的な情報（構造化データ）を，使用するプラットフォームを意識することなく，やり取りできます。前回，XMLデータをクライアントサイドで受け取れることを確認したところで，今回はより詳らかにXMLデータ読み込みの部分を見ていくことにしましょう。 XML操作の標準API「Document Object Model」 DOM（Document Object Model）とは，その名の通り，XML文書内に登場するタグや属性，テキストといった構成要素を汎用的に操作するためのオブジェクト群のことを言います。DOMを利用することで，与えられたXML文書から必要な情報を取り出したり，データを編集/追加/削除したり，といった操

ネオジャパンは7月4日，グループウエア「desknet's」の新バージョン，「5.0」を正式発表した。特徴は，新しいアドオン・ソフト「desknet's with Ajax」を併用することで，ユーザー・インタフェースを改善できること。「Ajax技術により，Windowsの専用アプリケーションに近い操作性を実現した」（ネオジャパン）。11日から同社のWebサイトで試用版の提供を開始する。出荷は8月2日から。 操作性を改善した機能のうち，代表的なものの一つがメール機能。専用のメール・ソフトと同じように，複数のウインドウを使いながらのメール編集，右クリックによるプルダウン・メニューの利用，といった操作を可能にした（図1）。 また，スケジュールの日時指定もAjaxを使って操作性を高めた（図2）。ある案件の日時を変更したい場合，画面上でその案件を示す枠をドラッグ＆ドロップすることで変更作業が完了する

Web 2.0技術の1つとして注目されるAjax。Googleマップをはじめとして新しいインターネットサービスに数多く利用されるようになっているが、どういったサービスで最も効果的に利用できるのだろうか。6月22日に東京都内で開催されたJavaに関するセミナー「Java World DAY 2006」において、UIEvolution CEOの中島聡氏が講演した。 中島氏はまず、ソフトウェア業界では現在、パッケージからウェブアプリケーションに移行する流れが起きていると指摘した。これは単なる技術革新ではなく、ビジネスモデルの変化を伴う大きな動きであるがゆえに、Microsoftをはじめとした既存のソフトウェア事業者に大きな戸惑いと危機感をもたらしているという。 これまでもAmazonをはじめとして、ウェブアプリケーションを活用したインターネット企業は数多く存在した。しかしこれまでのウェブアプリケ

ニフティは6月1日、Ajax技術を用いたウェブメールサービス「Webメール2.0」のベータ版を開始すると発表した。マウスのドラッグ＆ドロップによるフォルダ移動や、右クリックでのメニュー選択など、「通常のメールソフト同様の操作感を実現する」（同社）という。 @nifty会員であれば無料で利用できる。 Webメール2.0は同社のサービス実験サイト「@niftyラボ」のコンテンツとして提供する。 直感的な操作性の向上に加え、新たに迷惑メール対策ウィザードを導入。ウェブメールの扱いに慣れないユーザーでも、容易にフィルタリング設定を行えるようにするという。このほか印刷用画面の表示機能なども備える。 なお、既存のウェブメールサービスで提供しているRSSリーダー、カレンダ、画面デザイン変更といった機能は利用できない。ニフティでは「Webメール2.0で利用できない機能、サービスは、従来のサービスから利用し

フュージョン・コミュニケーションズ子会社のフュージョン・ネットワークサービスは5月11日、ウェブサイト上でパソコンのデスクトップと同様の作業環境を提供するサービス「StartForce」のアルファ版を公開した。米StartForceがAjax技術を用いて開発したシステムのライセンスを取得。同社と共同で日本での提供を行う。 今回公開したアルファ版では、OSのデスクトップとよく似たサイト画面上に各種アプリケーションのアイコンを配置しており、それらをクリックすると、ウェブベースのインスタントメッセンジャーや、ファイルアップローダなどを呼び出す。アップローダを使用すると、専用サーバスペースに自分のファイルを保存できる。 またサイト上で、アップロードした画像ファイルの閲覧や、楽曲ファイルの再生が可能。文書ファイルを作成／保存するテキストエディタ機能を備えるほか、ファイルを保存するディレクトリの追加、

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