ダイナミックHTML
ダイナミックHTML（DHTML）は、静的なHTMLコンテンツをCSSやJavaScriptなどのクライアントサイドスクリプト言語を用いて動的に変更する技術の総称です。これにより、視覚的に魅力的なウェブページを作成することが可能となり、1990年代後半のブラウザ戦争を背景に発展しました。
1997年当時、JavaScriptからHTMLを操作する方法はブラウザごとに異なり、ウェブ開発者はブラウザごとに異なるコードを書く必要がありました。この問題を解決するため、1998年10月にW3Cは、クライアントサイドスクリプト言語とHTMLドキュメントの間のインターフェースとして機能するDocument Object Model（DOM）を勧告しました。DOMをサポートする新しいブラウザ（Internet Explorer 5.0、Netscape 6.0、Mozilla Firefox、Opera 7.0など）が登場したことで、開発者はブラウザを気にすることなく、一つのコードでHTMLドキュメントを操作できるようになりました。
当初、ダイナミックHTMLの応用方法は明確ではありませんでしたが、2005年頃のAjaxの登場をきっかけに、Webアプリケーション開発において広く利用されるようになりました。Ajaxは、Webページの一部分だけを更新することで、ユーザーエクスペリエンスを向上させる技術であり、ダイナミックHTMLはその基礎を支えています。
HTML Application（HTA）は、ダイナミックHTMLの機能を活用して、Microsoft Windows上で動作するアプリケーションを作成する仕組みです。インタラクティブなウェブページの作成を容易にしたダイナミックHTMLの技術を、一般的なアプリケーション開発に応用したものです。HTAファイルは、通常のHTMLファイルの拡張子を「.hta」に変更するだけで作成できます。
HTAには、ダイナミックHTMLにはない固有の要素として、HTA:APPLICATION要素があります。また、ActiveXやローカルファイルへのアクセス制限がないのも特徴です。HTAを実行するには、Internet Explorer 5.0以上が必要です。HTAから外部リソースへのHTTPリクエスト送信時には、HTTP_REFERERにHTAファイルのフルパスが含まれる場合があるため、パスに個人情報が含まれる場合は注意が必要です。
Mac OS X v10.4 Tigerから搭載されたDashboardは、Widgetという小型アプリケーションを実行できる機能を提供しています。Widgetは、HTML、CSS、JavaScriptを用いて開発されており、HTMLとスタイルシートで外観を定義し、JavaScriptで制御するという構造を持ちます。この仕組みは、先行して登場したKonfabulatorというソフトウェアに似ています。
ただし、Dashboard自体は、Mac OS X v10.3から搭載されたウィンドウ一覧表示機能Exposéの拡張機能であり、Widgetは通常は隠れているという点が異なります。また、インターフェースの記述に用いるマークアップ言語もKonfabulatorとは異なります。Widgetは、ネットワーク接続や、他のアプリケーションへのイベント送信、アプリケーションやシェルスクリプトの実行も可能です。WidgetのJavaScript制御パッケージは、Sherlock 3の後継技術と位置づけられます。
XUL
Extensible Application Markup Language (XAML)
Ajax
標準に準拠したDHTML
DOMを利用した3Dアニメ
Updating DHTML Web Pages for next generation browsers
互換性の無いDHTML
Navigator 4 Dynamic HTML Developer Central
* Dynamic HTML
背景
1997年当時、JavaScriptからHTMLを操作する方法はブラウザごとに異なり、ウェブ開発者はブラウザごとに異なるコードを書く必要がありました。この問題を解決するため、1998年10月にW3Cは、クライアントサイドスクリプト言語とHTMLドキュメントの間のインターフェースとして機能するDocument Object Model（DOM）を勧告しました。DOMをサポートする新しいブラウザ（Internet Explorer 5.0、Netscape 6.0、Mozilla Firefox、Opera 7.0など）が登場したことで、開発者はブラウザを気にすることなく、一つのコードでHTMLドキュメントを操作できるようになりました。
当初、ダイナミックHTMLの応用方法は明確ではありませんでしたが、2005年頃のAjaxの登場をきっかけに、Webアプリケーション開発において広く利用されるようになりました。Ajaxは、Webページの一部分だけを更新することで、ユーザーエクスペリエンスを向上させる技術であり、ダイナミックHTMLはその基礎を支えています。
HTML Application
HTML Application（HTA）は、ダイナミックHTMLの機能を活用して、Microsoft Windows上で動作するアプリケーションを作成する仕組みです。インタラクティブなウェブページの作成を容易にしたダイナミックHTMLの技術を、一般的なアプリケーション開発に応用したものです。HTAファイルは、通常のHTMLファイルの拡張子を「.hta」に変更するだけで作成できます。
HTAには、ダイナミックHTMLにはない固有の要素として、HTA:APPLICATION要素があります。また、ActiveXやローカルファイルへのアクセス制限がないのも特徴です。HTAを実行するには、Internet Explorer 5.0以上が必要です。HTAから外部リソースへのHTTPリクエスト送信時には、HTTP_REFERERにHTAファイルのフルパスが含まれる場合があるため、パスに個人情報が含まれる場合は注意が必要です。
Dashboard
Mac OS X v10.4 Tigerから搭載されたDashboardは、Widgetという小型アプリケーションを実行できる機能を提供しています。Widgetは、HTML、CSS、JavaScriptを用いて開発されており、HTMLとスタイルシートで外観を定義し、JavaScriptで制御するという構造を持ちます。この仕組みは、先行して登場したKonfabulatorというソフトウェアに似ています。
ただし、Dashboard自体は、Mac OS X v10.3から搭載されたウィンドウ一覧表示機能Exposéの拡張機能であり、Widgetは通常は隠れているという点が異なります。また、インターフェースの記述に用いるマークアップ言語もKonfabulatorとは異なります。Widgetは、ネットワーク接続や、他のアプリケーションへのイベント送信、アプリケーションやシェルスクリプトの実行も可能です。WidgetのJavaScript制御パッケージは、Sherlock 3の後継技術と位置づけられます。
関連項目
XUL
Extensible Application Markup Language (XAML)
Ajax
外部リンク
標準に準拠したDHTML
DOMを利用した3Dアニメ
Updating DHTML Web Pages for next generation browsers
互換性の無いDHTML
Navigator 4 Dynamic HTML Developer Central
* Dynamic HTML
もう一度検索
【記事の利用について】
タイトルと記事文章は、記事のあるページにリンクを張っていただければ、無料で利用できます。
※画像は、利用できませんのでご注意ください。
【リンクついて】
リンクフリーです。