 |
|
|
|
|
|
渋谷テクニカルナイト講師陣が語る新技術動向: 第 2 回: DojoツールキットのDataGridを使いこなす
高機能JavaScriptライブラリとして、操作性、応答性にすぐれたWebアプリケーションのUI構築に威力を発揮する「Dojoツールキット」。その多彩な機能の中でも、特にビジネスアプリケーションに不可欠なコンポーネント（ウィジェット）が、データコレクションの表示、編集機能を提供するDataGridです。本稿では、この多機能で柔軟なカスタマイズが可能なDataGridを利用した、典型的なデータ入出力のUI作成方法を紹介します。 |
|
|
|
2009/02/13 |
|
| |
渋谷テクニカルナイト講師陣が語る新技術動向: 第 1 回: Dojoツールキットで始めるオブジェクト指向
この記事は、IBM developerWorks主催の渋谷テクニカルナイトで2008年10月10日に実施したセミナーの内容を記事に起こしたものです。 |
|
|
|
2009/02/13 |
|
| |
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 |
|
| |
OpenLaszlo: パフォーマンスの調整
パフォーマンス面を考慮したLZXコーディングの要点としては、各画面の表示(インスタンス生成)やデータ表示(データバインディング)という特に負荷の高い処理に対して注意を注ぐことになります。どちらの処理にしても、一度に全てを処理させず、いかに効果的に処理を後回しさせるかということに尽きます。本稿ではその点に重点を置いたLZXコーディングの方法を紹介します。 |
|
|
|
2007/12/14 |
|
| |
OpenLaszlo: パフォーマンスの考察
日本では意外と知られていないオープンソースのRIA/Ajax開発プラットフォームであるOpenLaszloについて、“システム開発”の視点からその導入方法について紹介する連載です。今回は、パフォーマンスに気をつけたLZXコーディングを行う前に、アプリケーションのパフォーマンスの勘所と切り分け方について解説します。 |
|
|
|
2007/11/30 |
|
| |
OpenLaszlo: Flashならではの表現力 - OpenLaszloのSWFコンパイル
2回目の記事でOpenLaszlo4を使って一つのソースコードからSWFとDHTMLの両方を出力させる方法がわかっていただけたでしょうか。今回はブラウザに搭載されたJavascriptでは表現できない機能をswfコンパイルを使うことで実現する方法を紹介したいと思います。ここではフォントの埋め込み、画像やフォントの回転、プログラムによる描画といった表現力の向上と、ビデオ、オーディオのストリーミング機能を使ったビデオ配信やweb会議システムの構築などリッチメディアを扱う方法をオープンソースのストリーミングサーバーRed5を使って作成する方法を説明します。 |
|
|
|
2007/11/02 |
|
| |
OpenLaszlo: OpenLaszloで簡単にリッチなAjaxアプリ開発
OpenLaszloは非同期通信、動的更新といったAjaxの特徴を備えながら、しかもFlashコンテンツなどリッチなUIを持つRIAアプリ開発を実現できるフレームワークです。OpenLaszloバージョン4からそれらの特長を生かしたままDHTML(Ajax)出力もできるようになり、適用範囲が大きく広がりました。本稿では一例として同じ動作をするサンプルプログラムについて一般のAjaxとOpenLaszloでのコードを比較し、その大きな違いとOpenLaszloの利点について解説します。 |
|
|
|
2007/10/26 |
|
| |
OpenLaszlo: 今すぐできるWebシステムのRIA/Ajax化
日本では意外と知られていないオープンソースのRIA/Ajax開発プラットフォームであるOpenLaszloについて、”システム開発”の視点からその導入方法について紹介する連載です。WebシステムをRIA/Ajaxにしたい/してみたいとお考えの皆さん。OpenLaszloを使えばシステムに大幅な変更をせずに、今すぐにでも移行できます。OpenLaszloはMVCモデルを*完全に*実現します。そのため、OpenLaszloでクライアントプログラムを作成すればサーバサイドはほぼそのまま現状のものを使うことができます。連載第一回目は、OpenLaszloを導入した際にサーバサイドプログラムがどうなるかについて解説いたします。 |
|
|
|
2007/10/19 |
|
| |
DHTML と XML を使った表現力豊かな Ajax スライドショー
「Ken Burns エフェクト」を使ってアニメーション化された、Ajax (Asynchronous JavaScript and XML) クライアント・サイド・スライドショーの作成方法を学びましょう。ここでは、Ajax 用の XML データ・ソースを作成し、クライアントから XML データを要求し、そしてその XML を使って HTML 要素を動的に作成し、アニメーション化する方法を学びます。 |
|
|
|
2007/03/16 |
|
| |
Ajax をマスターする: 第 9 回 Google Ajax Search API を使う
非同期要求を行うということは、自分のサーバー・サイド・プログラムと対話するというだけの話ではありません。Google や Amazon などで持っている公開 API と通信すれば、独自のスクリプトやサーバー・サイド・プログラムが提供する以上の機能を Web アプリケーションに追加できます。この記事では Brett McLaughlin が、Google で提供している公開 API との要求・応答方法を伝授します。 |
|
|
|
2007/01/23 |
|
| |
Ajax と XML: 5 つのクールな Ajax ウィジェット
Web 2.0 の流行によってユーザー・エクスペリエンスが新たな脚光を浴びるようになりました。そんなユーザー・エクスペリエンスの一端を担うのは、今までの開発にはなかった斬新なユーザーとの対話方法、そしてユーザーに対する情報の表示方法です。ウィジェットとも呼ばれるこれらの新しいインターフェースは、サーバーとのやり取りに Ajax (Asynchronous JavaScript + XML) を使用します。この記事では、サイトの対話性を強化する 5 つのウィジェットを紹介します。 |
|
|
|
2007/01/16 |
|
| |
XForms の repeat を最大限に利用する
XForms は、XML データを扱う上での強力な機構を数多く提供しています。そうした機構の 1 つが「repeat」要素です。repeat 要素を使うことによって、XML の中にある同種のデータ・セットに対する繰り返しを、素早く容易に実装することができます。さらに、そうしたデータ・セットを表の形式で表示することができ、また繰り返しセットの中に特定のデータ片を挿入、削除するような、動的な動作を持たせることもできます。この記事で、XForms の repeat を最大限に利用するためのヒントと要領を学んでください。 |
|
|
|
2006/11/21 |
|
| |
XMLの論考: MochiKit
MochiKit は、JavaScript 用の便利な上位ライブラリーです。MochiKit は、Python や Python 標準ライブラリーが提供する多くの便利な機能から主な着想を得ており、また別の側面として、ブラウザーのバージョン間での違いを吸収してくれます。特に MochiKit.DOM は手軽なコンポーネントであり、これを使うことで、「生の」 JavaScript で処理する場合よりもずっと容易に DOM オブジェクトを処理することができます。多くの MochiKit.DOM は XHTML の処理にカスタマイズされているため、特に MochiKit と Ajax を組み合わせる場合には、XHTML でラップされたマイクロフォーマットを使えることは非常に便利かもしれません。 |
|
|
|
2006/11/21 |
|
| |
Ajax をマスターする: 第 8 回 要求および応答での XML の使用
この連載では前回、Ajax アプリケーションがサーバーへの要求を XML にフォーマット設定する方法を説明しました。また、サーバーに XML 要求を送信するのはほとんどの場合、有効ではない理由も説明しました。今回の記事では、多くの場合に有効なこと、つまりクライアントに XML 応答を返すことについて取り上げます。 |
|
|
|
2006/11/07 |
|
| |
Ajax をマスターする: 第 7 回 要求および応答での XML の使用
Brett McLaughlin が、非同期要求を送信するためのデータ・フォーマットとして XML を使う方法を解説します。 |
|
|
|
2006/10/10 |
|
| |
Ajax をマスターする: 第 6 回 DOM ベース Web アプリケーションの作成
DOM (Document Object Model) と JavaScript コードを組み合わせて、対話式 Ajax アプリケーションを構築します。今回は、すべての知識を実践に生かして、しゃれた効果のある単純な Web ページを作成します。 |
|
|
|
2006/09/12 |
|
| |
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 |
|
| |
クロス・ブラウザーDHTMLテーブル
HTMLのテーブル・タグを使用すると、Webページの内容を効果的に、また読みやすいフォーマットで構成することができます。しかし、データの表示以上のことを望む場合、このタグでは限界があります。Javaアプレットの使用も可能ですが、読み込みに時間がかかり面倒です。この記事では、Shelley Saxena氏がDHTMLやJavaScriptによるクロス・ブラウザー・テーブルの作成方法を説明します。クロス・ブラウザー・テーブルには、Javaによるテーブル・コンポーネントとほぼ同じ機能があります。 |
|
|
|
2001/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 |
|
| |
