 |
|
|
|
|
|
100 パーセント、サーブレット: ビューについて考え直す
動的コンテンツを持つ Web ページで開発者とUI 設計者のコンサーンを分け隔てる方法としては、JSP (JavaServer Pages) 技術が大々的に勧められていますが、残念ながら JSP は多くの設計者にとってあまりにも複雑すぎます。そのため Java 開発者が自ら JSP コードを処理するはめになりがちですが、その結果は大抵の場合、満足できないものです。そこでこの記事では、代わりとなる型破りな方法がもたらす利点を紹介します。その方法とは、単純なヘルパー・オブジェクトを使ってサーブレットにのみ基づいた Web インターフェースをビルドするというものです。 |
|
|
|
2007/03/27 |
|
| |
21 世紀のユーザー・インターフェースを作り上げる: 第 1 回: アプリケーションの競争相手… それは思っている相手とは違います
長年の間、Web はプログラマーとコンピューターの専門家のためだけの場所ではなく、老人や 5 歳の子供までもが買い物をしたり、ゲームをしたり、人々と交流したりするコミュニティーでもあると謳われてきました。インターネットに日常的にアクセスする人々が増えるにつれ、使いやすいアプリケーションを求める声も大きくなってきます。しかし、プログラマーでさえもその大半は、未だに「使いやすい」という言葉が本当に意味する内容を説明することはできません。そこで考えなければならないのは、使いやすいアプリケーションとは何であるか、という点です。さらに重要なのは、実際にアプリケーションを設計して構築するプログラマーとはまったく異なる、現代の一般的なインターネット・ユーザーにとって使いやすくて直観的で満足の行くようなアプリケーションをどのようにして構築するのか、という点です。 |
|
|
|
2009/01/27 |
|
| |
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 |
|
| |
ActiveScaffold を使って Ruby on Rails を機能アップする
Ruby on Rails の ActiveScaffold プラグインを使うことで、時間を節約して、頭痛の種を解消し、もっと管理のしやすいページを作成しましょう。ActiveScaffold はユーザー・インターフェースの CRUD (create, read, update, delete) に必要なことをすべて処理してくれるため、開発者はより多くの時間を、難しい (そして興味深い) 問題に集中して費やせるようになります。 |
|
|
|
2007/06/08 |
|
| |
Agavi による MVC プログラミング入門: 第 1 回 Agavi を使って、まったく新しい世界の扉を開く
今回から始まるこの 5 回連載の記事が対象とする読者は、オープンソースの柔軟かつスケーラブルなフレームワークである Agavi について興味のある PHP 開発者です。第 1 回目となるこの記事では、まず Agavi フレームワークとその他の必要なコンポーネントのインストール手順を紹介します。続いて Agavi とその機能の概要について説明した後、Agavi を使った初めての Web アプリケーションの作成に取り組みます。 |
|
|
|
2009/08/25 |
|
| |
Agavi による MVC プログラミング入門: 第 2 回 Agavi と Doctrine により、フォームとデータベース・サポートを追加する
この 5 回連載の第 2 回では、スケーラブルなオープンソースのフレームワークである Agavi を使用して入力フォームを作成し、Doctrine を使ってプロジェクトのデータ・モデルを自動生成します。そして、生成されたデータ・モデルを Agavi プロジェクトに統合します。 |
|
|
|
2009/08/25 |
|
| |
Agavi による MVC プログラミング入門: 第 3 回 Agavi を使って、認証機能と管理機能を追加する
5 回連載の第 3 回でも引き続き WASP (Web Automobile Sales Platform) の作成プロセスに取り組み、このプロセスの一環として自動車レコードの追加、削除、更新機能を追加します。今回はさらに、管理機能に認証を付けることで、管理機能をユーザー機能から切り離す方法も説明します。 |
|
|
|
2009/08/25 |
|
| |
Agavi による MVC プログラミング入門: 第 4 回 XML、RSS、SOAP をはじめとする複数の出力タイプに対応する Agavi 検索エンジンを作成する
連載第 4 回では Agavi のサンプル・プログラムに単純な検索エンジンを実装し、XML、RSS、または SOAP といった複数の出力タイプに対応させるためのサポートを追加します。この 5 回の連載は、オープンソースの柔軟かつスケーラブルなフレームワークである Agavi に興味を持つ PHP 開発者を対象としています。 |
|
|
|
2009/09/15 |
|
| |
Agavi による MVC プログラミング入門: 第 5 回 Agavi アプリケーションにページング機能、ファイルのアップロード機能、そしてカスタム入力バリデーターを追加する
これが最終回となるこの 5 回の連載では、オープンソースの柔軟かつスケーラブルなフレームワークである Agavi について学びたいと思っている PHP 開発者を対象としています。今回の記事では、Agavi アプリケーションでファイルのアップロードをサポートする方法、セッションにユーザー・データを保存する方法、サード・パーティーのライブラリーを統合する方法、そしてカスタム入力バリデーターを作成する方法を説明します。 |
|
|
|
2009/09/15 |
|
| |
Ajax - 困っている人のためのガイド、第 1 回: Ajax のツールと手法の調査
Ajax (Asynchronous JavaScript + XML) プログラミング手法がますます Web アプリケーションの開発において威力を振るうようになってきた今、新しい開発者たちが毎日 Ajax 開発の世界に足を踏み入れています。しかし、それぞれの開発者が使ってきた開発手法と Ajax は本質的に異なります。そんな開発者に対して、この連載の第 1 回では、IBM の Ajax 開発者からなる専門家チームの Ajax 開発リソースが使用している Ajax 開発のチートシートを紹介します。筆者らは、Ajax 開発立ち上げ時の経験を元に、効果的な Ajax 開発への近道となる実用的な情報を提供します。 |
|
|
|
2007/07/10 |
|
| |
Ajax RSS リーダー
Ajax (Asynchronous JavaScript and XML) RSS (Really Simple Syndication) リーダーと、RSS フィードで記事を読むために Web サイトに設置する Web コンポーネントの構築方法を学びます。 |
|
|
|
2006/07/06 |
|
| |
Ajax での XML 処理: 第 1 回 4 つの手法
プログラミングの問題を解決する正しい方法は 1 つだけではありません。この連載では、Ajax (Asynchronous JavaScript + XML) による天気バッジを作成する 4 つの手法を取り上げます。このバッジは、どんな Web ページにでも簡単に組み込める再利用可能な小さなウィジェットです。第 1 回目となる今回の記事では、まず基本的な背景を紹介した後、1 番目の手法である DOM ツリーの探索について詳しく検討していきます。 |
|
|
|
2008/03/04 |
|
| |
Ajax での XML 処理: 第 2 回 Ajax と XSLT を組み合わせた 2 つの手法
この連載の第 2 回では、Mark Pruett が Ajax (Asynchronous JavaScript + XML) による天気バッチの手法をさらに 2 つ紹介します。両方とも XSLT (Extensible Stylesheet Language Transformation) を使用してフォーマットを変換する手法ですが、一方ではサーバー・サイド、もう一方ではブラウザーで XSLT を使用します。 |
|
|
|
2008/03/11 |
|
| |
Ajax での XML 処理: 第 3 回 JSON を使用し、プロキシーを回避する
Ajax スタイルのサーバー呼び出しには、必ずしも XMLHttp リクエストが必要になるとは限りません。この連載の最終回で紹介する天気バッジ・プロジェクトに対する最後の手法では、公開 Web サービス、JSON (JavaScript Object Notation)、そして動的 script タグを使用します。 |
|
|
|
2008/03/18 |
|
| |
Ajax と Apache Geronimo による非同期メッセージ・フレームワークの作成
Apache Geronimo を Ajax (Asynchronous JavaScript + XML) ユーザー・インターフェース (UI)、非同期メッセージング・システム、そして疎結合ビジネス・サービスと組み合わせて、応答性の高いエンタープライズ・クラスの Web アプリケーション・フレームワークを作成します。 |
|
|
|
2007/06/19 |
|
| |
Ajax と REST、第 1 回
サーバー・サイド Web アプリケーションがリッチ・アプリケーション・モデルに従ってパーソナライズされたコンテンツを配信し、ますます実体験のようになるにつれ (没入型 Web アプリケーション)、そのアーキテクチャーが Web のアーキテクチャー・スタイル、REST (Representational State Transfer) に違反することも多くなってきています。このような違反によって、アプリケーションのスケーラビリティーは損なわれ、システムはより複雑になります。Ajax アーキテクチャーは REST との調和を実現することによって、没入型 Web アプリケーションがそのようなマイナス効果を排除し、REST 本来の特性を十分活用できるようにします。 |
|
|
|
2006/10/02 |
|
| |
Ajax と REST、第 2 回
Ajax の人気は急上昇しています。古い Web フレームワークでは Ajax をサポートするための改良が進行中で、新たな Ajax のみでのフレームワークの開発が進んでいます。また、Ajax の採用を検討中であったり、Ajax アプリケーションの構築をすでに開始したという組織も多数あります。そんなブームとは裏腹に、Ajax アプリケーションのデプロイメントに成功した組織は数えるほどです。2 回連載のこの最後の記事は、実際の IT アプリケーションで Ajax を使用するべきかどうかを判断する際の手掛かりとなるとともに、Ajax 開発の成功率を高めることを目的としています。 |
|
|
|
2006/11/14 |
|
| |
Ajax と XML: Ajax に共通の 5 つのデザイン・パターン
Ajax (Asynchronous JavaScript + XML) は確かに 2006年を賑わせた技術用語で、2007年も同じく、あるいはそれ以上に賑わせそうですが、実際のアプリケーションにはどのように影響するのでしょう。また、どの一般的なアーキテクチャー・パターンが Ajax アプリケーションで広く使用されているのでしょうか。この記事では、作業の基盤として使える Ajax に共通の 5 つのデザイン・パターンを紹介します。 |
|
|
|
2007/03/06 |
|
| |
Ajax と XML: 5 つのクールな Ajax ウィジェット
Web 2.0 の流行によってユーザー・エクスペリエンスが新たな脚光を浴びるようになりました。そんなユーザー・エクスペリエンスの一端を担うのは、今までの開発にはなかった斬新なユーザーとの対話方法、そしてユーザーに対する情報の表示方法です。ウィジェットとも呼ばれるこれらの新しいインターフェースは、サーバーとのやり取りに Ajax (Asynchronous JavaScript + XML) を使用します。この記事では、サイトの対話性を強化する 5 つのウィジェットを紹介します。 |
|
|
|
2007/01/16 |
|
| |
Ajax と XML: Ajax の 5 つのアンチパターン
間違ったやり方を理解することで、逆に正しいやり方の多くを学ぶことになるものです。Ajax (Asynchronous JavaScript + XML) アプリケーションにも当然、誤った作成方法と正しい作成方法があります。そこで今回の記事では、避けなければならない一般的なコーディングの慣習について説明します。 |
|
|
|
2007/03/20 |
|
| |
Ajax と XML: Ajax の最高傑作から学ぶ
この記事では、Web 2.0 の世界で抜群に素晴しい Asynchronous JavaScript + XML (Ajax) アプリケーションを紹介します。これらのアプリケーションがユーザー・レベルで成功している理由を理解して、皆さん独自の Web 2.0 アプリケーションで魅力的なユーザー・エクスペリエンスを作り出すために適用できる手法を見つけてください。 |
|
|
|
2007/04/24 |
|
| |
Ajax と XML: Ajax を使った表
Ajax (Asynchronous JavaScript + XML) の 1 つの強みは、サーバーからのデータをユーザーに対して動的に表示することです。この記事では、表、タブ、グライダー (横方向のスライド) を使用した、Ajax による動的なデータ表示の手法をいくつか説明します。 |
|
|
|
2008/03/11 |
|
| |
Ajax と XML: Ajax を適用したライトボックス
あらゆるものがユーザーを驚嘆させ、気を散らすことを目的としている世界では、そう簡単にユーザーの関心を引くことはできません。ライトボックス、ポップアップ、ウィンドウ、そしてフェードするメッセージなど、Ajax を使った新しい手法を学んでユーザーの目を皆さんのコンテンツに向けさせてください。 |
|
|
|
2007/09/25 |
|
| |
Ajax と XML: チャットのための Ajax
Ajax (Asynchronous JavaScript + XML) と PHP を使って Web アプリケーションにチャット・システムを組み込む方法を学んでください。チャット・システムを組み込めば、特別なインスタント・メッセージ・ソフトウェアをダウンロードまたはインストールしなくても、サイトのコンテンツについてサイトの利用者が意見を述べたり、利用者同士が話し合えるようになります。 |
|
|
|
2007/12/04 |
|
| |
Ajax と XML: フォームのための Ajax
HTML フォームをサーバーへの Ajax コールバックで拡張するという方法は、アプリケーションに Web 2.0 機能を追加するための実用的な方法です。この記事では、Ajax コードを追加して PHP アプリケーションのユーザー・エクスペリエンスを向上させる数々の手法を紹介します。 |
|
|
|
2008/01/22 |
|
| |
Ajax と XML: メディアのための Ajax
幅広く利用可能なブロードバンド・メディアの出現により、ムービー、画像、そして音声が Web 2.0 革命の原動力となっています。この記事で、メディアに PHP や Ajax (Asynchronous JavaScript + XML) などの技術を組み合わせてカスタマーに魅力的なエクスペリエンスを提供する方法を学んでください。 |
|
|
|
2007/10/23 |
|
| |
Ajax と XML: 評価とコメントのための Ajax
人々によって Web が動かされるこの時代、読者がサイトのコンテンツにランクを付けたり、論評できるようにすることは必須です。Ajax を使えば、どんなに簡単に評価機能とコメント機能をサイトに追加できるのか、この記事を読んで理解してください。 |
|
|
|
2007/07/24 |
|
| |
Ajax による JSF フォームの自動保存: 第 2 回
連載「Ajax による JSF フォームの自動保存」の第 1 回では、Java 開発者である著者、Andrei Cioroianu が Ajax (Asynchronous JavaScript + XML) および JSF (JavaServer Faces) 技術を用いて、Web フォームを自動的に保存する Java アプリケーションを作成する手順を紹介しました。この手順に沿って、JavaScript と XMLHttpRequest を使ってフォーム・データを取得、エンコード、送信する方法、Ajax リクエストの処理に JSF リクエスト処理のライフ・サイクルを適応させる方法、JSF コンポーネント・ツリーから送信されたデータをサーバー側で取得する方法を理解できたはずです。3 回連載の 2 回目となるこの記事では、ブラウザー・セッション間で匿名ユーザーを識別する方法、複数のユーザーとページに対して自動保存されたフォーム・データを管理する方法、データ・リポジトリーを選択する方法、そしてスレッド・セーフの問題に対処する方法を説明します。 |
|
|
|
2007/09/18 |
|
| |
Ajax による JSF フォームの自動保存: 第 3 回
この連載の第 1 回では、Java 開発者である著者の Andrei Cioroianu が Ajax (Asynchronous JavaScript + XML) によって Web フォームのユーザー入力を送信し、JSF (JavaServer Faces) によって Ajax リクエストを処理する方法を説明しました。続く第 2 回では、サーバー側でのデータ管理を取り上げ、自動的に保存されたフォーム・データを維持するためのデータ・リポジトリーを紹介しました。3 回からなる連載の最終回となるこの記事で説明するのは、おそらく読者が想像する以上に巧妙な JSF フォーム・データのリストア方法です。興味深い JSF 手法として、JSF コンポーネントの immediate および onclick 属性を使用する方法、JSF リクエスト処理のライフ・サイクルのいくつかのフェーズを省略する方法、隠しフォーム要素を使って JSF リスナーを起動する方法を学んでください。この記事ではさらに、JSP/JSF 式を JavaScript コードに組み込む方法や JSF コンポーネントのレンダラーで生成された HTML フォーム要素と併せて JavaScript を使用する方法、そしてアプリケーション Bean のシリアライズおよびデシリアライズを行うサーブレット・コンテキスト・リスナーを実装する方法も説明します。 |
|
|
|
2007/10/09 |
|
| |
Ajax による SOAP Web サービスの呼び出し - パート 2: Web サービス・クライアントの拡張
今回は、Ajax (Asynchronous JavaScript + XML) の設計パターンを使用して Web ブラウザー・ベースの SOAP Web サービス・クライアントを実装する方法について解説します。このパート 2 では、Web Services Addressing Language仕様および Web Services Resource Framework仕様への基本サポートを実装することにより、前回の JavaScript ライブラリーの諸機能を拡張します。 |
|
|
|
2006/01/10 |
|
| |
Ajax によるチャット
皆さんは Ajax (Asynchronous JavaScript and XML) を使ってチャットをしてみたいと思いませんか。また、例えば保証されたサービス・レベルよりもパフォーマンスが下回った場合などのシステム・イベントに応答して、オープンソースの専用 Web チャットがポップアップ表示され、何が起きているのか通知してくれたら便利だと思いませんか。この記事では developerWorks 常連の寄稿者である Judith Myerson が、2 つのパネルによるシステム管理者用のチャットの考え方を紹介します。このチャットでは、一方のパネルでプライベートなメッセージを交換し、もう一方のパネルで一般ユーザーにメッセージをブロードキャストすることができます。またこの記事では、チャット・サーバーの過負荷に対するソリューション、Ajax Chat をダウンロードする際の問題、構成の変更方法、さらには必要な数だけチャネルを追加する方法についても説明します。 |
|
|
|
2009/03/17 |
|
| |
Ajax による改良: 第 1 回 Ajax と jQuery で既存のサイトを改良する
Ajax (Asynchronous JavaScript + XML) で既存のサイトを改良する連載の第 1 回目では、単純なモーダル･ウィンドウを使うことで、ポップアップ・ウィンドウを使わないようにし、さらにナビゲーションが脇道にそれて先に進まなくならないようにする方法を紹介します。 |
|
|
|
2008/03/04 |
|
| |
Ajax による改良: 第 2 回 jQuery と Ajax、そしてツールチップとライトボックスで既存のサイトを改良する
Ajax (Asynchronous JavaScript + XML) の手法は大規模な商用 Web アプリケーションの様相を一変させましたが、規模の小さな多くの Web サイトにはユーザー・インターフェース (UI) をまるごと一晩にしてリビルドするだけのリソースはありません。しかし Ajax による新しい機能を利用すると、実際のインターフェースの問題が解決され、ユーザー・エクスペリエンスも改善されることで、新しい機能にかかるコストが妥当なものであることが証明されるはずです。この連載を読んで、皆さんの UI をオープンソースによるクライアント・サイドのライブラリーを使って徐々に最新のものにする方法を学んでください。今回の記事では、単純なライトボックスとツールチップの手法を使うことで、ポップアップ・ウィンドウを使わないようにし、さらにナビゲーションが脇道にそれて先に進まなくならないようにする方法を紹介します。またそれを実現するために、Progressive Enhancement (漸進的な機能拡張) の原則を利用し、高度な UI 機能でもサイトのアクセシビリティーや Web 標準遵守の妨げにならないことを保証します。 |
|
|
|
2008/05/06 |
|
| |
Ajax による改良: 第 3 回 jQuery、Ajax タブ、そしてフォト・カルーセルで既存のサイトを改良する
Ajax の手法は大規模な商用 Web アプリケーションの様相を一変させましたが、規模の小さな多くの Web サイトにはユーザー・インターフェース (UI) をまるごと一晩にしてリビルドするだけのリソースはありません。しかし Ajax による新しい機能を利用すると、実際のインターフェースの問題が解決され、ユーザー・エクスペリエンスも改善されることで、新しい機能にかかるコストが妥当なものであることが証明されるはずです。この連載では、オープンソースによるクライアント・サイドのライブラリーを使ってユーザー・インターフェースを徐々に最新のものにする方法を説明しています。今回の記事で説明するのは、表示に時間のかかる煩雑で厄介な製品詳細ページを、DHTML と Ajax によって高速で洗練されたページに変身させる方法です。しかも、Progressive Enhancement (漸進的な機能拡張) の原則に従うことで、あらゆるユーザー・エージェントがサイトにアクセスしたままで変身できることを確実にします。 |
|
|
|
2008/07/08 |
|
| |
Ajax による改良: 第 4 回 jQuery および Ajax フォームで既存のサイトを改良する
Ajax の手法は大規模な商用 Web アプリケーションの様相を一変させましたが、規模の小さな多くの Web サイトにはユーザー・インターフェース (UI) をまるごと一晩にしてリビルドするだけのリソースはありません。しかし Ajax による新しい機能を利用すると、実際のインターフェースの問題が解決され、ユーザー・エクスペリエンスも改善されることで、新しい機能にかかるコストが妥当なものであることが証明されるはずです。UI をオープンソースによるクライアント・サイドのライブラリーを使って徐々に最新のものにする方法は、この連載ですでに説明しました。今回の記事では、複数のステップからなる購入プロセスを、Ajax の手法を使って複数の連続したフォームから 1 画面で構成されるインターフェースに変える方法を学んでください。この変換では、Progressive Enhancement (漸進的な機能拡張) の原則を利用して、あらゆる類のユーザー・エージェントが引き続きサイトにアクセスできることを保証します。 |
|
|
|
2008/07/29 |
|
| |
Ajax による読心術アプリケーションを E4X と Prototype を使って作成する: 第 1 回 20 の質問 のインフラを作成する
XML は Ajax データを渡すための自然なフォーマットのように思えます。しかし、DOM (Document Object Model) を使って JavaScript で XML を扱う方法は、Ajax データなどを扱う上では必ずしも最善の方法ではありません。そのため、開発者がもっとオブジェクトらしい感覚で扱える、JSON など他の選択肢が出てきます。一方、E4X (ECMAScript for XML) は、非常に容易なデータ・バインディングと DOM が持つ最高の機能の多くとを併せ持っているため、ブラウザーで XML を簡単に処理することができます。この 2 回シリーズの記事では、E4X と Prototype JavaScript ライブラリーの両方を使って Ajax による単純な読心術アプリケーション (20 の質問ゲーム) を作成する方法を学び、またその過程で新しいオブジェクトについて学びます。第 1 回では、ユーザーが考えているものを判断するシステムの作成方法について説明します。このシステムでは、既存のナレッジ・ベースを分析し、考えているものを判断します。 |
|
|
|
2008/02/12 |
|
| |
Ajax による読心術アプリケーションを E4X と Prototype を使って作成する: 第 2 回 読心術をレベルアップする
この 2 回シリーズの記事では、E4X (ECMAScript for XML) と Prototype JavaScript ライブラリーの両方を使って Ajax による単純な読心術アプリケーション (20 の質問ゲーム) を作成する方法を学び、またその過程で新しいオブジェクトについて学びます。第 1 回ではこのアプリケーションのシステムを作成する方法を学びました。このシステムは既存のナレッジ・ベースを分析し、ユーザーが何を考えているかを判断します。この第 2 回では、ナレッジ・ベースに新しい情報を追加する方法と、Prototype JavaScript ライブラリーを使って Twenty Questions アプリケーションを外部のデータベースと統合する方法を学びます。こうすることで、1 人のユーザーがトレーニングした結果を、このゲームで遊ぶ他のユーザーが利用できるようにします。 |
|
|
|
2008/02/19 |
|
| |
Ajax のセキュリティー・ツール
悪意のあるハッカーは、Ajax アプリケーションに潜むいくつかの脆弱性をついて、アプリケーションを台無しにしてしまう恐れがあります。個人情報の盗難、保護されていない機密情報へのアクセス、ブラウザーのクラッシュ、Web アプリケーションの改変、DoS (Denial of Service: サービス拒否) の攻撃などは、Ajax アプリケーションに起こり得る惨事のほんの数例です。開発者は、Ajax 機能をアプリケーションに組み込むときに、このような事態を防ぐ対策を立てなければなりません。この記事では developerWorks でお馴染みの著者、Judith Myerson が Firefox のツールやアドオンをはじめとするアプリケーションのセキュリティー強化ツールを提案します。これらのツールを使って、Ajax アプリケーションのセキュリティー問題を軽減、あるいは解決してください。 |
|
|
|
2008/05/27 |
|
| |
Ajax のパフォーマンス・ツール
サーバー・リソースの無駄使いは Ajax アプリケーションに影響を及ぼし、その結果、アプリケーションを機能させるために、過剰な HTTP リクエストが送信されるようになり、メモリー使用量が増加し、さらに異常な量のポーリングが行われることになります。この記事では developerWorks でお馴染みの著者、Judith Myerson が Ajax アプリケーションの改善、あるいは問題の解決に利用できるオープンソースのツールと Firefox のアドオンを紹介します。 |
|
|
|
2008/05/13 |
|
| |
Ajax をベースとした永続オブジェクトのマッピング
Persevere は、永続オブジェクトとブラウザーの JavaScript 環境とのマッピングを実現する永続オブジェクトのフレームワークです。オブジェクトの永続化が Java プログラミングと Ruby の世界で絶大な人気を博したことからわかるように、オブジェクトと永続データとのマッピングに適しているのは当然、動的 JavaScript 言語です。Persevere は Ajax (Asynchronous JavaScript + XML) をベースとした Web アプリケーションでのマッピングと通信を自動化するだけでなく、管理可能なデータ・モデルを提供し、透過的なクライアント・サーバー間の Ajax 交換、状態変更の自動保存、そして暗黙的トランザクション管理を行うことによって開発作業の手間を大幅に省きます |
|
|
|
2007/11/13 |
|
| |
Ajax をマスターする: 第 1 回 Ajax の紹介
HTML、JavaScript、DHTML、そして DOM からなる Ajax は、魅力のない Web インターフェースをインタラクティブな Ajax アプリケーションに変換するための卓越した手法です。この記事では Ajax のエキスパートである著者が、Ajax を構成する技術が連動して極めて効率的な Web 開発を容易に実現する仕組みを、その概要から詳細に至るまで実例で説明します。さらに XMLHttpRequest オブジェクトをはじめ、Ajax の中心となる概念についても明らかにします。 |
|
|
|
2005/12/06 |
|
| |
Ajax をマスターする: 第 10 回 JSON を使用したデータ転送
非同期アプリケーションで情報の送受信に使用できるデータ・フォーマットにはプレーン・テキストと XML がありますが、連載「Ajax をマスターする」の今回の記事で紹介するのはもう 1 つの便利なデータ・フォーマット、JSON (JavaScript Object Notation) です。JSON がアプリケーションでのデータやオブジェクトの移動をさらに簡単にする仕組みを説明します。 |
|
|
|
2007/03/27 |
|
| |
Ajax をマスターする: 第 2 回 JavaScript と Ajax を使用して行う非同期要求
大抵の Web アプリケーションでは、サーバーから HTML ページをまるごと取得する要求/応答モデルを使用します。このモデルを使用したやり取りは、ボタンをクリックしてサーバーからの応答を待ち、また別のボタンをクリックして再び待機するといったものになってしまいます。一方 Ajax と XMLHttpRequest オブジェクトを使用すれば、ユーザーがサーバーからの応答を待つ必要のない要求/応答モデルを使用することができます。今回の記事では、Brett McLaughlin が特定のブラウザーに依存しないように XMLHttpRequest インスタンスを作成する方法、要求を作成して送信する方法、そしてサーバーからの応答を処理する方法を説明します。 |
|
|
|
2006/01/17 |
|
| |
Ajax をマスターする: 第 3 回 Ajax での高度な要求と応答
多くの Web 開発者たちにとって、シンプルな要求を行って、シンプルな応答を受け取ることができれば、それですべての必要は満たせます。しかし Ajax をマスターしたいのであれば、HTTP ステータス・コード、Ready 状態、そして XMLHttpRequest オブジェクトを完全に理解することが必須です。今回の記事では、Brett McLaughlin が各種のステータス・コードを紹介し、そのそれぞれをブラウザーがどのように処理するかを説明します。そして最後に、使用されることは少ないものの Ajax を使用して実行できる HTTP 要求を紹介します。 |
|
|
|
2006/02/14 |
|
| |
Ajax をマスターする: 第 6 回 DOM ベース Web アプリケーションの作成
DOM (Document Object Model) と JavaScript コードを組み合わせて、対話式 Ajax アプリケーションを構築します。今回は、すべての知識を実践に生かして、しゃれた効果のある単純な Web ページを作成します。 |
|
|
|
2006/09/12 |
|
| |
Ajax をマスターする: 第 7 回 要求および応答での XML の使用
Brett McLaughlin が、非同期要求を送信するためのデータ・フォーマットとして XML を使う方法を解説します。 |
|
|
|
2006/10/10 |
|
| |
Ajax をマスターする: 第 8 回 要求および応答での XML の使用
この連載では前回、Ajax アプリケーションがサーバーへの要求を XML にフォーマット設定する方法を説明しました。また、サーバーに XML 要求を送信するのはほとんどの場合、有効ではない理由も説明しました。今回の記事では、多くの場合に有効なこと、つまりクライアントに XML 応答を返すことについて取り上げます。 |
|
|
|
2006/11/07 |
|
| |
Ajax をマスターする: 第 9 回 Google Ajax Search API を使う
非同期要求を行うということは、自分のサーバー・サイド・プログラムと対話するというだけの話ではありません。Google や Amazon などで持っている公開 API と通信すれば、独自のスクリプトやサーバー・サイド・プログラムが提供する以上の機能を Web アプリケーションに追加できます。この記事では Brett McLaughlin が、Google で提供している公開 API との要求・応答方法を伝授します。 |
|
|
|
2007/01/23 |
|
| |
Ajax を使用して、クライアント・サイドで行われた検証の結果をローカライズされたメッセージで表示する
世界中のユーザーを対象にした Web アプリケーションを作成する際には、2 つの点を考慮する必要があります。1 つはページのコンテンツの国際化とローカライズ、そしてもう 1 つはユーザー入力の検証および検証結果のメッセージの表示です。国際化されたページは、サーバー・サイドでリソース・バンドル (ロケール固有のプロパティー・ファイル) を使えば容易に作成することができますが、クライアント・サイドで検証が行われる場合には、国際化された検証メッセージを表示することは非常に困難です。その際、皆さんの負担を軽減するための 1 つの選択肢として、Ajax (Asynchronous JavaScript + XML) を使う方法があります。この記事では、クライアント・サイドで行われた検証結果のメッセージを、国際化とローカライズを行って表示するというプロセスを少し楽にするために、Ajax とリソース・バンドルを組み合わせる方法について説明します。 |
|
|
|
2009/01/13 |
|
| |
Ajax アプリケーションに Flex を統合する
従来型の Ajax 開発は、相変わらず RIA (Rich Internet Application) を作成するための中心的な方法です。しかし Adobe Flex の人気を無視することはできません。この記事では Ajax コンテンツと Flex コンテンツを一貫した方法で容易に統合できるコード・ライブラリーである、Adobe の FABridge (Flex Ajax Bridge) を紹介します。この記事を読み終わると、Flash の資産によって実現されるリッチな機能を利用できるようになります。 |
|
|
|
2008/07/15 |
|
| |
Ajax アプリケーションに対するセキュリティーの脅威を克服する
Ajax (Asynchronous JavaScript + XML) は Web 2.0 の鍵となる技術です。Ajax を利用すると、ユーザーは Web ブラウザーが行うサーバーとの通信とは別に、Web ページと対話動作を行うことができます。何よりも Ajax によって、複数のコンテンツあるいはサービスを 1 つのユーザー・エクスペリエンスに統合するマッシュアップが促進されます。しかし、動的でマルチドメインという性質を持つ Ajax とマッシュアップ技術によって、新しいタイプの脅威が生じます。この記事では、Ajax 技術に関連する脅威について学び、そうした脅威を回避するためのベスト・プラクティスを見つけましょう。 |
|
|
|
2007/06/19 |
|
| |
Ajax パフォーマンスの分析
Ajax (Asynchronous JavaScript + XML) が対話性とパフォーマンスに対するユーザーの期待を膨らませ続けているなか、開発者たちはますます Ajax を Web アプリケーションの必須コンポーネントとして扱うようになっています。多くのコードがクライアント・サイドに移されてネットワーク・モデルが変わるにつれ、コミュニティーは Ajax ならではのパフォーマンス問題に対処するためのツールをさらに作成することで対応しています。この記事では、Ajax で強化されたアプリケーションに潜むパフォーマンス問題を見つけ出し、修正するツール・セットについて検討します。 |
|
|
|
2008/04/24 |
|
| |
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 |
|
| |
Ajax 対応の JSP TagLib コントロールを作成する: 第 3 回 更新パネル・コントロールとポップアップ・ダイアログ・ボックス・コントロール
ビジネス分野のアプリケーションで使用できる Ajax (Asynchronous JavaScript + XML) コントロールを作成しましょう。この記事で作成する構成可能な JSP (JavaServer Pages) TagLib ベースのコントロールは、JSON (JavaScript Object Notation)、JavaScript スクリプト言語、そして CSS (Cascading Style Sheets) を利用して作成します。このような標準的な JSP TagLib コントロールを簡単にアプリケーションに組み込んで、より直観的で応答性に優れたユーザー・インターフェースを提供する方法を学んでください。 |
|
|
|
2009/04/07 |
|
| |
Ajax 技術を使って Web プレゼンテーション・アプリケーションを構築する: 第 1 回 Web UI の開発
Google Docs では、あれほど驚異的な機能を Web アプリケーションに組み込むための手段として Web 2.0 技術を利用しています。Web 2.0 技術では、比較的単純なコードで堅牢な機能を実現することができます。この記事を読んで、Ajax (Asynchronous JavaScript and XML) 技術によってスライドショー・プレゼンテーションを作成する Web アプリケーションの構築方法を学んでください。 |
|
|
|
2009/07/28 |
|
| |
AjaxTags で Ajax 開発を容易にする
Web 2.0 の時代には、Web ベースのアプリケーションのユーザビリティーと応答性に関する開発者やユーザーの期待はずっと高くなっています。この 2 年間ほど岩の下に住んでいたのでもない限り、皆さんはAjax (Asynchronous JavaScript + XML) の手法について聞いたことがあるはずです。Ajax を使えば、洗練されていていて、応答性が良く、しかも非常に動的なブラウザー・ベースのユーザー・インターフェースを、ブラウザーがページをリロードせずに作成することができます。この記事では AjaxTags について見ていきます。AjaxTags は Java/JavaScript ライブラリーであり、JSP ページに Ajax の機能を容易に統合することができます。 |
|
|
|
2007/10/23 |
|
| |
Ajax対応の自動補完コントロール、カスケード・ドロップダウン・コントロールを作成する
ビジネス分野のアプリケーションで使用できる Ajax (Asynchronous JavaScript + XML) コントロールを作成しましょう。この記事で作成する構成可能な JSP TagLib ベースのコントロールは、JSON (JavaScript Serialized Object Notation)、JavaScript、そして CSS を利用して作成します。このような標準的な JSP TagLib コントロールをアプリケーションに簡単に組み込んで、より直観的で応答性に優れたユーザー・インターフェースを提供する方法を学んでください。 |
|
|
|
2008/09/09 |
|
| |
Alphablox: パフォーマンスチューニングガイド
Alphablox 8.4に対して効果的なパフォーマンス・チューニングを行い、メモリー使用量や画面表示パフォーマンスを調整するための以下の方法をガイドします。 |
|
|
|
2006/11/07 |
|
| |
Alphablox: 多次元データベースに対する Alphablox データセキュリティー実装方法
DB2Alphablox（以下Alphablox）は、データ分析を行うWebアプリケーションを作成・使用する際の強力な支援ツールです。JSP用に用意されたタグのみでリレーショナル・データベースや多次元データベースを照会するアプリケーションを開発できることが特徴ですが、Alphablox Java APIを使うことでよりカスタマイズされたアプリケーションの構築も可能になります。本稿ではAlphabloxから多次元データベースに接続するアプリケーションにてAlphablox Java APIを使ってデータ・セキュリティーを実現する方法について解説します。 |
|
|
|
2006/11/24 |
|
| |
Alphabloxキューブを利用したAlphabloxアプリケーション開発ガイド (DB2 Cube Viewsとの連携) : Alphabloxキューブ編
ここではAlphabloxと抜群の相性をもつDB2 Cube Viewsとの連携によりAlphabloxキューブを作成する手法と、Alphablox開発ガイドの第二弾で解説されたPresentBloxとAlphabloxキューブを利用した多次元分析アプリケーションを開発する手法について解説します。 |
|
|
|
2005/09/30 |
|
| |
Amazon Web サービスを利用したエンタープライズ・アプリケーションの統合
XML と Amazon Web サービスを利用してエンタープライズ・アプリケーションを統合する方法、そして Microsoft(R) .NET (C#) および Java(TM) という異なるプラットフォームで動作するアプリケーションの統合を利用して新しい機能を作成する方法を学びましょう。 |
|
|
|
2009/06/16 |
|
| |
Amazon Web サービスを利用したクラウド・コンピューティング: 第 2 回 Amazon S3 (Simple Storage Service) によるクラウド内のストレージ
Amazon Web サービスを利用したクラウド・コンピューティングについて学ぶ連載「Amazon Web サービスを利用したクラウド・コンピューティング」では、スケーラブルで信頼性の高いアプリケーションを設計し、構築する上で Amazon Web サービスがどのように強力な代替手段を提供するかを探っていきます。今回の記事では、Amazon S3 (Simple Storage Service) が提供する極めてスケーラブルで応答性に優れたサービスについて掘り下げていきます。また、S3 とのインターフェースに使用するツールを紹介し、コード・サンプルを用いて単純なシェルを試してみます。 |
|
|
|
2008/08/19 |
|
| |
Amazon Web サービスを利用したクラウド・コンピューティング: 第 3 回 EC2 によるオンデマンド・サーバー
Amazon Web サービスを利用したクラウド・コンピューティングについて学ぶ連載「Amazon Web サービスを利用したクラウド・コンピューティング」では、スケーラブルで信頼性の高いアプリケーションを設計し、構築する上で Amazon Web サービスがどのように強力な代替手段を提供するかを探っていきます。今回の記事では、Amazon EC2 (Elastic Compute Cloud) が提供する仮想サーバーを紹介します。EC2 を利用することで、アプリケーションの需要に応じて即座にアプリケーションのコンピューティング要件を構成して容量を調整するのが容易になる仕組みを学んでください。 |
|
|
|
2008/10/14 |
|
| |
Amazon Web サービスを利用したクラウド・コンピューティング: 第 4 回 SQS による信頼性の高いメッセージング
Amazon Web サービスを利用したクラウド・コンピューティングについて学ぶ連載「Amazon Web サービスを利用したクラウド・コンピューティング」では、スケーラブルで信頼性の高いアプリケーションを設計し、構築する上で Amazon Web サービスがどのように強力な代替手段を提供するかを探っていきます。今回の記事で学ぶのは、Amazon SQS (Simple Queue Service) が実現する信頼性の高いスケーラブルなメッセージング・サービスです。 |
|
|
|
2008/12/02 |
|
| |
Amazon Web サービスを利用したクラウド・コンピューティング: 第 5 回 SimpleDB によるクラウド内でのデータセット処理
Amazon SimpleDB (SDB) の基本概念を学び、SDB とのインターフェースに使われるオープンソースの Python ライブラリー boto に用意された関数について調べてみましょう。Amazon Web サービスを利用したクラウド・コンピューティングについて学ぶ連載「Amazon Web サービスを利用したクラウド・コンピューティング」では、スケーラブルで信頼性の高いアプリケーションを設計して構築する上で Amazon Web サービスがどのように強力な代替手段を提供するかを探っていきます。今回の記事では、SDB の基本概念をいくつか取り上げ、boto が提供する関数を使用してみます。 |
|
|
|
2009/02/10 |
|
| |
Apache Proxy のディレクティブ (mod_proxy) を使って LAMP セキュリティーを改善する
この記事では Nick Maynard が、Apache の mod_proxy モジュールを使って LAMP セットアップのセキュリティーを改善する方法の概要を説明します。この記事は Linux のみを対象としますが、ここで説明する原則のいくつかは、他のオペレーティング・システムにも適用することができます。 |
|
|
|
2006/11/29 |
|
| |
AppFuse を使用する 7 つの簡単な理由
Spring、Hibernate、あるいは MySQL などの Java プラットフォームを対象としたオープン・ソース・ツールを使い始めるのは難しい場合があります。オープン・ソース・プロジェクトの統合につきものの悩みの種を取り除いてくれるのが、AppFuse です。 |
|
|
|
2006/08/08 |
|
| |
Apple の iPhone を Google のクラウド・コンピューティングに接続する
携帯機器のためのクラウド・コンピューティングとソフトウェア開発は、非常にホットな 2 つの技術であり、両者を組み合わせてハイブリッド・ソリューションを作成することが多くなっています。この記事では、Google App Engine と Google のクラウド・コンピューティングを Apple のモバイル・プラットフォームである iPhone と接続する方法を学びます。またオープンソースのライブラリーである TouchEngine を使って App Engine クラウドに接続し、iPhone アプリケーションのデータをオフラインでの使用に備えてキャッシュすることで、そのアプリケーションのデータを動的に制御する方法も学びます。 |
|
|
|
2009/01/20 |
|
| |
Atom を利用して Web にアノテーションを付ける
皆さんはブログなど Web 2.0 のサイトを読んだ人がそのサイトにコメントを付けているのを見たことがあると思いますが、Atom プロトコルを利用すると、そうしたコメントの作成や処理を非常に柔軟な方法で行うことができます。柔軟な Web アノテーションという概念によって、まったく新しい種類の Web アプリケーションが、実際には新しいものをほとんど何も作り出さなくても実現されるのです。Web 上のすべてのものにアノテーションを付け、そのアノテーションをほとんどどこからでも扱えるシステムを作成する方法を学びましょう。 |
|
|
|
2008/07/08 |
|
| |
Attribute Explorer
Andy Smithはデータを対話式で表示および探査することの利点について説明しています。彼は、従来からの、ステップバイステップ式のデータ探査およびフィルター操作を検討し、それらの方式に欠けているものを指摘しています。そして、Attribute Explorerを紹介し、その利点が示された問題に関してどのように関係するかを示します。最後に、カー・ショールームのキオスク・アプリケーションでAttribute Explorerを利用できる可能性について論じています。 |
|
|
|
2001/04/01 |
|
| |
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 |
|
| |
ccREL を使ってコンテンツに Creative Commons ライセンスを組み入れる
Web 2.0、クラウド、そして SOA では、誰が情報を所有しているのか、またその情報を使ってどんなことが許可されるのかを明確に理解することが今まで以上に重要になります。Creative Commons ライセンスには、所有権を放棄せずにオープンな使用権を提供できるメカニズムが含まれています。CC (Creative Commons) の Rights Expression Language、つまり ccREL を利用すると、そうした情報を Web コンテンツに埋め込むことができます。これにより、情報の所有者と情報の利用者は、付与される権利を明確に認識し、その権利に従って選択を行うことができ、しかもそれを自動的に行うこともできます。こうした手法について、またこうした手法を皆さんのアプリケーションで使用する方法について学びましょう。 |
|
|
|
2009/07/14 |
|
| |
CodeIgniter 入門
CodeIgniter アプリケーションは皆さんが考えるより簡単に作成することができます。初めてのプロジェクトとして、連絡先フォームを表示する単純な Web ページの作成手順を試してみてください。 |
|
|
|
2008/08/26 |
|
| |
Comet と Java による開発
Comet を使用した開発方法のさまざまな実装を調べてみましょう。この記事では、Jetty や Tomcat などのよく使われている Java Web サーバーではどのようにして Comet アプリケーションを実現しているかを説明します。さらに、それぞれのサーバーでのプログラミング方法を紹介し、最後に、次期バージョンとなる Servlet 3.0 仕様および JavaEE 6 仕様の一部となっている Java での Comet 標準化の提案について説明します。 |
|
|
|
2009/05/26 |
|
| |
CouchDB を探る
リレーショナル・データベースでは、厳密に構造が定義され、決められた方法に従ってソフトウェア・アプリケーションのデータの保守が行われます。Apache によるオープンソースの CouchDB ではデータの保存方法として、スキーマなしのドキュメント指向データベース・モデルと呼ばれる新しい方法が提供されています。リレーショナル・モデルではデータを完全に構造化して保存しますが、CouchDB では JavaScript ベースのビュー・モデルを使って、構造化された集約を生成するとともに、半構造化ドキュメントからレポートを生成し、半構造化形式でデータを保存します。CouchDB はターゲットを Web アプリケーションに絞ってゼロから開発されたもので、Web アプリケーション開発のためのデータベースとしてデファクト・スタンダードになることを目指しています。 |
|
|
|
2009/03/31 |
|
| |
CSS の float プロパティー
CSS の float プロパティーは、Web デザイナーがページのレイアウトによく使う手法の 1 つですが、あまりよく理解されていないことが多く、またブラウザーごとに実装が異なるという問題があります。この記事では、float プロパティーとその一般的な使い方、開発ツールの問題、そしてブラウザーによる動作の違いについて説明します。 |
|
|
|
2008/03/05 |
|
| |
DB2とオープン・ソース: Google Maps API、DB2/Informix、LinuxのPHPで地図の上を歩く
Google Maps APIをDB2、Informix、PHP、JavaScript、XMLとともに使用することにより、個人のデータを取り込んだ、使いやすい地図を作成することができます。自分の住んでいる地域の郵便番号を指定して、その地域のデータを見てみましょう。地図形式の変更やサイドバーの作成をしたり、カスタム・アイコンやイベント・ハンドラーを使用してみましょう。 |
|
|
|
2006/03/02 |
|
| |
DB2とオープン･ソースを使用して地図に自分の街を追加してみよう！
Google Maps API を DB2、Informix、PHP、JavaScript、および XML と一緒に使用すると、独自のデータを取り込んで、使いやすい地図を作成できます。自分の郵便番号に画面をズームすると、地域固有のデータが表示されます。カスタム・アイコンを使用し、地図の種類を変え、サイドバーを作成し、イベント処理機能を使用してみましょう。 |
|
|
|
2006/03/02 |
|
| |
developerWorks インタビュー: Web 2.0 EXPO Tokyoにてティム・オライリー氏に聞く
2007年11月15、16日、アジアで初となる Web 2.0 EXPO Tokyo が開催されました。私は、アドバイザリー・ボード・メンバーとして、USからロッドスミスを迎え、キーノート・スピーチの準備をするなど、このイベントを裏で支えてきました。Web 2.0 という単語の生みの親とも言えるティム・オライリー氏と、2日目のキーノートの直後にちょっとした会話をする機会を得ました。ティムはとてもフランクに、そして、楽しそうに会話してくれました。そのときの様子をIBMのXMLデータベース/Info 2.0 エバンジェリストである中林紀彦とともにお送りします。 |
|
|
|
2007/11/19 |
|
| |
developerWorksの歩き方: 第2回 ゾーンを巡る
前回は、日本語による技術情報が集約された「IBM developerWorks」を紹介しました。今回は、developerWorksにはどういったコンテンツがどのように配置されているのかを紹介します。 |
|
|
|
2007/03/30 |
|
| |
developerWorksの歩き方: 第3回 トレンドをつかむ
developerWorksのコンテンツを十分に味わうには、外部のサービスなども活用した方がいいでしょう。今回は、RSSやソーシャルブックマークを活用してdeveloperWorksの人気記事をチェックしていきます。 |
|
|
|
2007/03/30 |
|
| |
developerWorksの歩き方 第1回
現場で使える技術を求めて日々Webサイトを巡回する技術者は多い。国内ではコアな情報を扱うサイトや雑誌が少ないが、developerWorksには多くの有益な情報が存在している。本連載では、developerWorksを徹底的に活用するためのガイドを提供します。 |
|
|
|
2007/03/30 |
|
| |
DHTML と XML を使った表現力豊かな Ajax スライドショー
「Ken Burns エフェクト」を使ってアニメーション化された、Ajax (Asynchronous JavaScript and XML) クライアント・サイド・スライドショーの作成方法を学びましょう。ここでは、Ajax 用の XML データ・ソースを作成し、クライアントから XML データを要求し、そしてその XML を使って HTML 要素を動的に作成し、アニメーション化する方法を学びます。 |
|
|
|
2007/03/16 |
|
| |
Django の admin をカスタマイズする
Django に提供されている組み込みの管理コンソールは Django の最大のセールスポイントの 1 つです。しかし単にルック・アンド・フィールをカスタマイズするだけでなく、いくつかのモデル・フィールドをカスタマイズしたい場合にはどうすればよいのでしょう。ソースを変更せずに既存の admin アプリケーションを拡張する方法を学びましょう。 |
|
|
|
2009/05/26 |
|
| |
Django アプリケーションを本番サーバーにデプロイする方法
Django はデータベース駆動型 Web サイトと Web アプリケーションの作成プロセスを簡易化することに重点を置く Python ベースのオープンソース Web アプリケーション・フレームワークです。このフレームワークには開発用 Web サーバーが組み込まれているため、Django アプリケーションの開発をすぐに始めることができますが、このサーバーは本番環境で使用するには適していません。そのため、Django アプリケーションを Web サーバーにデプロイする際には追加の作業が必要になります。この記事では、まず Django フレームワークについて概説し、このフレームワークをローカル・マシンにインストールする手順を説明します。続いて Django アプリケーションの構成内容と、アプリケーション用に作成された自動管理インターフェースについて詳細を調べた後、Apache が mod_python を有効にした状態で稼働するサーバー上で Django アプリケーションを Web サーバーにデプロイする方法を説明します。最後に、アプリケーションの要件が拡大するのにあわせて、どのように Django アプリケーションをスケーリングできるか、またスケーリングすべきかを説明します。 |
|
|
|
2009/04/07 |
|
| |
Dojo 1.x を使ってウィジェットを開発する
Dojo JavaScript ツールキットを使用して HTML ウィジェットを開発する上での基本を学んでください。この記事では Dojo ツールキットについて紹介し、開発プロセスに役立ついくつかの例を記載します。単純なウィジェットから次第に複雑なウィジェットの例へと進むなかで、開発段階で発生する可能性のある共通の問題を明らかにし、解決します。 |
|
|
|
2009/04/28 |
|
| |
Dojo Objective Harness を利用した Web 2.0 アプリケーションのユニット・テスト
質の高いソフトウェア開発にユニット・テストは欠かせませんが、アジャイル開発とエクストリーム・プログラミングによる開発となると、ユニット・テストが極めて重要な部分となります。これまで Web 2.0 クライアント・サイドのユーザー・インターフェースの自動ユニット・テストは困難で、多くの場合は試みられることもありませんでした。ところが今は、Dojo が提供するユニット・テスト・ハーネスで、JavaScript 機能とユーザー・インターフェースの視覚化の両方を評価することが可能です。このように徹底的にテストされたユーザー・インターフェースでは、最終的に含まれるバグの数が大幅に減ることになります。この記事では、DOH (Dojo Objective Harness) の主要な機能について例を用いて説明し、その優れた機能性をその他の Web 2.0 アプリケーション用テスト・ハーネスと比較します。 |
|
|
|
2008/10/21 |
|
| |
Dojo を使って Web アプリケーションを国際化する
Dojo ツールキットは多くの Web アプリケーションでますます使われるようになっています。Dojo ツールキットの優れた特徴のひとつは、さまざまなロケールをサポートしていることです。この記事では、Dojo が持つこの重要な機能の使い方を簡潔に説明します。 |
|
|
|
2008/08/05 |
|
| |
DWR が Ajax によるポートレット間メッセージングを簡単にする
オープン・ソースの DWR (Direct Web Remoting ) ライブラリーを使うと、Java クラスが JavaScript クラスに自動的に変換されるため、Java 開発者は Ajax 開発を簡単に行うことができます。DWR と JSR-168 準拠のポートレットを使って、Ajax アプリケーションを素早く簡単にビルドする方法を学びます。 |
|
|
|
2006/07/14 |
|
| |
DWR を使用した Ajax ベースのファイル・アップロード・ポートレットの開発
ファイル・アップロードは今日の Web ポータルにとって基本的な機能です。この記事では、Xiaobo Yang と Rob Allan が DWR (Direct Web Remoting) を使って Ajax をベースとした JSR 168 準拠のファイル・アップロード・ポートレットを開発する方法を説明します。DWR はサーバー・サイドにデプロイされた Java クラスに基づいて動的に JavaScript を生成するため、Java 開発者にとっては理想的な Ajax フレームワークとなります。この記事を読んで、DWR を利用してポータル・サーバーからファイル・アップロードの進行状態を取得する方法を学んでください。 |
|
|
|
2007/08/21 |
|
| |
Eclipseプラグインの国際化対応
この記事は、国際市場向けにEclipseプラグインを作成するためのロードマップです。まずは国際化対応を行う理由とその技術的な課題を簡単に説明し、その後でプラグインの国際化対応方法をステップに分けて説明します。そして最後に、それらのステップがEclipse Platformの国際化対応にどのように適用されたのかを見てみます。 |
|
|
|
2002/06/01 |
|
| |
Ext JS で作る AJAX アプリケーション
Ext JS は数ある JavaScript ライブラリの一つですが、その再利用性の高いオブジェクトおよびUI部品は AJAX アプリケーションの開発を容易にしてくれます。この記事では、Ext JS についての簡単な紹介と、Ext JS の基盤となっている JavaScript によるオブジェクト指向的な設計方法の概要、そして RIA 開発におけるUI 部分への Ext JS フレームワークの適用方法について説明します。 |
|
|
|
2008/07/01 |
|
| |
Ext JS 入門者の最初の壁
Ext.grid.GridPanel は Ext JS を代表する強力な UI 部品の一つですが、Grid にデータを読み込む仕組みが一見簡単ではないため、Ext JS を利用し始めた人が最初につまづいてしまう壁となっているようです。ここでは、Ext.grid.GridPanel の背後で動作する、Store、Reader、Proxy の 3 つのクラスについての説明を行います。 |
|
|
|
2008/08/01 |
|
| |
Firebug を使ってオンザフライでアプリケーションをデバッグ、調整する
Web ページのロードに、どうしてそんなに時間がかかっているのかわかりますか？今まで HTML をブラウズしながら調査し、編集しようと思ったことはありませんか？CSS をその場で調整しようと思ったことは？この記事では、Firefox ブラウザーを対象とした無料のオープンソース拡張機能、Firebug の使い方を紹介します。便利な開発者向けの機能とツールを豊富に提供する Firebug を使えば、HTML、CSS、JavaScript コード、そしてネットワーク・トラフィックを含め、ライブ・ページをモニター、編集、デバッグすることができます。この記事を読んで、Firebug を使って Web アプリケーションや Ajax アプリケーションのデバッグおよび調整といった作業にかかる時間を短縮する方法を学んでください。 |
|
|
|
2008/05/06 |
|
| |
Firefox 1.5でのXML、第1回:XML機能の概要
オープン・ソースのWebブラウザーFirefoxの人気が高まっています。最新バージョンのFirefox 1.5（現時点ではベータ）には、XML解析、XHTML、CSS、XSLT、SVG、JavaScriptTMでのXMLイベント、XFormsなど、XML開発者向けの多くの機能が含まれています。この記事では、Uche OgbujiがFirefox 1.5のXML機能の概要を解説します。 |
|
|
|
2005/09/20 |
|
| |
Firefox 1.5でのXML、第2回:基本的なXML処理
「Firefox 1.5でのXML」シリーズの第2回では、基本的なXML処理について述べます。Firefoxは、XML解析、カスケーディング・スタイルシート（CSS）、およびXSLTスタイルシートをサポートしています。注意すべき制約事項もいくつかあります。 |
|
|
|
2006/03/21 |
|
| |
Firefox 3.0 に備える
Mozilla Firefox 3 は多くの機能強化を備えたメジャー・リリースであり、一部の機能強化はユーザーを対象とし、また一部は開発者を対象としています。最も興味深い変更の 1 つとして、たとえユーザーがインターネットから切り離されていても動作する Web アプリケーションを開発することができます。この記事では、Firefox 3 のこうしたさまざまな新機能について、特にオフラインでのアプリケーションのサポートという新機能について学びます。 |
|
|
|
2008/06/17 |
|
| |
Firefox 拡張機能を利用して Google カレンダーに暗号化機能を組み込む
最近の Web アプリケーションは、オンライン・ストレージ、オンライン・アクセス、オンライン・コラボレーションにさまざまなメリットをもたらしています。しかし、一部のアプリケーションは別としても、ユーザー・データを暗号化するアプリケーションはほとんどありません。この記事では、よく使われるオンライン・カレンダー・アプリケーションのユーザー・データに基本的な暗号化サポートを追加するために必要なツールとコードを紹介します。Firefox 拡張機能の非常に優れた柔軟性と Gnu Privacy Guard を利用して、Google のカレンダー・アプリケーションに暗号化された予定に関する記述のみを保存し、適切な復号化キーを持つユーザーには、この記述をプレーン・テキストで表示する方法を説明します。 |
|
|
|
2008/07/15 |
|
| |
Firefox3 と Internet Explorer 7 上で実行される Web ポータルの表示を標準化する
Firefox3 と Internet Explorer 7 での表示は異なるのでしょうか。この 2 つのブラウザーの動作を同じにするための最善の方法は何でしょう。ピクセルと em 値のどちらを使う必要があるのでしょう。developerWorks へのおなじみの寄稿者である Judith M. Myerson が、Firefox と IE 上で実行される Web ポータルの表示を標準化するための方法を説明します。この記事では、em 値を使って (Ajax アプリケーションを含めた) Web ポータルのコンテンツ作成作業をずっと簡単なものにするための秘訣とヒントを紹介します。 |
|
|
|
2008/11/11 |
|
| |
Flex と CSS の強力さを発見する
Adobe Flex フレームワークに既に組み込まれている CSS の強力な機能を活用しましょう。この記事では Flex で CSS を使い始めるために必要な情報を提供し、また Flex でユーザー・インターフェースの設計と開発を行う際に、作業を迅速に行えるようにするためのヒントと手法を提供します。 |
|
|
|
2009/07/07 |
|
| |
