 |
|
|
|
|
|
情報を広める: 企業ブログ、MetaWeblog、そして XML-RPC
今日のブログは、従来からの個人の日記としての使い方を遥かに超えた使い方をされることがあり、十分成熟した理想的な Web パブリッシング・プラットフォームとなっています。企業の中では、本社部門、開発部門、そしてマーケティング部門間の中心的な情報伝達手段として、ブログが使われている場合がよくあります。そのため、標準的な XML の API に準拠するオープンなブログ・ソフトウェアを選択することが欠かせません。そうしたツールの 1 つとして、広く使用されているブログ API である MetaWeblog について、またこの API を使って独自のブログ・ツールを作成する方法を学びましょう。 |
|
|
|
2009/10/06 |
|
| |
PHP アプリケーションを Google Contacts と統合する
Google Contacts Data API はクライアントに依存しない強力な API であり、この API を使うことでユーザー個人の Gmail の連絡先情報を読み取ったり修正したりすることができます。この API をアプリケーションのコンテキストで使用し、カスタムの PHP アプリケーションによって連絡先を取得、追加、削除、修正する方法を学びましょう。 |
|
|
|
2009/09/22 |
|
| |
Technorati API を使う
Technorati はブログの一覧を表示するサービスです。Technorati を利用すると、ブロゴスフィアのほぼ全体にわたって関心対象の記事を検索することができます。Web 2.0 と呼ばれるほとんどのものと同様、Technorati にもその機能の大部分を自動化するための API が用意されており、REST サービスとして提供されています。この記事では例を示しながら、Technorati の API を最大限に活用する方法を学びます。 |
|
|
|
2009/09/08 |
|
| |
Twitter Search API の使い方
Twitter は間違いなく、最近 World Wide Web に登場したソーシャル・ネットワーキングのなかで最も成功している例の 1 つです。Twitter には独自の検索エンジンがあり、ユーザーがキーワードやカテゴリーを基準に「つぶやき」を検索できるようになっています。この検索エンジンに備わった API はプログラムによる検索を容易にし、REST サービスとして機能して検索結果を Atom フォーマットで返します。この記事を読んで、Twitter Search API の基本的な使い方を学んでください。 |
|
|
|
2009/08/04 |
|
| |
マッシュアップ: 新種の Web アプリケーション
マッシュアップは対話型 Web アプリケーションの刺激的な新ジャンルであり、外部データ・ソースから取得した内容を元に描画を行い、まったく新しい、そして革新的なサービスを作成します。またマッシュアップは、非公式に Web 2.0 として知られる第 2 世代の Web アプリケーションの持つ、顕著な特質でもあります。 |
|
|
|
2009/07/24 |
|
| |
セマンティック技術を使用してウィキペディアの問い合わせ用フォームを作成する
公開 SPARQL エンドポイントは、ますます増えている Linked Data へのオープン・アクセスを提供し、皆さんのアプリケーションに役立つ優れたデータを提供することによってセマンティック Web の成長を促します。巷にある多くのデータ駆動型 Web サイトと同じく、これらのエンドポイントにクエリーを送信し、結果を HTML タグにラップすれば、Web ページを作成することができます。しかし、SPARQL エンドポイントならではの大きな違いは、この新しい Linked Data が皆さんのアプリケーションで使えるように公開されていることです。この記事では、簡単な CGI スクリプトによって、2 つの異なる SPARQL エンドポイントからデータを取得してユーザーの質問に答えるアプリケーションを構築します。例として用いるのは、2 人の監督の映画両方に出演した俳優を答えるアプリケーション、そしてどのミュージシャンがどのアルバムをリリースしたかを答えるアプリケーションの 2 つです。 |
|
|
|
2009/07/21 |
|
| |
RSS と Atom を使ってサイトでフィードを取得する
近年広まっている Web 2.0 サイトでは、さまざまなソースからの情報をマッシュアップすることができます。GWT (Google Web Toolkit) を使用すると、RSS や、もっと新しい Atom 配信フォーマットなどの XML ベースのニュース・フィードを取得して処理することができます。この記事では、SOP (Same-Origin Policy: 同一生成元ポリシー) の制約を克服して任意の適切なフィードを利用できるようにし、フィードとして受信される XML データを処理する方法を学びます。 |
|
|
|
2009/07/14 |
|
| |
Amazon Web サービスを利用したエンタープライズ・アプリケーションの統合
XML と Amazon Web サービスを利用してエンタープライズ・アプリケーションを統合する方法、そして Microsoft(R) .NET (C#) および Java(TM) という異なるプラットフォームで動作するアプリケーションの統合を利用して新しい機能を作成する方法を学びましょう。 |
|
|
|
2009/06/16 |
|
| |
Twitter REST API の使い方
Twitter は間違いなく、最近 World Wide Web に登場したソーシャル・ネットワーキングのなかで最も成功している例の 1 つです。Twitter には、Web 開発者が Twitter サイトで提供する各種機能へのユーザーのアクセスを可能にするための API が用意されています。この記事を読んで、Twitter REST API の基本的な使い方を学んでください。 |
|
|
|
2009/06/09 |
|
| |
Web 2.0時代のWebアプリケーションセキュリティー
Ajax（Asynchronous JavaScript + XML）やマッシュアップ（Mashup）に代表されるWeb 2.0技術は、そのリッチで使いやすいユーザーインターフェイスや高速なレスポンス性から、現在のWebアプリケーション開発のトレンドの一つとなっています。 |
|
|
|
2009/04/24 |
|
| |
XML: GWT と PHP とのブリッジ
GWT (Google Web Toolkit) アプリケーションでは、昔ながらの Java の流儀でサーブレットに接続することもできますが、PHP による Web サービスを使って XML でデータを送受信することもできます。この記事では XML 文書の生成方法と処理方法を Java 言語の場合と PHP の場合の両方について説明します。 |
|
|
|
2009/04/07 |
|
| |
DB2 9.5 pureXML入門 － pureXMLサンプル・データベース
DB2 9以降の新機能であるpureXMLを体験して下さい。サンプルデータを使って、XMLデータベースを作成し、XQueryを試してみましょう！ |
|
|
|
2008/10/01 |
|
| |
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 |
|
| |
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 |
|
| |
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 |
|
| |
PHP アプリケーションから Google カレンダーを利用する
Google カレンダーでは、Web アプリケーションの開発者がユーザーの生成するコンテンツと予定の情報に REST ベースの開発者向け API を使ってアクセスすることができます。この API によって生成された XML フィードを処理し、これらの XML フィードを使ってカスタマイズした PHP アプリケーションを構築するには、PHP の SimpleXML 拡張機能と Zend の GData Library が最適です。この記事では Google Calendar Data API を取り上げ、この API を使用してユーザーが生成したカレンダーを閲覧する方法、カレンダーに予定を追加したり、予定を更新したりする方法、そしてキーワード検索を行う方法を、実例を挙げながら説明します。 |
|
|
|
2008/07/08 |
|
| |
PHP を使って Google ノートブックのデータを処理、統合する
Google ノートブックは、ユーザーがオンライン・ジャーナルにメモと Web クリッピングを保存し、共有できる無料のサービスです。このサービスが提供する REST ベースの API を利用することで、開発者はこのサービス向けにカスタマイズした PHP アプリケーションを SimpleXML を使って構築できるようになります。この記事では、ノートブックやノートブックのコンテンツを PHP を使って読み取る例を用いて、この API の使い方を説明します。 |
|
|
|
2008/05/20 |
|
| |
Ajax による改良: 第 2 回 jQuery と Ajax、そしてツールチップとライトボックスで既存のサイトを改良する
Ajax (Asynchronous JavaScript + XML) の手法は大規模な商用 Web アプリケーションの様相を一変させましたが、規模の小さな多くの Web サイトにはユーザー・インターフェース (UI) をまるごと一晩にしてリビルドするだけのリソースはありません。しかし Ajax による新しい機能を利用すると、実際のインターフェースの問題が解決され、ユーザー・エクスペリエンスも改善されることで、新しい機能にかかるコストが妥当なものであることが証明されるはずです。この連載を読んで、皆さんの UI をオープンソースによるクライアント・サイドのライブラリーを使って徐々に最新のものにする方法を学んでください。今回の記事では、単純なライトボックスとツールチップの手法を使うことで、ポップアップ・ウィンドウを使わないようにし、さらにナビゲーションが脇道にそれて先に進まなくならないようにする方法を紹介します。またそれを実現するために、Progressive Enhancement (漸進的な機能拡張) の原則を利用し、高度な UI 機能でもサイトのアクセシビリティーや Web 標準遵守の妨げにならないことを保証します。 |
|
|
|
2008/05/06 |
|
| |
PHP で YouTube API を操作する
YouTube 動画共有サイトでは、Web アプリケーション開発者が REST をベースとした開発者向け API を使って公開コンテンツにアクセスできるようになっています。この API によって生成された XML フィードを処理し、カスタマイズした PHP アプリケーションを構築するために使うには、PHP の SimpleXML 拡張機能が最適です。この記事では YouTube Data API を紹介し、この API を使用してユーザーが生成した動画のコンテンツをブラウズする方法、動画のメタデータや動画に対するコメントとレスポンスにアクセスする方法、そしてキーワード検索を行う方法を具体的に説明します。 |
|
|
|
2008/04/18 |
|
| |
Project Zero を導入して日本語 PHP アプリケーションを作る
この記事では Project Zero を実際に導入して、簡単な日本語 PHP アプリケーションを作って動作確認するまでの手順を紹介します。 |
|
|
|
2008/04/15 |
|
| |
セマンティック Web サイトの計画
セマンティック Web は、ユーザーにはより有意義な検索結果を得る可能性を、サイト所有者にはユーザーがまさに必要とする内容を見つけられるようにトラフィックを絞り込む可能性をもたらします。しかし、このようなメリットは魔法の如く目の前に現れるわけではありません。この記事では、急激に拡大しつつあるこの可能性を実際に活用するために必要な情報アーキテクチャーと一般的インフラストラクチャーの両面について説明します。 |
|
|
|
2008/04/10 |
|
| |
Ajax での XML 処理: 第 3 回 JSON を使用し、プロキシーを回避する
Ajax スタイルのサーバー呼び出しには、必ずしも XMLHttp リクエストが必要になるとは限りません。この連載の最終回で紹介する天気バッジ・プロジェクトに対する最後の手法では、公開 Web サービス、JSON (JavaScript Object Notation)、そして動的 script タグを使用します。 |
|
|
|
2008/03/18 |
|
| |
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: Ajax を使った表
Ajax (Asynchronous JavaScript + XML) の 1 つの強みは、サーバーからのデータをユーザーに対して動的に表示することです。この記事では、表、タブ、グライダー (横方向のスライド) を使用した、Ajax による動的なデータ表示の手法をいくつか説明します。 |
|
|
|
2008/03/11 |
|
| |
Ajax での XML 処理: 第 1 回 4 つの手法
プログラミングの問題を解決する正しい方法は 1 つだけではありません。この連載では、Ajax (Asynchronous JavaScript + XML) による天気バッジを作成する 4 つの手法を取り上げます。このバッジは、どんな Web ページにでも簡単に組み込める再利用可能な小さなウィジェットです。第 1 回目となる今回の記事では、まず基本的な背景を紹介した後、1 番目の手法である DOM ツリーの探索について詳しく検討していきます。 |
|
|
|
2008/03/04 |
|
| |
ヒント: del.icio.us ブックマークを PHP で操作する
del.icio.us サービスでは、ユーザーがオンラインでブックマークを収集して共有できるようになっています。これらのブックマークを del.icio.us の REST API とインターフェースを取る PEAR の Services_Delicious パッケージで操作して、カスタマイズした PHP アプリケーションを作成してください。 |
|
|
|
2008/01/22 |
|
| |
PHP で作成するカスタマイズ可能な RSS フィード・アグリゲーター
RSS (Rich Site Summary、RDF Site Summary、あるいは Really Simple Syndication) が登場したのは 1990年代中頃です。それ以来、RSS 形式にはいくつかの変形が生まれ、その所有権をめぐる論争も起きました。しかし形はどうであれ、1 つの Web サイトから多数の Web サイトに Web コンテンツを配信する際に RSS が役立つことには変わりありません。RSS の人気はフィード・リーダー、あるいはフィード・アグリゲーターとも呼ばれる新しい種類の Web ソフトウェアの成長を可能にしました。市販のフィード・アグリゲーターはいくつかあるものの、自分なりのフィード・アグリゲーターを作成して自分の Web アプリケーションに統合するのも簡単です。フィード・アグリゲーターを独自に作成する際には、この記事で紹介する十分機能的な PHP コード・スニペットが役に立つはずです。このコードは、PHP をベースとしたサーバー・サイドの関数を使ってカスタマイズ可能な RSS フィード・アグリゲーターを開発する実例となります。さらに、記事に付属の RSS フィード・アグリゲーター・コードの完全版をダウンロードして、そのまま利用することもできます。 |
|
|
|
2008/01/22 |
|
| |
Ajax と XML: フォームのための Ajax
HTML フォームをサーバーへの Ajax コールバックで拡張するという方法は、アプリケーションに Web 2.0 機能を追加するための実用的な方法です。この記事では、Ajax コードを追加して PHP アプリケーションのユーザー・エクスペリエンスを向上させる数々の手法を紹介します。 |
|
|
|
2008/01/22 |
|
| |
jpa2web を使って Ajax J2EE Web アプリケーションを生成する
新しいオープンソース・ツール、jpa2web を学び、試し、そしてこのツールに貢献しましょう。jpa2web は JPA アノテーション付きの Bean から J2EE Ajax ベースの Web アプリケーションを生成します。ZK フレームワークを利用してこのツールで生成されたアプリケーションでは、使いやすい Ajax ベースの Web ユーザー・インターフェースをとおして、データベースに同期されたオブジェクトのインスタンスの追加、削除、検索、修正、さらにはそのインスタンス間の相互接続をすることができます。 |
|
|
|
2008/01/15 |
|
| |
Project Zero のデータ・アクセス API 使って作成する単純なウィキ
Project Zero は、サービス指向アーキテクチャー (SOA) に準拠した Web 2.0 アプリケーションのアジャイル開発を焦点として単純化された開発プラットフォームです。そんな Project Zero が武器とするライブラリーのなかに、SQL クエリーを実行するための簡易 API があります。この記事では、これらの API を利用して単純なウィキを作成する方法を説明します。 |
|
|
|
2008/01/08 |
|
| |
OpenLaszlo: パフォーマンスの調整
パフォーマンス面を考慮したLZXコーディングの要点としては、各画面の表示(インスタンス生成)やデータ表示(データバインディング)という特に負荷の高い処理に対して注意を注ぐことになります。どちらの処理にしても、一度に全てを処理させず、いかに効果的に処理を後回しさせるかということに尽きます。本稿ではその点に重点を置いたLZXコーディングの方法を紹介します。 |
|
|
|
2007/12/14 |
|
| |
ヒント: 非同期コールバックを最大限に利用する
JavaScript アプリケーションで Ajax データ・ソースに対する非同期コールバックを最大限に利用するためには、ある程度工夫した処理が必要です。このヒントでは、なぜ Ajax データ・ソースに対して非同期コールバックを使う必要があるのかについて説明します。また、相互に依存するアプリケーションのデータ・ソースを適宜利用できるように調整し、いつでも非同期呼び出しに対応できるようにする例についても説明します。 |
|
|
|
2007/12/11 |
|
| |
OpenLaszlo: パフォーマンスの考察
日本では意外と知られていないオープンソースのRIA/Ajax開発プラットフォームであるOpenLaszloについて、“システム開発”の視点からその導入方法について紹介する連載です。今回は、パフォーマンスに気をつけたLZXコーディングを行う前に、アプリケーションのパフォーマンスの勘所と切り分け方について解説します。 |
|
|
|
2007/11/30 |
|
| |
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 |
|
| |
ヒント: セッション状態を使って不必要な Ajax トラフィックを回避する
Ajax ベースのアプリケーションを始めとする Web アプリケーションを可能な限り RESTful な方法で作成すると、さまざまな種類のバグを回避することができます。しかし REST (REpresentational State Transfer) の落とし穴は、似たような XMLHttpRequest で重複したデータを送ってしまうことです。このヒントでは、セッション・クッキーを適切に使うことでサーバー・サイドの状態を必要最低限だけ保持することができ、それによってクライアントとサーバー間のトラフィックを大幅に削減でき、しかもクッキーを必要としない操作にも戻れることを説明します。 |
|
|
|
2007/11/13 |
|
| |
ヒント: セッション状態を使って不必要な Ajax トラフィックを回避する
Ajax ベースのアプリケーションを始めとする Web アプリケーションを可能な限り RESTful な方法で作成すると、さまざまな種類のバグを回避することができます。しかし REST (REpresentational State Transfer) の落とし穴は、似たような XMLHttpRequest で重複したデータを送ってしまうことです。このヒントでは、セッション・クッキーを適切に使うことでサーバー・サイドの状態を必要最低限だけ保持することができ、それによってクライアントとサーバー間のトラフィックを大幅に削減でき、しかもクッキーを必要としない操作にも戻れることを説明します。 |
|
|
|
2007/11/13 |
|
| |
Java EE と Web 2.0 との出会い
標準 Java EE (Java Platform, Enterprise Edition 5) ベースの手法で開発した Web 2.0 アプリケーションはパフォーマンスとスケーラビリティーに関する深刻な問題に直面します。その理由は、同期 API の使用をはじめ、Java EE プラットフォーム設計の基礎となる多くの原則が、Web 2.0 ソリューションの要件には適用されないためです。この記事では、Java EE と Web 2.0 での手法の違いを解説し、非同期設計がもたらすメリットを検討するとともに、Java プラットフォームで非同期 Web アプリケーションを開発する際のソリューションをいくつか取り上げて評価します。 |
|
|
|
2007/11/06 |
|
| |
OpenLaszlo: Flashならではの表現力 - OpenLaszloのSWFコンパイル
2回目の記事でOpenLaszlo4を使って一つのソースコードからSWFとDHTMLの両方を出力させる方法がわかっていただけたでしょうか。今回はブラウザに搭載されたJavascriptでは表現できない機能をswfコンパイルを使うことで実現する方法を紹介したいと思います。ここではフォントの埋め込み、画像やフォントの回転、プログラムによる描画といった表現力の向上と、ビデオ、オーディオのストリーミング機能を使ったビデオ配信やweb会議システムの構築などリッチメディアを扱う方法をオープンソースのストリーミングサーバーRed5を使って作成する方法を説明します。 |
|
|
|
2007/11/02 |
|
| |
最適化された期待どおりの Ajax アプリケーション
開発者にとって、ブラウザー、コンピューター・モデル、そして Ajax アプリケーション・ユーザーのどれもがすべて同じだったら楽だと思いませんか? それはそうかもしれませんが、現実は違います。開発者がブラウザー、コンピューター、個々のユーザー設定の違いに関わらず、期待どおりに振る舞うアプリケーションを開発しようとするときには、数え切れないほどの難問に直面します。例えばユーザーがあるブラウザーからタイプの異なるブラウザーに Ajax アプリケーションを対応させる場合 (特に、Ajax アプリケーションを Web サービス・ポータルへ移す場合)、同じブラウザー・エクスペリエンスは保証されません。ブラウザーにはそれぞれ固有の制約があるためです。この記事では著者の Judith Myerson がブラウザー固有の制約と避けなければならない落とし穴、そしてブラウザー間の違いを克服するために役立つソリューションを簡単に説明します。 |
|
|
|
2007/10/30 |
|
| |
OpenLaszlo: OpenLaszloで簡単にリッチなAjaxアプリ開発
OpenLaszloは非同期通信、動的更新といったAjaxの特徴を備えながら、しかもFlashコンテンツなどリッチなUIを持つRIAアプリ開発を実現できるフレームワークです。OpenLaszloバージョン4からそれらの特長を生かしたままDHTML(Ajax)出力もできるようになり、適用範囲が大きく広がりました。本稿では一例として同じ動作をするサンプルプログラムについて一般のAjaxとOpenLaszloでのコードを比較し、その大きな違いとOpenLaszloの利点について解説します。 |
|
|
|
2007/10/26 |
|
| |
Ajax と XML: メディアのための Ajax
幅広く利用可能なブロードバンド・メディアの出現により、ムービー、画像、そして音声が Web 2.0 革命の原動力となっています。この記事で、メディアに PHP や Ajax (Asynchronous JavaScript + XML) などの技術を組み合わせてカスタマーに魅力的なエクスペリエンスを提供する方法を学んでください。 |
|
|
|
2007/10/23 |
|
| |
OpenLaszlo: 今すぐできるWebシステムのRIA/Ajax化
日本では意外と知られていないオープンソースのRIA/Ajax開発プラットフォームであるOpenLaszloについて、”システム開発”の視点からその導入方法について紹介する連載です。WebシステムをRIA/Ajaxにしたい/してみたいとお考えの皆さん。OpenLaszloを使えばシステムに大幅な変更をせずに、今すぐにでも移行できます。OpenLaszloはMVCモデルを*完全に*実現します。そのため、OpenLaszloでクライアントプログラムを作成すればサーバサイドはほぼそのまま現状のものを使うことができます。連載第一回目は、OpenLaszloを導入した際にサーバサイドプログラムがどうなるかについて解説いたします。 |
|
|
|
2007/10/19 |
|
| |
XForms を Google Web Toolkit と統合する、第 1 回: GWT の JSNI (JavaScript Native Interface) を紹介する
この 4 回シリーズでは、GWT (Google Web Toolkit) と XForms とを組み合わせて動的な Web アプリケーションを作成する方法を説明します。第 1 回ではまず、GWT と XForms とを組み合わせて使う場合の問題をボトムアップの方法で説明します。それぞれの技術の基盤をいくつか調べ、両者をうまく共存させるための共通基盤を検証します。こうした作業は、GWT と XForms の両方を使う Web アプリケーションを開発するための基礎となります。 |
|
|
|
2007/09/18 |
|
| |
PHP と XML による iPhone 開発
Apple の iPhone は市場で最もホットな新製品です。既存の Web ツールを使って iPhone 用のアプリケーションを開発する方法を学びましょう。 |
|
|
|
2007/08/14 |
|
| |
Rich Web Application Backplane に向けての計画
今やマッシュアップと Ajax は、どちらも Web の世界にしっかりと定着しています。両者を組み合わせることで、リッチな Web アプリケーションを作成することができます。この記事では、現在は W3C Note である Rich Web Application Backplane について説明します。Rich Web Application Backplane はこの分野を標準化するために設計されており、Web アプリケーションでよく利用される一連の共通ビルディング・ブロックあるいはコンポーネントを提供します。 |
|
|
|
2007/07/31 |
|
| |
Ajax と XML: 評価とコメントのための Ajax
人々によって Web が動かされるこの時代、読者がサイトのコンテンツにランクを付けたり、論評できるようにすることは必須です。Ajax を使えば、どんなに簡単に評価機能とコメント機能をサイトに追加できるのか、この記事を読んで理解してください。 |
|
|
|
2007/07/24 |
|
| |
Ajax アプリケーションに対するセキュリティーの脅威を克服する
Ajax (Asynchronous JavaScript + XML) は Web 2.0 の鍵となる技術です。Ajax を利用すると、ユーザーは Web ブラウザーが行うサーバーとの通信とは別に、Web ページと対話動作を行うことができます。何よりも Ajax によって、複数のコンテンツあるいはサービスを 1 つのユーザー・エクスペリエンスに統合するマッシュアップが促進されます。しかし、動的でマルチドメインという性質を持つ Ajax とマッシュアップ技術によって、新しいタイプの脅威が生じます。この記事では、Ajax 技術に関連する脅威について学び、そうした脅威を回避するためのベスト・プラクティスを見つけましょう。 |
|
|
|
2007/06/19 |
|
| |
PHP で XML をJSON に変換する
Web 2.0 の人気が高まりつつあるなか、ブラウザー上で実行するビジネス・ロジックでデータを表現するのに便利な方法として、JSON (JavaScript Object Notation) と呼ばれる新しいデータ交換形式が浮上してきています。この記事では、XML 形式のエンタープライズ・アプリケーション・データを PHPベースのサーバー・プログラムで JSON 形式に変換した上でブラウザー・アプリケーションに送信する方法を説明します。 |
|
|
|
2007/06/05 |
|
| |
Atom の署名と暗号化、そして暗号化解除
Atom は情報を中継するためには優れたフォーマットですが、セキュリティーの懸念はないのでしょうか。XML デジタル署名は、データが信頼できる相手から来たものであること、そして変更されていないことを保証します。また XML 暗号化は、機密情報が盗み見られないように防ぐことができます。しかしこうした技術を、Atom の構造を破壊せずに使うにはどうすべきなのでしょう。この記事では、Apache Abdera API を使うことによって、Atom データにデジタル署名と暗号化を容易に適用する方法を説明します。 |
|
|
|
2007/05/22 |
|
| |
ポータル・サイトや Web サイトを Web クローラーが効率的にクロールできるようにする
この記事では、Sitemaps 0.90 プロトコルの概要を説明し、またそうしたサイトマップを作成し、またデプロイする際に IBM WebSphere Portal Version 6 をどのように利用するかを説明します |
|
|
|
2007/05/08 |
|
| |
Ajax と XML: Ajax の最高傑作から学ぶ
この記事では、Web 2.0 の世界で抜群に素晴しい Asynchronous JavaScript + XML (Ajax) アプリケーションを紹介します。これらのアプリケーションがユーザー・レベルで成功している理由を理解して、皆さん独自の Web 2.0 アプリケーションで魅力的なユーザー・エクスペリエンスを作り出すために適用できる手法を見つけてください。 |
|
|
|
2007/04/24 |
|
| |
jQuery を使って Ajax 開発を単純化する
jQuery は、JavaScript と Ajax (Asynchronous JavaScript + XML) のプログラミングを単純化する JavaScript ライブラリーです。jQuery は、他の類似の JavaScript ライブラリーとは異なるユニークな考え方を持っており、一般的で複雑なコードを簡潔に表現することができます。この記事では、jQuery の考え方を学び、その特徴と機能を知り、いくつかの一般的な Ajax タスクを実行し、またプラグインを使って jQuery を拡張する方法を学びます。 |
|
|
|
2007/04/10 |
|
| |
セキュアな Ajax マッシュアップの将来を形成する
現在の Web ブラウザーは、複数ソースからのコンテンツを容易かつセキュアに 1 つのページ内に取り込めるようには設計されていません。ここでは、それを実現するために開発者が既存のツールをどのように強引に拡張してきたか、その結果セキュリティーやスケーラビリティーの面からアプリケーションにどのような無理が生じているかを学びます。また、ブラウザーを改善することで、この状況を是正しようという提案や、この制約を乗り越え、新しいレベルの相互運用性を実現する Web 開発を行うための議論に加わる方法についても学びます。 |
|
|
|
2007/04/03 |
|
| |
developerWorksの歩き方 第1回
現場で使える技術を求めて日々Webサイトを巡回する技術者は多い。国内ではコアな情報を扱うサイトや雑誌が少ないが、developerWorksには多くの有益な情報が存在している。本連載では、developerWorksを徹底的に活用するためのガイドを提供します。 |
|
|
|
2007/03/30 |
|
| |
developerWorksの歩き方: 第2回 ゾーンを巡る
前回は、日本語による技術情報が集約された「IBM developerWorks」を紹介しました。今回は、developerWorksにはどういったコンテンツがどのように配置されているのかを紹介します。 |
|
|
|
2007/03/30 |
|
| |
developerWorksの歩き方: 第3回 トレンドをつかむ
developerWorksのコンテンツを十分に味わうには、外部のサービスなども活用した方がいいでしょう。今回は、RSSやソーシャルブックマークを活用してdeveloperWorksの人気記事をチェックしていきます。 |
|
|
|
2007/03/30 |
|
| |
Ajax と XML: Ajax の 5 つのアンチパターン
間違ったやり方を理解することで、逆に正しいやり方の多くを学ぶことになるものです。Ajax (Asynchronous JavaScript + XML) アプリケーションにも当然、誤った作成方法と正しい作成方法があります。そこで今回の記事では、避けなければならない一般的なコーディングの慣習について説明します。 |
|
|
|
2007/03/20 |
|
| |
DHTML と XML を使った表現力豊かな Ajax スライドショー
「Ken Burns エフェクト」を使ってアニメーション化された、Ajax (Asynchronous JavaScript and XML) クライアント・サイド・スライドショーの作成方法を学びましょう。ここでは、Ajax 用の XML データ・ソースを作成し、クライアントから XML データを要求し、そしてその XML を使って HTML 要素を動的に作成し、アニメーション化する方法を学びます。 |
|
|
|
2007/03/16 |
|
| |
Ajax と XML: Ajax に共通の 5 つのデザイン・パターン
Ajax (Asynchronous JavaScript + XML) は確かに 2006年を賑わせた技術用語で、2007年も同じく、あるいはそれ以上に賑わせそうですが、実際のアプリケーションにはどのように影響するのでしょう。また、どの一般的なアーキテクチャー・パターンが Ajax アプリケーションで広く使用されているのでしょうか。この記事では、作業の基盤として使える Ajax に共通の 5 つのデザイン・パターンを紹介します。 |
|
|
|
2007/03/06 |
|
| |
Ajax をマスターする: 第 9 回 Google Ajax Search API を使う
非同期要求を行うということは、自分のサーバー・サイド・プログラムと対話するというだけの話ではありません。Google や Amazon などで持っている公開 API と通信すれば、独自のスクリプトやサーバー・サイド・プログラムが提供する以上の機能を Web アプリケーションに追加できます。この記事では Brett McLaughlin が、Google で提供している公開 API との要求・応答方法を伝授します。 |
|
|
|
2007/01/23 |
|
| |
XForms のヒント: Firefox でクロスドメインのロードと送信を有効にする
Firefox での XForms にはセキュリティー機能が組み込まれており、ユーザーがインスタンス・データを「クロスドメイン」でロードしたり送信したりできないようになっています。クロスドメインのロードや送信は、ポップアップと同様、その Web サイトを信頼できない限り、デフォルトで可能にはしてはいけませんが、このセキュリティー機能はデフォルトで有効になっているので、心配はありません。しかし場合によると、ある Web サイトとの間でインスタンス・データをクロスドメインでロードし、送信できるようにしたいこともあります。このヒントでは、そのための方法を説明します。 |
|
|
|
2007/01/23 |
|
| |
人間にも機械にも意味を理解できる Web、第 2 回: パラレル Web を探る
このシリーズでは、Web に公開された豊富なデータに人間も機械も容易にアクセスできるようにするための既存の技術や新興の技術について、豊富な例を示しながら徹底的に検証します。この記事ではパラレル Web の概念を検証し、また、人間にも読み取り可能で、かつ機械でも利用も可能なコンテンツを Web 上に配置するために Web コンテンツ・パブリッシャーが使用できる 2 つの方法、HTML のリンク要素と HTTP のコンテンツ・ネゴシエーションについて調べます。この 2 つの方法を使うことによってコンテンツ利用者は、Web ページにあるさまざまなフォーマットのデータの中から選べるようになります。この記事では、この 2 つの方法の歴史と、これらが現在 Web 上でどのように展開されているかを学びます。また、パラレル Web を使うことで、MissMASH というサンプル・シナリオの中でカレンダーや銀行取引、写真などのデータを統合する方法についても学びます。そして最後にパラレル Web を評価し、この 2 つの方法は成熟しており広く展開されているものの、人間が読み取り可能な対応コンテンツから機械で読み取り可能なデータを分離することには問題があることを結論づけます。 |
|
|
|
2007/01/17 |
|
| |
Ajax と XML: 5 つのクールな Ajax ウィジェット
Web 2.0 の流行によってユーザー・エクスペリエンスが新たな脚光を浴びるようになりました。そんなユーザー・エクスペリエンスの一端を担うのは、今までの開発にはなかった斬新なユーザーとの対話方法、そしてユーザーに対する情報の表示方法です。ウィジェットとも呼ばれるこれらの新しいインターフェースは、サーバーとのやり取りに Ajax (Asynchronous JavaScript + XML) を使用します。この記事では、サイトの対話性を強化する 5 つのウィジェットを紹介します。 |
|
|
|
2007/01/16 |
|
| |
XML の論考: Ajax のトレードオフ: さまざまな種類の XML
Ajax は Asynchronous JavaScript and XML を表します。そこにはあるのは、最近の Web ブラウザーでは、Web アプリケーションの使用中にサーバーとの間で送受信されるデータ用にチャネルをオープンしたままでも十分な信頼性を確保できる、という考え方です。これは、リンクをたどるとページ全体が新たにロードされるという標準的な Web 技術とは対照的です。Ajax ベースでの開発の多くの側面では、従来の Web ページを設計する場合とは異なる判断が要求されます。例えば「戻る」ボタンをどう処理するのか、更新されたデータをどう表示するのか、どのくらい頻繁に更新を送信するか、などの判断が要求されます。この記事では、そうした中の 1 つの側面に関連した話題、データ交換フォーマットに何を使うべきかについて解説します。 |
|
|
|
2007/01/09 |
|
| |
Rails を使って Web アプリケーションに Ajax を組み込む
Ruby on Rails は、Web アプリケーションを構築するための素晴らしいプラットフォームを提供します。このプラットフォームに組み込まれた Ajax (Asynchronous JavaScript(TM) + XML) 機能を使って、Web 2.0 のリッチなユーザー・インターフェース・エクスペリエンスを皆さんのアプリケーションで実現しましょう。 |
|
|
|
2006/12/19 |
|
| |
境界を越える: Ajax on Rails
Web ページの対話性を高める技術、Ajax に対する熱狂が、さらに高まっています。また Ruby on Rails フレームワークの人気も高まっていますが、その理由の 1 つは Ajax と非常にうまく統合できるという強みがあるためです。Ajax on Rails が、なぜそれほど強力な組み合わせなのか、この記事で学びましょう。 |
|
|
|
2006/12/05 |
|
| |
PHP と RSS: その仕組みを理解する
RSS シンジケーションは最近では至るところで目にします。つまり、PHP 開発者にとって少なくとも RSS とその仕組みを理解することが不可欠になっているということです。そこで、この記事では RSS の基礎知識とその多彩な使用方法のいくつかをはじめ、PHPを使ってデータベースから RSS フィードを作成する方法、そして XML_RSS モジュールで既存の RSS を読み取り、HTML に変換する方法を説明します。 |
|
|
|
2006/12/05 |
|
| |
Ajax をマスターする: 第 8 回 要求および応答での XML の使用
この連載では前回、Ajax アプリケーションがサーバーへの要求を XML にフォーマット設定する方法を説明しました。また、サーバーに XML 要求を送信するのはほとんどの場合、有効ではない理由も説明しました。今回の記事では、多くの場合に有効なこと、つまりクライアントに XML 応答を返すことについて取り上げます。 |
|
|
|
2006/11/07 |
|
| |
IBM Lotus Domino 用の Web 2.0 クライアントの開発
HTML と JavaScript を使用して、Lotus Domino 用に Web 2.0 スタイルのシン Web クライアントを作成します。この記事では、IBM Lotus Domino XML (DXL) フレームワークに関する以前の記事をベースに、Ajax によって Notes/Domino アプリケーションを拡張する方法について説明します。 |
|
|
|
2006/10/31 |
|
| |
真の Web 2.0: ブックマーク? それともタグ? 見事な手腕です!
この記事ではよく知られた Web 2.0 サイトの 1 つ、del.icio.us を、Web XML フィードと JSON を使い、Python および ECMAScript で操作する方法について学びます。Web 2.0 技術について考えるときに思い付くのは最新の Ajax の技かもしれませんが、それは全体像のほんの一部でしかありません。それ以上に基本的な関連事項として、オープン・データ、単純な API、そしてユーザーにソーシャル・ネットワークの形成を促す機能があります。これらの関連事項は同時に、Web アーキテクトにとって Web 2.0 を切実な問題にしています。この連載では、重要な現実世界での Web 2.0 サイトについて一歩踏み込んで見て行き、Web アーキテクトがどうしたら独自の Web サイトで Web の最大の利点を生かせるかを紹介していきます。 |
|
|
|
2006/10/26 |
|
| |
実用的な XML: RSS や Atom フィードを身近にする
この記事では、Web サイトの訪問者が RSS や Atom フィードについて読んで理解する助けになる方法をBeonit が紹介します。 |
|
|
|
2006/10/24 |
|
| |
人間にも機械にも意味を理解できる Web、第 1 回: どうすれば人は Web の豊かさを共有できるか
このシリーズでは、Web に公開された豊富なデータに人間も機械も容易にアクセスできるようにするための、既存の技術や新興の技術について検証します。そして、1 つの Web ページから人間にも機械にもわかりやすいデータを得るための手法の必要性について解説します。また例を使いながらさまざまな手法の間の関係を探り、それぞれの手法の利点と欠点を検証します。このシリーズで詳細に検証する技術としては、パラレル Web によるデータ表現、機械で読み取り可能なデータ生成のためのアルゴリズム型手法、マイクロフォーマット、GRDDL、埋め込み RDF、そして RDFa などがあります。シリーズの最初である今回は、人間とコンピューターとの「競合」について紹介し、さまざまな手法を評価する際に使用する基準について説明し、Web 上で人間と機械とを共存させるために今日使われている主な技術について簡単に説明します。 |
|
|
|
2006/10/24 |
|
| |
PHP での SimpleXML 処理
PHP のバージョン 5 にバンドルされた SimpleXML エクステンションについて学びましょう。SimpleXML エクステンションを使うと、PHP ページで XML をクリエリーし、検索し、修正し、そして PHP で使いやすい構文で再公開することができます。 |
|
|
|
2006/10/10 |
|
| |
Ajax をマスターする: 第 7 回 要求および応答での XML の使用
Brett McLaughlin が、非同期要求を送信するためのデータ・フォーマットとして XML を使う方法を解説します。 |
|
|
|
2006/10/10 |
|
| |
RSS と Atom を使用したニュース・シンジケーションの実装
RSS と Atom テクノロジーの出現は、ニュース・シンジケーションに明るい新時代をもたらしました。とはいえ、Web サイト管理者が毎日手作業でニュースを公開し、メール購読者を管理するには時間がかかります。この記事では、RSS と Atom シンジケーション・フォーマットを使って、一般的なニュース公開アーキテクチャーを実装し、処理を簡単にして人的な誤りを最小限にする方法について説明します。 |
|
|
|
2006/09/26 |
|
| |
XML から JSON を生成し、Ajax で使う
最近では、データ駆動の Web アプリケーションに対話性を追加するために、JavaScript コードを使うことが流行です。データを JSON (JavaScript Object Notation) としてエンコードできれば、そうしたコードを JavaScript 言語で簡単に使えるようになります。 |
|
|
|
2006/09/12 |
|
| |
XForms 入門、第 1 回: フォームのための新しい Web 標準
XForms は、次世代の Web ベースのデータ処理技術です。XForms は従来の HTML フォームを、XML データ・モデルとプレゼンテーション要素で置き換えています。今回の記事では、XForms の動作の実際と、XForms のサンプルが見られるように Firefox と Microsoft Internet Explorer で XForms を設定する方法について説明します。 |
|
|
|
2006/09/12 |
|
| |
Ajax をマスターする: 第 6 回 DOM ベース Web アプリケーションの作成
DOM (Document Object Model) と JavaScript コードを組み合わせて、対話式 Ajax アプリケーションを構築します。今回は、すべての知識を実践に生かして、しゃれた効果のある単純な Web ページを作成します。 |
|
|
|
2006/09/12 |
|
| |
XQuery を使ってマッシュアップを強化する
今日の Web 開発者やアーキテクトは、より優れたユーザー・エクスペリエンスを与えてくれる、動的な Web アプリケーションを開発することができます。しかし、Web アプリケーション・フレームワークのパラダイムを変えることは、多くの困難を伴います。こうした困難に直面した場合に XQuery がいかに効果的かを、サンプルのマッシュアップ (mashup) アプリケーションを作成しながら学びましょう。 |
|
|
|
2006/07/25 |
|
| |
SVG と XML による実務グラフ作成
XML、PHP、そして SVG (Scalable Vector Graphics) 標準を使ってビジネス・グラフを作成する方法を学びましょう。SVG 標準は、グラフィックスを、無限大のベクトル・スケーラビリティーとビジュアル・効果があり、さらにはスクリプトによる対話性まであるものにしてくれます。 |
|
|
|
2006/07/18 |
|
| |
Ajax RSS リーダー
Ajax (Asynchronous JavaScript and XML) RSS (Really Simple Syndication) リーダーと、RSS フィードで記事を読むために Web サイトに設置する Web コンポーネントの構築方法を学びます。 |
|
|
|
2006/07/06 |
|
| |
OpenLaszloでリッチなWebクライアントを実現
OpenLaszloはリッチ・クライアントのアプリケーション・アーキテクチャーであり、MacromediaのFlashをデプロイメント手段として使用します。OpenLaszloの設計方式は宣言型であり、JavaScriptのロジックに依存しているため、従来のFlash開発よりも優れています。ここでは、OpenLaszloの基本的な概念について説明し、OpenLaszloソリューションが役立つ事例を示します。 |
|
|
|
2006/02/21 |
|
| |
Ajax をマスターする: 第 3 回 Ajax での高度な要求と応答
多くの Web 開発者たちにとって、シンプルな要求を行って、シンプルな応答を受け取ることができれば、それですべての必要は満たせます。しかし Ajax をマスターしたいのであれば、HTTP ステータス・コード、Ready 状態、そして XMLHttpRequest オブジェクトを完全に理解することが必須です。今回の記事では、Brett McLaughlin が各種のステータス・コードを紹介し、そのそれぞれをブラウザーがどのように処理するかを説明します。そして最後に、使用されることは少ないものの Ajax を使用して実行できる HTTP 要求を紹介します。 |
|
|
|
2006/02/14 |
|
| |
HTMLの将来、パート2:XHTML 2.0
2つのパートからなるこのシリーズでは、今後のHTMLに関してWeb制作者、ブラウザー開発者や標準化団体が提案しているさまざまな方法をEdd Dumbillが論じます。このシリーズでは、WHATWG仕様で実現される漸進的なアプローチと、W3Cにより提案された急進的なXHTMLのクリーンアップについて扱います。さらに、W3Cの新たなRich Client Activityについても概要を述べます。このパート2では、Eddは、将来のWebマークアップを指定するためにW3Cで進められている作業に重点を置いて説明します。 |
|
|
|
2006/01/25 |
|
| |
Ajax をマスターする: 第 2 回 JavaScript と Ajax を使用して行う非同期要求
大抵の Web アプリケーションでは、サーバーから HTML ページをまるごと取得する要求/応答モデルを使用します。このモデルを使用したやり取りは、ボタンをクリックしてサーバーからの応答を待ち、また別のボタンをクリックして再び待機するといったものになってしまいます。一方 Ajax と XMLHttpRequest オブジェクトを使用すれば、ユーザーがサーバーからの応答を待つ必要のない要求/応答モデルを使用することができます。今回の記事では、Brett McLaughlin が特定のブラウザーに依存しないように XMLHttpRequest インスタンスを作成する方法、要求を作成して送信する方法、そしてサーバーからの応答を処理する方法を説明します。 |
|
|
|
2006/01/17 |
|
| |
Java Web開発者フレームワーク内でのVoiceXMLページの作成 : XML
インターネットでページを表示することと電話で問い合わせに答えることの間には大きな隔たりがあるように見えますが、実際にはそうでもありません。この記事では、Webページを動的に作成するのと同じテクニックで、（ヴァーチャルな）電話に対応できることを説明します。 |
|
|
|
2006/01/17 |
|
| |
Ajax をマスターする: 第 1 回 Ajax の紹介
HTML、JavaScript、DHTML、そして DOM からなる Ajax は、魅力のない Web インターフェースをインタラクティブな Ajax アプリケーションに変換するための卓越した手法です。この記事では Ajax のエキスパートである著者が、Ajax を構成する技術が連動して極めて効率的な Web 開発を容易に実現する仕組みを、その概要から詳細に至るまで実例で説明します。さらに XMLHttpRequest オブジェクトをはじめ、Ajax の中心となる概念についても明らかにします。 |
|
|
|
2005/12/06 |
|
| |
HTMLの将来、パート1：WHATWG
2つのパートからなるこのシリーズでは、今後のHTMLに関してWeb制作者、ブラウザ開発者や標準化団体が提案しているさまざまな方法をEdd Dumbillが論じます。このパート1ではEddは、WHATWGが開発中であるWeb Applications 1.0（HTML5）とWeb Forms 2.0との2種類の仕様に主に重点を置いて説明します。 |
|
|
|
2005/12/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 |
|
| |
XJによるXML処理の単純化
この記事では、Javaプログラミング言語にXMLの直接サポートを追加する言語拡張のセット、XML Enhancements for Java（XJ）をわかりやすく紹介します。著者は、XJを開発したチームのメンバーです。 |
|
|
|
2005/06/28 |
|
| |
