 |
|
|
|
|
|
JSF を Dojo ウィジェットと組み合わせて一層優れたユーザー・エクスペリエンスを作り出す
JSF (JavaServer Faces) は成熟した Web フレームワークとして、徹底したライフサイクル管理と、完全なイベント処理とデータ・バインディングによる充実したコンポーネント・モデルを実現します。一方の Dojo は、Web2.0 アプリケーションに豊富なウィジェットと巧妙な効果をもたらす人気の高い Ajax (Asynchronous JavaScript + XML) ライブラリーです。この JSF 技術と Dojo 技術を利用し、サーバー・サイドでは JSF の統合機能を、クライアント・サイドでは Dojo のユーザー・インターフェースを使用することによって、一層優れたユーザー・エクスペリエンスを実現することができます。この記事ではこのプロセスについて説明し、ユーザーにより優れたエクスペリエンスを提供する Web アプリケーションを簡単に構築する方法を説明します。 |
|
|
|
2009/02/03 |
|
| |
コメント行: Kyle Brown、Rachel Reinitz: SOA に学ぶ Web 2.0 のための教訓
この記事では 2 人の経験豊かな SOA アーキテクトが新しい Web 2.0 技術の世界を批判的な目で見つめ、SOA に Ajax や REST、その他の Web 2.0 技術を導入する上で、より確実に成功へと導く 5 つのベスト・プラクティスを紹介します。 (IBM WebSphere Developer Technical Journal) |
|
|
|
2009/01/28 |
|
| |
WebSphere sMash Web 2.0 アプリケーションのスケーリングを行う: 第 1 回 WebSphere sMash トポロジーの概要
IBM WebSphere sMash は、動的 Web 2.0 ベースのアプリケーションを素早く簡単に実現できるようにする開発および実行プラットフォームです。Web は、それ自体がスケーラブルかつ柔軟なシステムの典型です。この記事が第 1 回となるこの連載では、WebSphere sMash アプリケーションのスケーリングを行う上でのストラテジーについて説明します。 |
|
|
|
2009/01/28 |
|
| |
21 世紀のユーザー・インターフェースを作り上げる: 第 1 回: アプリケーションの競争相手… それは思っている相手とは違います
長年の間、Web はプログラマーとコンピューターの専門家のためだけの場所ではなく、老人や 5 歳の子供までもが買い物をしたり、ゲームをしたり、人々と交流したりするコミュニティーでもあると謳われてきました。インターネットに日常的にアクセスする人々が増えるにつれ、使いやすいアプリケーションを求める声も大きくなってきます。しかし、プログラマーでさえもその大半は、未だに「使いやすい」という言葉が本当に意味する内容を説明することはできません。そこで考えなければならないのは、使いやすいアプリケーションとは何であるか、という点です。さらに重要なのは、実際にアプリケーションを設計して構築するプログラマーとはまったく異なる、現代の一般的なインターネット・ユーザーにとって使いやすくて直観的で満足の行くようなアプリケーションをどのようにして構築するのか、という点です。 |
|
|
|
2009/01/27 |
|
| |
Web ページを高速化する
皆さんは Web ページのロードをもっと高速にしたいと思いませんか。ロード時間を短縮すること (場合によっては 80 パーセントも短縮) で、ダイヤルアップ・ユーザーにとってのブラウジング・エクスペリエンスを改善する方法を学びましょう。 |
|
|
|
2009/01/27 |
|
| |
REST リソースに対するサーバー駆動型コンテンツ・ネゴシエーションの実装とテストを WebSphere sMash を使って行う
コンテンツ・ネゴシエーションは RESTful な設計にとっての重要な側面です。ここではコンテンツ・ネゴシエーションに使用できるいくつかの手法と、そうした手法を IBM WebSphere sMash を使って実装する方法を説明します。 |
|
|
|
2009/01/21 |
|
| |
Grails をマスターする: Grails アプリケーションの見栄えを良くする
連載「Grails をマスターする」の今回の記事では、Scott Davis が CSS (Cascading Style Sheets)、テンプレート、タグ・ライブラリー (TagLib) などを駆使して Grails アプリケーションのルック・アンド・フィールを一新させる方法を実演します。 |
|
|
|
2009/01/20 |
|
| |
Apple の iPhone を Google のクラウド・コンピューティングに接続する
携帯機器のためのクラウド・コンピューティングとソフトウェア開発は、非常にホットな 2 つの技術であり、両者を組み合わせてハイブリッド・ソリューションを作成することが多くなっています。この記事では、Google App Engine と Google のクラウド・コンピューティングを Apple のモバイル・プラットフォームである iPhone と接続する方法を学びます。またオープンソースのライブラリーである TouchEngine を使って App Engine クラウドに接続し、iPhone アプリケーションのデータをオフラインでの使用に備えてキャッシュすることで、そのアプリケーションのデータを動的に制御する方法も学びます。 |
|
|
|
2009/01/20 |
|
| |
XML Forms Generator と Data Studio との統合: 第 2 回 XFG での DB2 pureXML のサポート
IBM DB2 9 の pureXML フィーチャーは、XML データのサポートに革命をもたらしました。pureXML では、XML を本来の階層のまま保管し、リレーショナル・データとも違う新しいデータ型として扱うことができるようになっています。IBM Data Studio では、複数の pureXML パラメーターを持つ Data Web Services を作成し、データベース内の pureXML インスタンスを操作することができます。XFG (XML Forms Generator) では、pureXML のサポートを利用して pureXML を XHTML ベースの XForm としてユーザーに表示することができます。さらに、pureXML インスタンスに関連する登録済み XML Schema を取得して、型情報と妥当性検査制約をターゲット pureXML XHTML/XForm の中に生成することもできます。このように XFG の pureXML サポートは、pureXML で保管された XML インスタンスのフォーム・インターフェースを簡単に作成できるようにします。 |
|
|
|
2009/01/20 |
|
| |
Ajax を使用して、クライアント・サイドで行われた検証の結果をローカライズされたメッセージで表示する
世界中のユーザーを対象にした Web アプリケーションを作成する際には、2 つの点を考慮する必要があります。1 つはページのコンテンツの国際化とローカライズ、そしてもう 1 つはユーザー入力の検証および検証結果のメッセージの表示です。国際化されたページは、サーバー・サイドでリソース・バンドル (ロケール固有のプロパティー・ファイル) を使えば容易に作成することができますが、クライアント・サイドで検証が行われる場合には、国際化された検証メッセージを表示することは非常に困難です。その際、皆さんの負担を軽減するための 1 つの選択肢として、Ajax (Asynchronous JavaScript + XML) を使う方法があります。この記事では、クライアント・サイドで行われた検証結果のメッセージを、国際化とローカライズを行って表示するというプロセスを少し楽にするために、Ajax とリソース・バンドルを組み合わせる方法について説明します。 |
|
|
|
2009/01/13 |
|
| |
Grails をマスターする: エンタープライズでの Grails
連載「Grails をマスターする」の今回の記事では、著者 Scott Davis が、Grails は果たしてエンタープライズに対応する準備ができているかどうかという不安を解消します。JMX (Java Management Extensions)、Spring、log4j をはじめとするエンタープライズ・レベルのライブラリーで Grails を使う方法を学んでください。 |
|
|
|
2008/12/16 |
|
| |
JavaScript EE: 第 1 回 サーバー・サイドで JavaScript ファイルを実行する
JavaScript をサーバーの Java コードと組み合わせて、サーバーとクライアントの両方で同じ JavaScript ルーチンを自由自在に使えるようにしてください。それに加え、この連載で紹介する手法を使えば、Ajax クライアントと Ajax 以外のクライアント両方に共通するコード・ベースを利用することができます。サーバー・サイドのコードの大部分は今でも Java 言語で作成されているため、結局は Java EE (Java Platform, Enterprise Edition) の機能を JavaScript に公開しなければならなくなります。そこで、この連載を通して、サーバー・サイドで JavaScript ファイルを実行してリモート JavaScript 関数を Ajax で呼び出し、Java Scripting API を JSP (JavaServer Pages) 技術で使用する方法を学んでください。 |
|
|
|
2008/12/16 |
|
| |
Linux と Hadoop による分散コンピューティング
人々は毎日、検索エンジンを使ってインターネット上にあるテラバイトをはるかに超えるデータの中から特定のコンテンツを見つけていますが、皆さんはこの検索が実際にどのように実行されているのかを考えたことがあるでしょうか。その検索を実行する 1 つの方法として、Apache の Hadoop を使用する方法があります。Hadoop は膨大な量のデータを分散操作することができるソフトウェア・フレームワークで、その 1 つの応用として、インターネットの Web ページの索引付けを並列処理するための使い方があります。Hadoop は Apache のプロジェクトであり、Yahoo!、Google、IBM などによってサポートされています。この記事では Hadoop フレームワークを紹介し、Hadoop が Linux ベースの最も重要な分散コンピューティング・フレームワークの 1 つである理由を説明します。 |
|
|
|
2008/12/09 |
|
| |
真の Web 2.0: Web スパムと戦う、第 2 回
この 2 回シリーズの記事では、スパムに対抗するための手法を詳細に説明します。今回の第 2 回では、コンテンツ分析、リンクバックでのスパムの問題、そしてスパムへの対抗策を他の Web サイト管理者のコミュニティーと共有するためにブラックリストやスパム対策サービスなどを活用する方法について説明します。 |
|
|
|
2008/12/09 |
|
| |
カスタム Dojo アプリケーションを作成する
Web 2.0 および Dojo アプリケーションを開発するときのヒント、手法、そして落とし穴を学んでください。Wendi Nusbickel と Melissa Betancourt は、この記事で文書化している Dojo アプリケーションに長年取り組んできました。最近の Web 2.0 Dojo プロトタイプ開発の完了を期に、二人の著者がカスタム Dojo アプリケーションの作成を通して学んだ経験を読者の皆さんと分かち合います。 |
|
|
|
2008/12/09 |
|
| |
Web 系開発のトレンドを牽引する: IBM ソフトウェア・テクノロジー情報（後編）
IBMのエバンジェリストや研究者達が運営するWiki「IBM ソフトウェア・テクノロジー情報」。CodeZineでは、このサイトのオーナーであるIBMソフトウェア・エバンジェリスト米持幸寿氏と、Jazz、 Web2.0セキュリティ、Dojoツールキット、 Groovyといった4種の技術のキーマンたちを取材した。この模様を前編・中編・後編の3回に分けてレポートする。 |
|
|
|
2008/12/05 |
|
| |
真の Web 2.0: Web スパムと戦う、第 1 回
最近の Web 開発者にとって Web 上のスパムは最大の脅威です。「悪い奴ら」は、餌食となりうるあらゆる Web 2.0 ページを荒らして広告をまき散らし、その手口は年々高度になってきています。さらに困ったことに、スパムはマルウェアを拡散させるためにもよく使われるようになってきています。彼らと Web 開発者との開発競争は続いており、Web 開発者は自分達の Web サイトでスパムと戦うために、どのような基本ツールを利用できるのかを知る必要があります。この 2 回シリーズの記事では、スパムに対抗するための手法を詳細に説明します。この第 1 回目の記事では、訪問者がスパマーかどうかを判断する方法と、スパムを防止するようにサイトのワークフローを構成する方法について説明します。 |
|
|
|
2008/12/02 |
|
| |
Amazon Web サービスを利用したクラウド・コンピューティング: 第 4 回 SQS による信頼性の高いメッセージング
Amazon Web サービスを利用したクラウド・コンピューティングについて学ぶ連載「Amazon Web サービスを利用したクラウド・コンピューティング」では、スケーラブルで信頼性の高いアプリケーションを設計し、構築する上で Amazon Web サービスがどのように強力な代替手段を提供するかを探っていきます。今回の記事で学ぶのは、Amazon SQS (Simple Queue Service) が実現する信頼性の高いスケーラブルなメッセージング・サービスです。 |
|
|
|
2008/12/02 |
|
| |
Web 系開発のトレンドを牽引する: IBM ソフトウェア・テクノロジー情報（中編）
IBMのエバンジェリストや研究者達が運営するWiki「IBM ソフトウェア・テクノロジー情報」。CodeZineでは、このサイトのオーナーであるIBMソフトウェア・エバンジェリスト米持幸寿氏と、Jazz、 Web2.0セキュリティ、Dojoツールキット、 Groovyといった4種の技術のキーマンたちを取材した。この模様を前編・中編・後編の3回に分けてレポートする。 |
|
|
|
2008/11/28 |
|
| |
Ajax 対応の JSP TagLib コントロールを作成する: 第 2 回 自動入力コントロールとフィールド・バリデーター・コントロール
ビジネス分野のアプリケーションで使用できる Ajax (Asynchronous JavaScript + XML) コントロールを作成しましょう。この記事で作成する構成可能な JSP (JavaServer Pages) TagLib ベースのコントロールは、JSON (JavaScript Serialized Object Notation)、JavaScript スクリプト言語、そして CSS (Cascading Style Sheets) を利用して作成します。このような標準的な JSP TagLib コントロールを簡単にアプリケーションに組み込んで、より直観的で応答性に優れたインターフェースを提供する方法を学んでください。 |
|
|
|
2008/11/25 |
|
| |
Grails をマスターする: JSON と Ajax による非同期 Grails
Web 2.0 開発には、JSON (JavaScript Object Notation) と Ajax (Asynchronous JavaScript + XML) が不可欠です。連載「Grails をマスターする」では今回、Scott Davis がこの Web フレームワークに JSON と Ajax ならではの機能を組み込む方法を紹介します。 |
|
|
|
2008/11/18 |
|
| |
Lotus Notes 8 プラグインでグラフィックコンテキストを利用する
Lotus Notes 8 の新機能の１つである Eclipse プラグインによる拡張とコンポジットアプリケーションによって、これまでの Lotus Notes にはないリッチな UI を持つアプリケーションを Lotus Notes で利用することができるようになりました。本技術記事ではこのプラグイン開発において、低レベルなグラフィック関数を使う方法を紹介します。具体的にはプラグイン画面の GC（グラフィックコンテキスト）を取得し、この GC 上に各種描画関数を使って画面内容を描画していきます。 |
|
|
|
2008/11/18 |
|
| |
AWT (AUIML Web Toolkit): JavaScript と Dojo のための AUIML レンダラー
AWT (AUIML Web Toolkit) の概要を学びましょう (AUIML: Abstract User Interface Markup Language)。AWT を利用すると、使いやすく表現力豊かな AUIML ビジュアル・デザイナーを多用途の Dojo ツールキットと組み合わせることができるため、Web 2.0 インターフェースを素早く容易に開発することができます。ユーザー・インターフェースを素早く開発できるのは AUIML ビジュアル・エディターのおかげですが、そのまま使用できるパターンがいくつか AWT に用意されているためでもあります。これまでの経験から、この 2 つの要素を組み合わせることで生産性が大幅に高まることがわかっており、また現状では Dojo インターフェースを対象とする同等の技術が他にないことを考えれば、そうした生産性の向上は一層注目に値します。 |
|
|
|
2008/11/18 |
|
| |
Web系開発のトレンドを牽引する: IBM ソフトウェア・テクノロジー情報（前編）
IBMのエバンジェリストや研究者達が運営するWiki「IBM ソフトウェア・テクノロジー情報」。CodeZineでは、このサイトのオーナーであるIBMソフトウェア・エバンジェリスト米持幸寿氏と、Jazz、 Web2.0セキュリティ、Dojoツールキット、 Groovyといった4種の技術のキーマンたちを取材した。この模様を前編・中編・後編の3回に分けてレポートする。 |
|
|
|
2008/11/14 |
|
| |
WebSphere sMash を WebSphere Virtual Enterprise と組み合わせて使用する
IBM WebSphere sMash が Web 2.0 アプリケーションの開発とデプロイメントを容易にするからと言って、クラスタリングと高可用性を犠牲にしなければならないわけではありません。WebSphere sMash アプリケーションの JVM を IBM WebSphere Virtual Enterprise 内のクラスターとして使用する方法、そしてこれらの sMash アプリケーションへの要求フローを On Demand Router コンポーネントで簡単に管理できるようにする方法を学んでください。 (IBM WebSphere Developer Technical Journal) |
|
|
|
2008/11/12 |
|
| |
Firefox3 と Internet Explorer 7 上で実行される Web ポータルの表示を標準化する
Firefox3 と Internet Explorer 7 での表示は異なるのでしょうか。この 2 つのブラウザーの動作を同じにするための最善の方法は何でしょう。ピクセルと em 値のどちらを使う必要があるのでしょう。developerWorks へのおなじみの寄稿者である Judith M. Myerson が、Firefox と IE 上で実行される Web ポータルの表示を標準化するための方法を説明します。この記事では、em 値を使って (Ajax アプリケーションを含めた) Web ポータルのコンテンツ作成作業をずっと簡単なものにするための秘訣とヒントを紹介します。 |
|
|
|
2008/11/11 |
|
| |
Wicket: 動的 Web ページの作成およびテスト用の単純化されたフレームワーク
Wicket は、動的な Web ベースの UI アプリケーション開発にオブジェクト指向の手法を提供します。Wicket では Pure Java および HTML コードのみが使用されるため、Wicket を利用してアプリケーションを作成すれば、Java プログラミングの知識を生かすことができ、開発時間が大幅に短縮されます。この記事では Wicket の概要を説明するとともに、Wicket を使用して煩わしさのない単純な方法で素早く Web ベースのアプリケーションを作成する方法を説明します。 |
|
|
|
2008/11/04 |
|
| |
jQuery を扱う: 第 3 回 jQuery と Ajax による RIA: 一歩進んだ Web アプリケーションを今すぐ作成する
jQuery は、動的な RIA (Rich Internet Application) を容易に作成する方法を求める開発者にとって最適な JavaScript ライブラリーとして人気が高まりつつあります。デスクトップ・アプリケーションに取って代わりブラウザー・ベースのアプリケーションが増え続ける中、こうしたライブラリーを使用する機会も増える一方です。jQuery に注目するこのシリーズの記事では、jQuery について知ると同時に、Web アプリケーション・プロジェクトの中で jQuery を実装する方法について学びます。 |
|
|
|
2008/10/28 |
|
| |
Dojo Objective Harness を利用した Web 2.0 アプリケーションのユニット・テスト
質の高いソフトウェア開発にユニット・テストは欠かせませんが、アジャイル開発とエクストリーム・プログラミングによる開発となると、ユニット・テストが極めて重要な部分となります。これまで Web 2.0 クライアント・サイドのユーザー・インターフェースの自動ユニット・テストは困難で、多くの場合は試みられることもありませんでした。ところが今は、Dojo が提供するユニット・テスト・ハーネスで、JavaScript 機能とユーザー・インターフェースの視覚化の両方を評価することが可能です。このように徹底的にテストされたユーザー・インターフェースでは、最終的に含まれるバグの数が大幅に減ることになります。この記事では、DOH (Dojo Objective Harness) の主要な機能について例を用いて説明し、その優れた機能性をその他の Web 2.0 アプリケーション用テスト・ハーネスと比較します。 |
|
|
|
2008/10/21 |
|
| |
インテリジェント・エージェントとセマンティック Web
2001年に Berners-Lee、Hendler、Lassila によって構想が描かれたセマンティック Web は、エージェントを利用して診察の予約を取ったり、できるだけ面倒の少ない最適なドライブ・ルートを見つけたりするという壮大なものでした。この構想によるシステムは、すでに大勢の科学者とエージェント開発者からの支持を獲得していたフォーマル・オントロジーをベースに構築されたものです。彼らはいくつかの重要な問題を提起し、技術同士の興味深い接続を提案したものの、1 つのことを見逃していました。それは、Web 上にはいくつもの文書が網状に存在した状態になるという事実です。そのため、オントロジーの形式主義と文書の非形式主義の中間を取る方法が必要となりました。これが、Linked Data として知られる方法です。Linked Data とエージェント技術とを結び付けると、セマンティック Web のデータを扱うには理想的な方法となります。この記事では互いに関連付けられたセマンティック Web、エージェント技術の概要を説明し、この 2 つを組み合わせた例を紹介します。 |
|
|
|
2008/10/21 |
|
| |
Web 時代の非リレーショナルデータベース: 第 3 回 Apache CouchDB で MapReduce フレームワークに基づく問いあわせを行う
本連載では今Web開発者が注目するApache CouchDBに関する技術情報を紹介します。今回は5回シリーズの第3回として、CouchDB のビュー/クエリ機能であるMapReduceフレームワークの利用方法を学びます。 |
|
|
|
2008/10/17 |
|
| |
Java 開発者にとっての Dojo の概念
Web ベースのアプリケーションで Dojo がますます使われるようになっています。多くの開発者は Java プログラミングの高いスキルを持っていますが、JavaScript に関しては限られた経験しかありません。彼らは、強い型付けのオブジェクト指向のコンパイラー言語から動的で弱い型付けのスクリプト言語に移行する際の概念の飛躍に悪戦苦闘しているかもしれません。こうした概念の混乱があるため、開発者にとって Dojo クラスを正しく宣言するのが困難になる可能性があります。この記事では、この混乱を整理し、なぜコンテキストを設定することが必要なのか、そしてコンテキストをどう使えばよいかを説明します。 |
|
|
|
2008/10/14 |
|
| |
Amazon Web サービスを利用したクラウド・コンピューティング: 第 3 回 EC2 によるオンデマンド・サーバー
Amazon Web サービスを利用したクラウド・コンピューティングについて学ぶ連載「Amazon Web サービスを利用したクラウド・コンピューティング」では、スケーラブルで信頼性の高いアプリケーションを設計し、構築する上で Amazon Web サービスがどのように強力な代替手段を提供するかを探っていきます。今回の記事では、Amazon EC2 (Elastic Compute Cloud) が提供する仮想サーバーを紹介します。EC2 を利用することで、アプリケーションの需要に応じて即座にアプリケーションのコンピューティング要件を構成して容量を調整するのが容易になる仕組みを学んでください。 |
|
|
|
2008/10/14 |
|
| |
本のライブラリーを sMash する
IBM WebSphere sMash で、本の Derby データベースとの動的ユーザー・インターフェースと RESTful (REpresentational State Transfer) なインターフェースを作成して、独自のライブラリーの目録作成システムを構築する方法を学んでください。このシステムではいつもの LCRUD (list、create、retrieve、update、delete) 操作もできますが、とりわけ面白い部分は、この新たな素晴らしいソフトウェアを探るところにあります。 (IBM WebSphere Developer Technical Journal) |
|
|
|
2008/10/08 |
|
| |
真の Web 2.0: Creative Commons をマスターする
CC (Creative Commons) イニシアチブでは、Web コンテンツを始めとする、コンテンツのための一般的なライセンスが作られています。一部の人は、こうしたライセンスを利用する場合はコンテンツに関するすべての権利をあきらめなければならないと思っているようですが、それは数ある誤解の 1 つにすぎません。Web サイトやアプリケーションでの CC ライセンスの選択方法や使用方法、そして CC ライセンスをコードの中で扱う方法を学びましょう。 |
|
|
|
2008/10/07 |
|
| |
Tomcat Advanced I/O によるハイパフォーマンス Ajax
NIO (Non-Blocking I/O) を利用するとシステム・リソース (スレッド) を効率的に使用できるため、サーバーのパフォーマンスを劇的に改善することができます。特に long-poll メカニズムを持つ Ajax (Asynchronous JavaScript + XML) アプリケーションの場合には、パフォーマンスが改善されるのがはっきりとわかります。また NIO を利用すると、負荷の重いサーバーのシステム・リソースそれぞれの使用量を調整することができます。この記事では、Ajax リクエストを処理する場合と通常のリクエストを処理する場合の両方に関して、サーバーのパフォーマンスを最適化するための方法を説明します。 |
|
|
|
2008/09/30 |
|
| |
Project Zero、WebSphere sMash、そして PHP を使い始める
Project Zero は、PHP などのよく使われる Web 技術をベースとした対話型 Web アプリケーションを迅速に開発するための環境を提供します。この演習では、開発ツールのインストールから PHP をバックエンドのスクリプト言語として使った Ajax Web 2.0 サンプルの作成に至るまで、Project Zero がいかに簡単に使い始められるプロジェクトであるかを実証します。説明のなかでは、アプリケーションのエクスポート方法と併せ、Web 2.0 アプリケーションを拡張する例も紹介します。 |
|
|
|
2008/09/29 |
|
| |
JavaScript で作成するモジュール式の対話型ユーザー・インターフェース
ドラッグ・アンド・ドロップ機能を使って Web ページのセクションを移動させる手法を学んでください。対話性の異なる側面をそれぞれ個別に実装した後、まとめて 1 つに組み立てることによって、Web ユーザーを大いに満足させられる柔軟なカスタマイズを可能にします。 |
|
|
|
2008/09/23 |
|
| |
Java の理論と実践: ステートフルな Web アプリケーションはすべて壊れているのか
サーブレット・フレームワークが提供するセッション状態管理メカニズム、HttpSession はステートフルなアプリケーションを簡単に作成できるようにしますが、使い方を間違えやすいのも事実です。可変データ (JavaBeans クラスなど) に HttpSession を使用する Web アプリケーションのなかには、十分な調整をせずにこのメカニズムを使用しているために、並行性にさまざまな悪影響を及ぼす可能性を招いているものが数多くあります。 |
|
|
|
2008/09/23 |
|
| |
jQuery を扱う: 第 2 回 一歩進んだ Web アプリケーションを今すぐ作成する
jQuery に関するシリーズの第 2 回であるこの記事では、Web サイトの対話性を高めて動的な RIA (Rich Internet Application) を実現する方法について説明します。ユーザーの対話動作によって生成されるイベントや、Web サイト自体から収集した情報、リロードせずにアプリケーションのルック・アンド・フィールを変更できる機能などを組み合わせ、jQuery で迅速かつ容易に動的な RIA を作成する方法を学びましょう。 |
|
|
|
2008/09/23 |
|
| |
単純な WYSIWYG Web ページ・エディターを作成する
事前に作成されたウィジェットを追加したり変更したりすることで Web ページを組み立てることができる、単純な Ajax (Asynchronous JavaScript + XML) システムについて学びましょう。こうした機能は多くのサイトで提供されていますが、ここで紹介する使いやすいシステムを利用すると、皆さん自身のサイトでウィジェットの作成や変更を行うことができ、また新しいウィジェットを作成するための単純なライブラリーを提供することもできます。 |
|
|
|
2008/09/16 |
|
| |
グラフィカル・テキストにセマンティクスを持たせて検索可能にする
Web デザイナーたちは長いこと、独特のフォント、スクリプト、あるいはほとんどのユーザーのコンピューターでは使用できないような書体を表示する場合にはグラフィカル・テキストを利用してきました。画像をベースにしたテキストを使用すれば、色やカーニング、そして行送りやフォントはユーザーのシステム・フォントではなく、完全に Web デザイナーの意のままにできるからです。ただし、ページ上に実際のテキストがないということは、Google や Yahoo などの検索エンジン、そして Google Ads などの広告サービスでサイトを識別したり、分類したりする際にネックとなります。この記事では、Web ページでセマンティクスを犠牲にすることなく、画像ベースのテキストならではの見栄えと正確さも実現する方法を説明します。 |
|
|
|
2008/09/16 |
|
| |
Ajax対応の自動補完コントロール、カスケード・ドロップダウン・コントロールを作成する
ビジネス分野のアプリケーションで使用できる Ajax (Asynchronous JavaScript + XML) コントロールを作成しましょう。この記事で作成する構成可能な JSP TagLib ベースのコントロールは、JSON (JavaScript Serialized Object Notation)、JavaScript、そして CSS を利用して作成します。このような標準的な JSP TagLib コントロールをアプリケーションに簡単に組み込んで、より直観的で応答性に優れたユーザー・インターフェースを提供する方法を学んでください。 |
|
|
|
2008/09/09 |
|
| |
XSLT、KML、そして Google Maps API を使って地図上にデータをオーバーレイする: 第 2 回 データを変換し、使用する
この 2 回シリーズの記事では不動産仲介業者のためのアプリケーションを作成し、入居可能な部屋の賃貸情報のすべてを、クリック可能な Placemark として Google マップ に表示します。第 1 回では、このアプリケーションの前半として、ユーザーから部屋の賃貸情報を収集し、その住所を Google のジオコーダ Web サービスを使って地理座標 (経度と緯度) に変換し、変換したその座標を住所の情報と共にデータベースに保存する部分を作成しました。第 2 回では、このデータを使って KML オーバーレイ文書を作成し、その文書を Google マップと Google Earth に表示します。最初にストアード・プロシージャーを使って MySQL から XML を作成します。次に XSLT と Muenchian グループ化と呼ばれる手法を使って、オーバーレイ情報 (部屋の賃貸物件がある建物ごとに 1 つの Placemark) を含む KML 文書に XML データを変換します。各 Placemark をクリックするとポップアップ表示されるバルーンには、その建物の中で入居可能な部屋の賃貸情報を表示します。最後に Google Maps API を使って、皆さん自身の Web サイトに埋め込まれた Google マップに KML オーバーレイを表示します。 |
|
|
|
2008/09/09 |
|
| |
jQuery を扱う: 第 1 回 ブラウザーでデスクトップ・アプリケーションを実現する
jQuery は、動的な RIA (Rich Internet Application) を容易に作成する方法を求める開発者にとって最適な JavaScript ライブラリーとして人気が高まりつつあります。デスクトップ・アプリケーションに取って代わりブラウザー・ベースのアプリケーションが増え続ける中、こうしたライブラリーを使用する機会も増える一方です。このシリーズの記事では jQuery について知り、そして Web アプリケーション・プロジェクトの中で jQuery を実装する方法について学びます。 |
|
|
|
2008/09/09 |
|
| |
PHP を使用して Ajax ベースの Web サイトを作成する
ネイティブ JavaScript コードと PHP を使って Ajax (Asynchronous JavaScript + XML) アプリケーションを作成するプロセスを学んでください。この記事では、完全な Ajax ベースの Web アプリケーションを完成させるために必要となるコードの作成量を減らすフレームワークおよび API (Application Program Interface) をいくつか紹介します。 |
|
|
|
2008/09/02 |
|
| |
IBM WebSphere sMash の紹介: 第 1 回: Web アプリケーションのための RESTful なサービスを作成する
この連載では、現在の Web 技術に基づいてアプリケーションを作成し、組み立て、実行するための単純な環境、IBM WebSphere sMash のすべてを学びます。この第 1 回目の記事では、強力な Web アプリケーションを作成し、組み立ててデプロイできる革新的な技術を実際に体験してもらいます。コミュニティーが WebSphere sMash を主導する仕組み、そして RESTful な Web サービスを作成する上での WebSphere sMash の規約を学んでください。この記事では、サンプル手順に沿って環境のセットアップ、プロジェクトの作成、データを公開するための Restful なサービスの作成、およびアプリケーションのテストを段階的に行い、最後に RESTful なサービスを使用するサンプル・アプリケーションをインポートします。 |
|
|
|
2008/09/02 |
|
| |
XSLT、KML、そして Google Maps API を使って地図上にデータをオーバーレイする: 第 1 回 Google のジオコーダ Web サービスの内部を探る
Google のジオコーダ Web サービスについて調べましょう。Google のジオコーダは、住所を入力すると、その住所に関するデータを経度と緯度を含めて返します。この 2 回シリーズの記事では、そのデータを Google Maps API そして XSLT と組み合わせて Google マップや Google Earth にオーバーレイするためのデータを作成します。そのための例として不動産仲介業用のサンプル・アプリケーションを作成します。このアプリケーションでは、不動産業者が HTML フォームから部屋の賃貸情報を入力すると、Google のジオコーダ Web サービスを使ってそれらの住所を経度と緯度に変換し、部屋の賃貸情報のデータベースから KML (Keyhole Markup Language) によるオーバーレイを作成します。第 1 回では、このアプリケーションの前半部分を作成します。つまりユーザーから部屋の賃貸情報を収集し、Google のジオコーダ Web サービスを使って住所を地理座標 (経度と緯度) に変換し、これらの座標を住所の情報と共にデータベースに保存します。 |
|
|
|
2008/09/02 |
|
| |
初の本格的 Ajax サーバー、Aptana Jaxer を使用した Ajax アプリケーションの構築
正真正銘の Ajax (Asynchronous JavaScript + XML) サーバーとして初めて登場した Jaxer について学んでください。Jaxer はサーバー・サイドで JavaScript コード、DOM (Document Object Model)、そして HTML を実行できるようにするだけでなく、クライアント・サイドからサーバー・サイドの関数に非同期でアクセスできるようにします。この記事では Jaxer の機能について説明するとともに、まだ初期段階にある Jaxer にすでに備わっている素晴らしい可能性を紹介します。 |
|
|
|
2008/08/26 |
|
| |
CodeIgniter 入門
CodeIgniter アプリケーションは皆さんが考えるより簡単に作成することができます。初めてのプロジェクトとして、連絡先フォームを表示する単純な Web ページの作成手順を試してみてください。 |
|
|
|
2008/08/26 |
|
| |
Amazon Web サービスを利用したクラウド・コンピューティング: 第 2 回 Amazon S3 (Simple Storage Service) によるクラウド内のストレージ
Amazon Web サービスを利用したクラウド・コンピューティングについて学ぶ連載「Amazon Web サービスを利用したクラウド・コンピューティング」では、スケーラブルで信頼性の高いアプリケーションを設計し、構築する上で Amazon Web サービスがどのように強力な代替手段を提供するかを探っていきます。今回の記事では、Amazon S3 (Simple Storage Service) が提供する極めてスケーラブルで応答性に優れたサービスについて掘り下げていきます。また、S3 とのインターフェースに使用するツールを紹介し、コード・サンプルを用いて単純なシェルを試してみます。 |
|
|
|
2008/08/19 |
|
| |
Grails をマスターする: Grails のイベント・モデル
Grails ではアプリケーションのライフサイクル全体をとおして、ビルド・スクリプトから個々の成果物 (ドメイン・クラスやコントローラーなど) に至るまでのあらゆるものが重要なポイントでイベントをスローします。連載「Grails をマスターする」の今回の記事では、これらのイベントをキャッチし、カスタムの振る舞いで応答するリスナーをセットアップする方法を説明します。 |
|
|
|
2008/08/12 |
|
| |
プロのように Ajax アプリケーションを開発する: 第 3 回 DWR、Java、そして Dojo Toolkit を使って Java と JavaScript を統合する
Java による Web 開発のためのフレームワークやライブラリー、ツールキットでパッと思いつくものの名前を挙げるとしたら、皆さんはいくつ挙げられるでしょう。世の中にはあまりにも多くの種類があるため、どれがどんなことをし、どれが実際に問題解決の役に立つのかを知ろうとしても種類の多さに圧倒されてしまうかもしれません。しかし Ajax 開発を行うのであれば絶対に知っておく必要があるライブラリーがあります。それが DWR (Direct Web Remoting) です。このライブラリーは Java 言語と Java を使った Web 技術を活用して Ajax 開発を大幅に単純化します。DWR は Ajax をシームレスに Java Web アプリケーションに統合するための標準的な方法となっています。実際、DWR は、よく使われるオープンソースの Ajax 技術を広範に集めた Dojo の基礎の上に構築されています。この記事では、DWR を使用することで Ajax がどれほど容易になるかを説明します。 |
|
|
|
2008/08/05 |
|
| |
Dojo を使って Web アプリケーションを国際化する
Dojo ツールキットは多くの Web アプリケーションでますます使われるようになっています。Dojo ツールキットの優れた特徴のひとつは、さまざまなロケールをサポートしていることです。この記事では、Dojo が持つこの重要な機能の使い方を簡潔に説明します。 |
|
|
|
2008/08/05 |
|
| |
Web 時代の非リレーショナルデータベース: 第 2 回 Apache CouchDB と Ruby on Rails を使って wiki アプリケーションを作成する
本連載では今 Web 開発者が注目する Apache CouchDB[1] に関する技術情報を紹介します。今回は 5 回シリーズの第 2 回として、Ruby on Rails による wiki アプリケーションの作成を通じて、CouchDB の RESTful API についてプログラムからの利用方法を学びます。 |
|
|
|
2008/08/01 |
|
| |
Ext JS 入門者の最初の壁
Ext.grid.GridPanel は Ext JS を代表する強力な UI 部品の一つですが、Grid にデータを読み込む仕組みが一見簡単ではないため、Ext JS を利用し始めた人が最初につまづいてしまう壁となっているようです。ここでは、Ext.grid.GridPanel の背後で動作する、Store、Reader、Proxy の 3 つのクラスについての説明を行います。 |
|
|
|
2008/08/01 |
|
| |
容易になった Ajax と Java 開発: 第 4 回 JSP タグ・ファイルを使用して JSF 風のコンポーネントを作成する
かつての JSP (JavaServer Pages) と JSF (JavaServer Faces) は、それぞれに異なる EL (Expression Language: 式言語) の変形バージョンを使っていましたが、JSP 2.1 では EL が統一されています。この統一によって新しい可能性が広がり、今では遅延評価される値 (deferred-value 属性) と遅延評価されるメソッド (deferred-method 属性) をカスタム JSP タグで使用できるようになりました。そこで、この記事では JSF コンポーネントを作成するより遥かに単純で簡単な手段として、JSP タグ・ファイルをベースとした Java Web コンポーネントを開発する方法を紹介します。 |
|
|
|
2008/07/29 |
|
| |
Ajax による改良: 第 4 回 jQuery および Ajax フォームで既存のサイトを改良する
Ajax の手法は大規模な商用 Web アプリケーションの様相を一変させましたが、規模の小さな多くの Web サイトにはユーザー・インターフェース (UI) をまるごと一晩にしてリビルドするだけのリソースはありません。しかし Ajax による新しい機能を利用すると、実際のインターフェースの問題が解決され、ユーザー・エクスペリエンスも改善されることで、新しい機能にかかるコストが妥当なものであることが証明されるはずです。UI をオープンソースによるクライアント・サイドのライブラリーを使って徐々に最新のものにする方法は、この連載ですでに説明しました。今回の記事では、複数のステップからなる購入プロセスを、Ajax の手法を使って複数の連続したフォームから 1 画面で構成されるインターフェースに変える方法を学んでください。この変換では、Progressive Enhancement (漸進的な機能拡張) の原則を利用して、あらゆる類のユーザー・エージェントが引き続きサイトにアクセスできることを保証します。 |
|
|
|
2008/07/29 |
|
| |
OpenLaszlo: RIA/Ajax にも Write Once Run Anywhere の波
コードネーム Legal, OpenLaszlo v4.1 が 2 年の歳月を経てリリースされました。このバージョンから、OpenLaszlo は DHTML(Ajax) をサポートしました。これまでは、RIA（Flex 等の Flash）や、Ajax を開発するには別々のテクノロジーをマスターしなければならず、プログラマーに多大な負担がかかっていましたが、OpenLaszlo を採用することで、RIA も Ajax もこれひとつで開発できるようになりました。 |
|
|
|
2008/07/25 |
|
| |
容易になった Ajax と Java 開発: 第 3 回 DOM、JavaScript、JSP タグ・ファイルを使って UI 機能を作成する
この連載の第 1 回では、Ajax リクエストを送信して Ajax レスポンスを処理する JavaScript コードを生成する方法を説明しました。第 2 回では、セットアップと構成を最小限にするための規則、そして JSP タグ・ファイルを使用して HTML フォームを作成する方法を紹介しました。連載第 3 回となるこの記事で学ぶのは、JavaScript をベースにクライアント・サイド、サーバー・サイドのバリデーターを開発し、それぞれに対応する JavaScript コードをバックアップする JSP タグ・ファイルとして実装する方法です。さらに、アプリケーションを再起動しなくても変更時に自動的にリロードされるリソース・バンドルを使用する方法も説明します。 |
|
|
|
2008/07/22 |
|
| |
RSS Generator を利用して、Lotus Domino の資産を RSS 化する
Lotus Domino で管理しているデータベースの情報は、原則的には Lotus Notes クライアントや Web ブラウザを利用して参照します。しかしそれ以外の方法がないわけではありません。今回は RSS Generator テンプレートを利用して、Domino の資産を RSS 化する方法を紹介します。なお、以下で紹介する内容は全て Lotus Notes/Domino 8.0.1 を利用しています。 |
|
|
|
2008/07/18 |
|
| |
Grails をマスターする: Grails とレガシー・データベース
連載「Grails をマスターする」で今回 Scott Davis が取り上げるのは、Grails の命名規則に当てはまらないデータベース・テーブルを Grails で使用するためのさまざまな手段です。Grails では、レガシー・データベースにすでにマッピングされている Java クラスがあれば、レガシー・データベースをそのまま変更せずに使用することができます。この記事では、レガシー Java クラスと併せて Hibernate HBM ファイル、そして Enterprise JavaBeans 3 アノテーションを使用する例をそれぞれ紹介します。 |
|
|
|
2008/07/15 |
|
| |
Firefox 拡張機能を利用して Google カレンダーに暗号化機能を組み込む
最近の Web アプリケーションは、オンライン・ストレージ、オンライン・アクセス、オンライン・コラボレーションにさまざまなメリットをもたらしています。しかし、一部のアプリケーションは別としても、ユーザー・データを暗号化するアプリケーションはほとんどありません。この記事では、よく使われるオンライン・カレンダー・アプリケーションのユーザー・データに基本的な暗号化サポートを追加するために必要なツールとコードを紹介します。Firefox 拡張機能の非常に優れた柔軟性と Gnu Privacy Guard を利用して、Google のカレンダー・アプリケーションに暗号化された予定に関する記述のみを保存し、適切な復号化キーを持つユーザーには、この記述をプレーン・テキストで表示する方法を説明します。 |
|
|
|
2008/07/15 |
|
| |
Ajax アプリケーションに Flex を統合する
従来型の Ajax 開発は、相変わらず RIA (Rich Internet Application) を作成するための中心的な方法です。しかし Adobe Flex の人気を無視することはできません。この記事では Ajax コンテンツと Flex コンテンツを一貫した方法で容易に統合できるコード・ライブラリーである、Adobe の FABridge (Flex Ajax Bridge) を紹介します。この記事を読み終わると、Flash の資産によって実現されるリッチな機能を利用できるようになります。 |
|
|
|
2008/07/15 |
|
| |
Ruby on Rails と Eclipse による iPhone アプリケーション開発: 第 3 回 iPhone 対応の高度なビューを開発する
iPhone と iPod touch は、Mobile Safari を米国で最も人気のあるモバイル・ブラウザーにしました。Mobile Safari は通常の Web ページのレンダリングにも十分対応できますが、それでも数多くの Web 開発者たちは iPhone を対象としたアプリケーションのバージョンを作成しています。連載「Ruby on Rails と Eclipse による iPhone アプリケーション開発」の第 3 回では、ユーザーがリスト構造の最後に達したときに、アプリケーションが実際にコンテンツを表示するために必要な処理について説明します。 |
|
|
|
2008/07/15 |
|
| |
WebSphere sMash でフィードをマッシュアップする
日本でも WebSphere sMash が正式に発表されました。この製品は Groovy や PHP といったスクリプト言語を利用して普段使用しているデータベース内のデータを REST 等の形式で公開できるアプリケーションサーバーであると同時に、付属する簡易アプリケーションビルダーによって、社内外から公開されている各種フィードを簡単にマッシュアップすることも可能です。本記事では特にこの後者の機能をどのように実現するか、といった手順を紹介していきます。なお本記事の内容は2008年7月9日現在の内容に沿って書かれております。バージョンアップ等によって今後内容の一部が変更になる可能性があることをご了承ください。 |
|
|
|
2008/07/11 |
|
| |
Atom を利用して Web にアノテーションを付ける
皆さんはブログなど Web 2.0 のサイトを読んだ人がそのサイトにコメントを付けているのを見たことがあると思いますが、Atom プロトコルを利用すると、そうしたコメントの作成や処理を非常に柔軟な方法で行うことができます。柔軟な Web アノテーションという概念によって、まったく新しい種類の Web アプリケーションが、実際には新しいものをほとんど何も作り出さなくても実現されるのです。Web 上のすべてのものにアノテーションを付け、そのアノテーションをほとんどどこからでも扱えるシステムを作成する方法を学びましょう。 |
|
|
|
2008/07/08 |
|
| |
Ruby on Rails と Eclipse による iPhone アプリケーション開発: 第 2 回 iPhone 向けコンテンツをクライアントに表示する
iPhone と iPod touch は、Mobile Safari を米国で最も人気のあるモバイル・ブラウザーにしました。Mobile Safari は通常の Web ページのレンダリングにも十分対応できますが、それでも数多くの Web 開発者たちは iPhone を対象としたアプリケーションのバージョンを作成しています。連載「Ruby on Rails と Eclipse による iPhone アプリケーション開発」の第 2 回では、ドリルダウン・リストをナビゲーション手段として使用する一般的な方法を学びます。 |
|
|
|
2008/07/08 |
|
| |
PHP アプリケーションから Google カレンダーを利用する
Google カレンダーでは、Web アプリケーションの開発者がユーザーの生成するコンテンツと予定の情報に REST ベースの開発者向け API を使ってアクセスすることができます。この API によって生成された XML フィードを処理し、これらの XML フィードを使ってカスタマイズした PHP アプリケーションを構築するには、PHP の SimpleXML 拡張機能と Zend の GData Library が最適です。この記事では Google Calendar Data API を取り上げ、この API を使用してユーザーが生成したカレンダーを閲覧する方法、カレンダーに予定を追加したり、予定を更新したりする方法、そしてキーワード検索を行う方法を、実例を挙げながら説明します。 |
|
|
|
2008/07/08 |
|
| |
Ajax による改良: 第 3 回 jQuery、Ajax タブ、そしてフォト・カルーセルで既存のサイトを改良する
Ajax の手法は大規模な商用 Web アプリケーションの様相を一変させましたが、規模の小さな多くの Web サイトにはユーザー・インターフェース (UI) をまるごと一晩にしてリビルドするだけのリソースはありません。しかし Ajax による新しい機能を利用すると、実際のインターフェースの問題が解決され、ユーザー・エクスペリエンスも改善されることで、新しい機能にかかるコストが妥当なものであることが証明されるはずです。この連載では、オープンソースによるクライアント・サイドのライブラリーを使ってユーザー・インターフェースを徐々に最新のものにする方法を説明しています。今回の記事で説明するのは、表示に時間のかかる煩雑で厄介な製品詳細ページを、DHTML と Ajax によって高速で洗練されたページに変身させる方法です。しかも、Progressive Enhancement (漸進的な機能拡張) の原則に従うことで、あらゆるユーザー・エージェントがサイトにアクセスしたままで変身できることを確実にします。 |
|
|
|
2008/07/08 |
|
| |
Web 時代の非リレーショナルデータベース: 第 1 回 Apache CouchDB の概要とインストール
RESTful API によるデータベースアクセス、MapReduce フレームワークによるクエリ、関数型言語 Erlang による実装、といった今話題の最新技術を取り入れた Apache CouchDB(*1) という非リレーショナルデータベースが注目されています。今回は 5 回シリーズの第 1 回として、CouchDB とはいったい何なのかを紹介します。Web 開発者の皆様は、ぜひこの新しいデータベース技術を習得してください。 |
|
|
|
2008/07/04 |
|
| |
Ext JS で作る AJAX アプリケーション
Ext JS は数ある JavaScript ライブラリの一つですが、その再利用性の高いオブジェクトおよびUI部品は AJAX アプリケーションの開発を容易にしてくれます。この記事では、Ext JS についての簡単な紹介と、Ext JS の基盤となっている JavaScript によるオブジェクト指向的な設計方法の概要、そして RIA 開発におけるUI 部分への Ext JS フレームワークの適用方法について説明します。 |
|
|
|
2008/07/01 |
|
| |
Seasar2: 第 5 回 Seasar2 から DB2 を利用する
本連載では，軽量コンテナ Seasar2 を IBM WebSphere Application Server や IBM DB2 と連携させる方法について紹介します．連載の第 5 回目となるこの記事では，Seasar2 から WAS のコネクションプールを経由して DB2 を利用する方法を紹介します． |
|
|
|
2008/06/27 |
|
| |
プロのように Ajax アプリケーションを開発する: 第 2 回 Prototype JavaScript フレームワークと script.aculo.us を使う
皆さんは Web アプリケーションを開発中でしょうか。その Web アプリケーションは cragislist や flickr とよく似たものでなければならないのでしょうか。答えが前者なら、おそらくこの記事を読み飛ばすことができます。もしまだこの記事を読み続けているなら、皆さんは幸運です。JavaScript ライブラリーに関する 3 回シリーズの第 2 回である今回は、Scriptaculous JavaScript ライブラリーを使って Web アプリケーションの機能を強化するための方法を学びます。 |
|
|
|
2008/06/24 |
|
| |
Active Content Filtering で強化する Project Zero および WebSphere ｓMash アプリケーションのセキュリティー
ACF (Active Content Filtering) を使用して、クロスサイト・スクリプティングをはじめとする一般的な Web 2.0 ベースのアプリケーションに対する攻撃をかわし、Project Zero アプリケーションのセキュリティーを劇的に向上させてください。ACF は Project Zero に含まれる分解可能なコンポーネントで、このコンポーネントが提供するライブラリーでは要求データ (要求パラメーターなど) とクライアントに送信される応答出力からアクティブ・コンテンツを取り除くことができます。この記事を読んで、アクティブ・コンテンツが存在する可能性のある Project Zero の環境に ACF を適用するという強力な手段を身につけてください。 |
|
|
|
2008/06/23 |
|
| |
Grails をマスターする: Grails とモバイル Web
世界中の携帯電話利用者が現在 33 億人を突破して増え続けているなか、携帯電話からのインターネット・アクセスが急激に増えています。モバイル Web を目的とした開発には、それ特有の要求があります。連載「Grails をマスターする」の今回の記事では、Scott Davis が Grails アプリケーションを携帯電話に対応させる方法を紹介します。 |
|
|
|
2008/06/17 |
|
| |
Firefox 3.0 に備える
Mozilla Firefox 3 は多くの機能強化を備えたメジャー・リリースであり、一部の機能強化はユーザーを対象とし、また一部は開発者を対象としています。最も興味深い変更の 1 つとして、たとえユーザーがインターネットから切り離されていても動作する Web アプリケーションを開発することができます。この記事では、Firefox 3 のこうしたさまざまな新機能について、特にオフラインでのアプリケーションのサポートという新機能について学びます。 |
|
|
|
2008/06/17 |
|
| |
Project Zero および WebSphere sMash アプリケーションのセキュリティーを守る: 第 1 回 認証と許可
アプリケーション・リソースのアクセス制御ベースのセキュリティーは、Project Zero のコア機能のうちの 1 つです。Project Zero Security の開発者たちは徹底的に単純化することを念頭に、セキュリティーを素早く簡単に実現できるように務めました。この記事から、Project Zero Security の概要、そしてユーザー・レジストリーを作成する方法、アプリケーションのセキュリティー・ルールを定義する方法、もっともよく使われるベーシック認証とフォーム認証という 2 つのタイプの認証を利用する方法を学んでください。この記事を読み終える頃には、Project Zero アプリケーションにセキュリティーを組み込むために必要なすべての手段が身についているはずです。 |
|
|
|
2008/06/13 |
|
| |
再利用と再配布が可能なコンポーネントを Dojo とAjax で作成する
この記事では、コア・アプリケーションと容易に統合できる再利用可能なコンポーネントを Dojo とAjax を使って作成する方法を学びます。あるサンプル・ケースの手順を追いながら、既存のブログ・アプリケーションにメール機能を追加し、メール・ウィジェットを生成し、そして面倒なクロスドメインの通信の問題を処理する Web アプリケーションの作成方法を説明します。 |
|
|
|
2008/06/10 |
|
| |
WebSphere sMash を使って Google ガジェットを機能強化する
IBM WebSphere sMash には、Web 2.0 アプリケーションで情報を共有するためのさまざまな方法が用意されています。この記事では、WebSphere sMash を使って Google ガジェットをゼロから作成し、それを公開し、さらに機能強化するための方法を紹介します。それとともに、このガジェットの XML 仕様を検証し、WebSphere sMash のフロー・モデルとフィード・ツールを使用して、最終的にこのガジェットを Web ページにデプロイします。 |
|
|
|
2008/06/04 |
|
| |
Ruby on Rails と Eclipse による iPhone アプリケーション開発: 第 1 回 iPhone 向けコンテンツを提供する
iPhone と iPod touch は、Mobile Safari を米国で最も人気のあるモバイル・ブラウザーにしました。Mobile Safari は通常の Web ページのレンダリングにも十分対応できますが、それでも数多くの Web 開発者たちは iPhone を対象としたアプリケーションのバージョンを作成しています。この連載、「Ruby on Rails と Eclipse による iPhone アプリケーション開発」では、サーバー・サイドでRuby on Rails を使用して Mobile Safari を識別し、このモバイル・ブラウザーにカスタム・コンテンツを提供する方法を紹介します。 |
|
|
|
2008/06/03 |
|
| |
Ajax のセキュリティー・ツール
悪意のあるハッカーは、Ajax アプリケーションに潜むいくつかの脆弱性をついて、アプリケーションを台無しにしてしまう恐れがあります。個人情報の盗難、保護されていない機密情報へのアクセス、ブラウザーのクラッシュ、Web アプリケーションの改変、DoS (Denial of Service: サービス拒否) の攻撃などは、Ajax アプリケーションに起こり得る惨事のほんの数例です。開発者は、Ajax 機能をアプリケーションに組み込むときに、このような事態を防ぐ対策を立てなければなりません。この記事では developerWorks でお馴染みの著者、Judith Myerson が Firefox のツールやアドオンをはじめとするアプリケーションのセキュリティー強化ツールを提案します。これらのツールを使って、Ajax アプリケーションのセキュリティー問題を軽減、あるいは解決してください。 |
|
|
|
2008/05/27 |
|
| |
容易になった Ajax と Java 開発: 第 2 回 セットアップと構成を最小限にするための規則に従う
たいていの Web フレームワークで目標とされるのは、さまざまなアプリケーションのニーズと開発スタイルに対応するために、できる限り柔軟かつ拡張可能にすることです。残念ながら、このような試みが結果的にフレームワークを複雑にし、処理のオーバーヘッド、そして大規模な構成ファイルをもたらす場合がよくあります。この記事では開発と保守を容易に行えるように、JSTL (JSP Standard Tag Library) と JSP タグ・ファイルを使ってデータ・バインディング、ページ・ナビゲーション、スタイル規則を実装する方法を紹介します。また、動的な属性を使ったカスタム JSP タグを作成し、アプリケーションを簡単に素早く変更できるようにする方法も学んでください。さらに記事の最後のセクションには、Ajax を使用して Web フォームをサブミットするサンプルも記載しています。 |
|
|
|
2008/05/20 |
|
| |
Web 2.0 に変身した Plants by WebSphere
Plants by WebSphere は、製品管理、ショッピング・カート、購入処理などの商取引機能を実演する IBM WebSphere Application Server の典型的なサンプル Web アプリケーションです。WebSphere Application Server Feature Pack for Web 2.0 がリリースされたことにより、今やユーザーとの対話性のレベルを引き上げ、Web アプリケーションの堅牢性を一層強化し、さらにはデスクトップ・アプリケーションに匹敵する応答性まで実現することが可能になっています。この記事では、Feature Pack for Web 2.0 の技術と手法を用いた UI の設計変更、RESTful な対話動作、さらにコミュニティーとユーザーの参加によって、Plants by WebSphere アプリケーションを Web 2.0 対応に「変身」させる方法を説明します。 |
|
|
|
2008/05/14 |
|
| |
Ajax のパフォーマンス・ツール
サーバー・リソースの無駄使いは Ajax アプリケーションに影響を及ぼし、その結果、アプリケーションを機能させるために、過剰な HTTP リクエストが送信されるようになり、メモリー使用量が増加し、さらに異常な量のポーリングが行われることになります。この記事では developerWorks でお馴染みの著者、Judith Myerson が Ajax アプリケーションの改善、あるいは問題の解決に利用できるオープンソースのツールと Firefox のアドオンを紹介します。 |
|
|
|
2008/05/13 |
|
| |
プロのように Ajax アプリケーションを開発する: 第 1 回 Prototype JavaScript ライブラリーと script.aculo.us を使う
もし皆さんが Web アプリケーションの開発を最近行っているとすると、おそらく皆さんは Ajax の開発を行っていることでしょう。Ajax は、もはや特別な場合にアプリケーションに追加するための風変わりなものではなく、Web 開発になくてはならないものになっています。これまでは、ある意味で、Ajax を使ってアプリケーションを機能強化する作業は複雑でした。クロスブラウザーの制約を処理し、大量の複雑な JavaScript を作成し、しかもそうした JavaScript の中にある魔法のような数字コードを学ぶ必要があるといったことは、Ajax 開発者が直面する困難のごく一部にすぎませんでした。幸いなことに、現在はそうした作業を容易に行えるようにしてくれる、オープンソースの JavaScript ライブラリーをいくつか入手することができます。この記事は 3 回シリーズの第 1 回として、Prototype JavaScript ライブラリーと script.aculo.us を使って曲を管理する Ajax アプリケーションを作成します。 |
|
|
|
2008/05/13 |
|
| |
Seasar2: 第 4 回 WebSphere Application Server Toolkit での HOT deploy の利用
連載の第 4 回目となるこの記事では、統合開発環境である WebSphere Application Server Toolkit と Seasar2 の HOT deploy 機能を利用して Web アプリケーションを快適に開発する方法を紹介します。 |
|
|
|
2008/05/09 |
|
| |
XSLT を使ってアプリケーションを国際化する
世界中のユーザーの要求に対応するために、今日の Web アプリケーションにはしばしば国際化が求められます。この記事では、XSLT を使ってクライアント・サイドで国際化を行うための方法について説明します。このソリューションに必要なのは、国際化対象のデータとサーバーが保存するデータの両方に XML を使用するということのみです。 |
|
|
|
2008/05/06 |
|
| |
Firebug を使ってオンザフライでアプリケーションをデバッグ、調整する
Web ページのロードに、どうしてそんなに時間がかかっているのかわかりますか？今まで HTML をブラウズしながら調査し、編集しようと思ったことはありませんか？CSS をその場で調整しようと思ったことは？この記事では、Firefox ブラウザーを対象とした無料のオープンソース拡張機能、Firebug の使い方を紹介します。便利な開発者向けの機能とツールを豊富に提供する Firebug を使えば、HTML、CSS、JavaScript コード、そしてネットワーク・トラフィックを含め、ライブ・ページをモニター、編集、デバッグすることができます。この記事を読んで、Firebug を使って Web アプリケーションや Ajax アプリケーションのデバッグおよび調整といった作業にかかる時間を短縮する方法を学んでください。 |
|
|
|
2008/05/06 |
|
| |
Ajax による改良: 第 2 回 jQuery と Ajax、そしてツールチップとライトボックスで既存のサイトを改良する
Ajax (Asynchronous JavaScript + XML) の手法は大規模な商用 Web アプリケーションの様相を一変させましたが、規模の小さな多くの Web サイトにはユーザー・インターフェース (UI) をまるごと一晩にしてリビルドするだけのリソースはありません。しかし Ajax による新しい機能を利用すると、実際のインターフェースの問題が解決され、ユーザー・エクスペリエンスも改善されることで、新しい機能にかかるコストが妥当なものであることが証明されるはずです。この連載を読んで、皆さんの UI をオープンソースによるクライアント・サイドのライブラリーを使って徐々に最新のものにする方法を学んでください。今回の記事では、単純なライトボックスとツールチップの手法を使うことで、ポップアップ・ウィンドウを使わないようにし、さらにナビゲーションが脇道にそれて先に進まなくならないようにする方法を紹介します。またそれを実現するために、Progressive Enhancement (漸進的な機能拡張) の原則を利用し、高度な UI 機能でもサイトのアクセシビリティーや Web 標準遵守の妨げにならないことを保証します。 |
|
|
|
2008/05/06 |
|
| |
Ajax パフォーマンスの分析
Ajax (Asynchronous JavaScript + XML) が対話性とパフォーマンスに対するユーザーの期待を膨らませ続けているなか、開発者たちはますます Ajax を Web アプリケーションの必須コンポーネントとして扱うようになっています。多くのコードがクライアント・サイドに移されてネットワーク・モデルが変わるにつれ、コミュニティーは Ajax ならではのパフォーマンス問題に対処するためのツールをさらに作成することで対応しています。この記事では、Ajax で強化されたアプリケーションに潜むパフォーマンス問題を見つけ出し、修正するツール・セットについて検討します。 |
|
|
|
2008/04/24 |
|
| |
データ駆動型 Web サイトのためのカスタム・テンプレートの構築
大抵の開発者は、HTML のテーブルとセルを処理して Web サイトを構築することに尻込みします。その理由の 1 つは、テーブルを使うと後でサイトを修正したり、その外観を変えたりするのが困難になるからです。この記事では、サイトの初期作成中にテンプレートを使用することによって、後からスキンを変更可能な Web サイトを作成する上での基本的な手法を説明します。また、この記事を読んで、Web サイトにデータ駆動型の手法を使用すべき理由も学んでください。 |
|
|
|
2008/04/22 |
|
| |
Project Zero を導入して日本語 PHP アプリケーションを作る
この記事では Project Zero を実際に導入して、簡単な日本語 PHP アプリケーションを作って動作確認するまでの手順を紹介します。 |
|
|
|
2008/04/15 |
|
| |
Grails をマスターする: Ajax をほんの少し加えた多対多の関係
Web アプリケーションで多対多 (m:m) の関係を扱うには、さまざまな注意が必要になります。連載「Grails をマスターする」の今回の記事では、Scott Davis が Grails で m:m の関係をうまく実装する方法を説明します。GORM (Grails Object Relational Mapping) API とバックエンド・データベースではこの関係をどのように扱うか、そして Ajax (Asynchronous JavaScript + XML) を少し使うことでユーザー・インターフェースをいかに効率的なインターフェースにできるかを学んでください。 |
|
|
|
2008/04/15 |
|
| |
Seasar2: 第 3 回 Seasar2 による宣言的トランザクション
本連載では，軽量コンテナ Seasar2 を IBM WebSphere Application Server や IBM DB2 と連携させる方法について紹介します．連載の第 3 回目となるこの記事では，Seasar2 の宣言的トランザクションについて紹介します． |
|
|
|
2008/03/28 |
|
| |
Google Chart、Ajax、Project Zero、そして WebSphere sMash を使って賢いマッシュアップを作成する
Google Chart は、開発者が単純な HTTP GET リクエストを使って図やグラフを生成できるという素晴らしいサービスです。このサービスではすべての機能が HTTP で使用できるようになっているため、Project Zero で作成された Web アプリケーションに簡単に統合することができます。この記事では、厄介な HTTP URL を構成しなくても Google Chart を使用できる Groovy スクリプトを例に、ユーザーが視覚的な方法で図やグラフを作成できる便利な Web インターフェースを作成する方法を実演します。Zero プラットフォームを使うといとも簡単にマッシュアップ・アプリケーションを作成できることを、このサンプル・プロジェクトを試すことで体験してください。 |
|
|
|
2008/03/25 |
|
| |
コメント行: Scott Johnson: Dojo Dijit ツリー・ウィジェットを遅延ロードすることによりパフォーマンスを改善する
ツリー・ウィジェットのノードへのデータのロードをすべて最初から行うのではなく、遅延させることによって、ツリーを高速に描画することができ、またツリーのパフォーマンスを高めることができます。この記事では実際に近い例をとおして、Dojo の Dijit ツリー・ウィジェットにロードする JSON データを遅延ロードするために REST 呼び出しを使う方法について説明します。 |
|
|
|
2008/03/21 |
|
| |
IBM Web 2.0 Feature Pack を使って Ajax スタイルのアーキテクチャーを作成する
この記事では、IBM(R) WebSphere(R) Application Server Feature Pack for Web 2.0 を利用することによって、J2EE (Java(TM) 2 Platform, Enterprise Edition) アプリケーションを Ajax スタイルのアーキテクチャーでどのように強化できるのかを説明します。そして Web アプリケーション全体を再作成することなく、既存のアプリケーションに Ajax スタイルのアーキテクチャーを組み合わせる方法を学びましょう。またこの記事では IBM WebSphere Application Server 用の皆さん自身の J2EE アプリケーションに Web 2.0 Feature Pack を適用する方法についての考え方の一端も学びます。 |
|
|
|
2008/03/18 |
|
| |
Ajax での XML 処理: 第 3 回 JSON を使用し、プロキシーを回避する
Ajax スタイルのサーバー呼び出しには、必ずしも XMLHttp リクエストが必要になるとは限りません。この連載の最終回で紹介する天気バッジ・プロジェクトに対する最後の手法では、公開 Web サービス、JSON (JavaScript Object Notation)、そして動的 script タグを使用します。 |
|
|
|
2008/03/18 |
|
| |
HTML、JavaScript、そして Ajax の開発とデバッグに必須のツール
最高のオープンソース・ツールを使って Web ページやスクリプト、スタイルに関する作業を行い、新しいサイトやページの開発を容易にしましょう。また、HTML マークアップや CSS、そして JavaScript の調査や変更を即座に行い、DOM や、クライアント/サーバー間の通信を調べ、ブックマークレットによって開発がどれほど安全で容易になるかを学びましょう。 |
|
|
|
2008/03/11 |
|
| |
