 |
|
|
|
|
|
企業システムでも使われるウィジェット技術: 第 1 回 IBM 共通のウィジェット技術 iWidget
本連載では、ウィジェット関連の技術動向についてご紹介していきます。第1回となる本稿ではユーザー・インターフェースにおいてウィジェットの果たす役割と価値を整理した上で、コードを交えてIBMが取り組むiWidget仕様に基づいたアプリケーションの仕組みを解説します。 |
|
|
|
2009/10/30 |
|
| |
Agavi による MVC プログラミング入門: 第 1 回 Agavi を使って、まったく新しい世界の扉を開く
今回から始まるこの 5 回連載の記事が対象とする読者は、オープンソースの柔軟かつスケーラブルなフレームワークである Agavi について興味のある PHP 開発者です。第 1 回目となるこの記事では、まず Agavi フレームワークとその他の必要なコンポーネントのインストール手順を紹介します。続いて Agavi とその機能の概要について説明した後、Agavi を使った初めての Web アプリケーションの作成に取り組みます。 |
|
|
|
2009/08/25 |
|
| |
分散型の Web 開発の様相を変える Git
アプリケーション、Web サイト、オペレーティング・システムのどれを作成する場合であれ、バージョン管理システムは大部分の開発プロジェクトのコア・コンポーネントです。ほとんどのプロジェクトには複数の開発者が関係し、また多くの場合、そうした人達は物理的に遠く離れた場所で作業を行います。分散型のバージョン管理システムは決して新しいものではありませんが、Git バージョン管理システムは開発者同士のやり取りや共同作業をサポートする独特の機能を持っています。 |
|
|
|
2009/08/25 |
|
| |
より優れた Web ページを組み立てるために
CSS (Cascading Style Sheets) フレームワークは、Web ページの設計、開発を効率化するとともに、単純化します。さらに CSS フレームワークで作成した Web ページは、すべてのブラウザーでより統一された結果をもたらします。この記事では、それぞれに独特な理念を持つ 2 つの CSS フレームワークを取り上げて検討します。 |
|
|
|
2009/06/23 |
|
| |
Firefox3 と Internet Explorer 7 上で実行される Web ポータルの表示を標準化する
Firefox3 と Internet Explorer 7 での表示は異なるのでしょうか。この 2 つのブラウザーの動作を同じにするための最善の方法は何でしょう。ピクセルと em 値のどちらを使う必要があるのでしょう。developerWorks へのおなじみの寄稿者である Judith M. Myerson が、Firefox と IE 上で実行される Web ポータルの表示を標準化するための方法を説明します。この記事では、em 値を使って (Ajax アプリケーションを含めた) Web ポータルのコンテンツ作成作業をずっと簡単なものにするための秘訣とヒントを紹介します。 |
|
|
|
2008/11/11 |
|
| |
HTML、JavaScript、そして Ajax の開発とデバッグに必須のツール
最高のオープンソース・ツールを使って Web ページやスクリプト、スタイルに関する作業を行い、新しいサイトやページの開発を容易にしましょう。また、HTML マークアップや CSS、そして JavaScript の調査や変更を即座に行い、DOM や、クライアント/サーバー間の通信を調べ、ブックマークレットによって開発がどれほど安全で容易になるかを学びましょう。 |
|
|
|
2008/03/11 |
|
| |
Web サイトを引き継ぐ: Web サイトを維持管理可能な状態にする
理想の世界では、Web サイトの管理、改良、そして再設計は、Web サイトを作成した人自らが行います。残念なことに現実の世界では、誰か他の人が設計、あるいは構築したサイトを引き継がざるを得ないことがよくあります。 |
|
|
|
2008/02/28 |
|
| |
Ajax と XML: フォームのための Ajax
HTML フォームをサーバーへの Ajax コールバックで拡張するという方法は、アプリケーションに Web 2.0 機能を追加するための実用的な方法です。この記事では、Ajax コードを追加して PHP アプリケーションのユーザー・エクスペリエンスを向上させる数々の手法を紹介します。 |
|
|
|
2008/01/22 |
|
| |
HTML V5 と XHTML V2
HTML V5 と XHTML V2 はどちらも既存のバージョンを改善することを目的としていますが、その改善を行うために開発者が選択した方法は非常に異なっています。この両標準の異なる設計思想がもたらす結果も明らかに異なっており、ブラウザーの長い歴史の中で初めてのことですが、今後のブラウザーのバージョンの方向性が明確でなくなっています。この記事では、この 2 つの標準の詳細の背景にある、全体像を探ります。 |
|
|
|
2007/11/20 |
|
| |
Web 開発のヒント: すべての Web サイトに必要な 10 の (あるいはさらに多くの) ファイル
どのような CMS (Content Management System) や Web アプリケーション・フレームワークを使って Web サイトを開発する場合にも、必ず守らなければならない基本があります。高度なユーザー・インターフェースやリッチなコンテンツを持つことは素晴らしいことですが、そこに至る前に、当然見つかるものとユーザーが期待する、またそのサイトが何をするのかを人間に対しても機械に対しても伝える、基本ファイルを提供する必要があります。 |
|
|
|
2007/09/11 |
|
| |
HTML 5 の新要素
HTML 5 は、2000年以降初めて、HTML に新しい要素を導入します。新しい構成要素には aside と figure、そして section があります。新しいインライン要素には time と meter、そして progress があります。新しい埋め込み要素には video と audio があります。新しい対話要素には details と datagrid、そして command があります。 |
|
|
|
2007/08/07 |
|
| |
Ajax アプリケーションに対するセキュリティーの脅威を克服する
Ajax (Asynchronous JavaScript + XML) は Web 2.0 の鍵となる技術です。Ajax を利用すると、ユーザーは Web ブラウザーが行うサーバーとの通信とは別に、Web ページと対話動作を行うことができます。何よりも Ajax によって、複数のコンテンツあるいはサービスを 1 つのユーザー・エクスペリエンスに統合するマッシュアップが促進されます。しかし、動的でマルチドメインという性質を持つ Ajax とマッシュアップ技術によって、新しいタイプの脅威が生じます。この記事では、Ajax 技術に関連する脅威について学び、そうした脅威を回避するためのベスト・プラクティスを見つけましょう。 |
|
|
|
2007/06/19 |
|
| |
XHTML 2 を今すぐ使う
XHTML 2 仕様はまだ完成していませんが、既に XHTML 1 よりも優れた点を数多く持っています。例えば、さまざまな構造を取り得るようになったため、単一ソースのパブリッシング・システムの中心スキーマとしての役割を担う編集フォーマットとして、XHTML 1 よりも実用的です。XHTML 2 の新しいユーザー・インターフェース機能をブラウザーがサポートするまで待たなくても、大規模な、あるいは小規模なパブリッシング作業を行うために、これらの機能を今からでも使い始めることができます。 |
|
|
|
2007/06/12 |
|
| |
XForms の repeat を最大限に利用する
XForms は、XML データを扱う上での強力な機構を数多く提供しています。そうした機構の 1 つが「repeat」要素です。repeat 要素を使うことによって、XML の中にある同種のデータ・セットに対する繰り返しを、素早く容易に実装することができます。さらに、そうしたデータ・セットを表の形式で表示することができ、また繰り返しセットの中に特定のデータ片を挿入、削除するような、動的な動作を持たせることもできます。この記事で、XForms の repeat を最大限に利用するためのヒントと要領を学んでください。 |
|
|
|
2006/11/21 |
|
| |
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 |
|
| |
Ajax をマスターする: 第 6 回 DOM ベース Web アプリケーションの作成
DOM (Document Object Model) と JavaScript コードを組み合わせて、対話式 Ajax アプリケーションを構築します。今回は、すべての知識を実践に生かして、しゃれた効果のある単純な Web ページを作成します。 |
|
|
|
2006/09/12 |
|
| |
ヒント：データURIを使用して、XMLにメディアを含める
データ・スキームURIはURI内で完全なリソースを指定する方法の1つであり、それをXML構造体で使用することができます。この手段を使用して関連メディアを1つのファイルにまとめる方法を説明します。 |
|
|
|
2006/02/15 |
|
| |
Ajax をマスターする: 第 3 回 Ajax での高度な要求と応答
多くの Web 開発者たちにとって、シンプルな要求を行って、シンプルな応答を受け取ることができれば、それですべての必要は満たせます。しかし Ajax をマスターしたいのであれば、HTTP ステータス・コード、Ready 状態、そして XMLHttpRequest オブジェクトを完全に理解することが必須です。今回の記事では、Brett McLaughlin が各種のステータス・コードを紹介し、そのそれぞれをブラウザーがどのように処理するかを説明します。そして最後に、使用されることは少ないものの Ajax を使用して実行できる HTTP 要求を紹介します。 |
|
|
|
2006/02/14 |
|
| |
Ajax をマスターする: 第 2 回 JavaScript と Ajax を使用して行う非同期要求
大抵の Web アプリケーションでは、サーバーから HTML ページをまるごと取得する要求/応答モデルを使用します。このモデルを使用したやり取りは、ボタンをクリックしてサーバーからの応答を待ち、また別のボタンをクリックして再び待機するといったものになってしまいます。一方 Ajax と XMLHttpRequest オブジェクトを使用すれば、ユーザーがサーバーからの応答を待つ必要のない要求/応答モデルを使用することができます。今回の記事では、Brett McLaughlin が特定のブラウザーに依存しないように XMLHttpRequest インスタンスを作成する方法、要求を作成して送信する方法、そしてサーバーからの応答を処理する方法を説明します。 |
|
|
|
2006/01/17 |
|
| |
初心者のためのwxHTML
HTMLは、いろいろな用途に使われていますが、とりわけレポートやオンライン・ヘルプに多用されています。アプリケーションにWebブラウザーを組み込んでおけば、クライアントがそのページを閲覧するために使用するブラウザーに気を配る必要がなくなり、また、HTMLページを元のアプリケーションに関係付けるためのカスタム・タグを作成することができます。たとえば、IDEに組み込まれたヘルプ・システムを例に挙げると、ユーザーは、カスタム・タグを仕込んでおいた関数リファレンスをブラウズし、関数名をクリックすると、関数呼び出しをユーザーのコードに追加することも出来るでしょう。 |
|
|
|
2002/05/01 |
|
| |
Internet Explorer 4以降でJavaScriptを使用して動的HTMLを作成する
この記事は、Paul Wilton著Beginning JavaScript の第12章 『Dynamic HTML』からの抜粋です。ここでは、HTMLページ内のタグにアクセスしてそれらを動的に変更し、ユーザー対話を強化するための方法について、概要を述べます。この記事は、MicrosoftのInternet Explorerブラウザー、バージョン4.0以降でJavaScriptを使用してHTMLページに動的コンテンツを作成するための、いくつかの簡単な (しかも面白い) 例を紹介しています。それぞれの例ではフル・コードをリストし、動作の仕組みも説明されています。例を使用するためには、テキスト・エディターに打ち込み、それを .htmファイルとして保管したうえで、Internet Explorerにロードしてください。 |
|
|
|
2001/04/01 |
|
| |
