ユーザーエクスペリエンス（UE）の向上
これまで、この記事はJavaScript フレームワークを使用する利点と、それによって対話型アプリケーションの構築がどのように容易になるかに重点を置いてきました。しかしその一方で、各フレームワークには、ユーザー インターフェイス (UI) コンポーネントやユーザー エクスペリエンス (UE) の強化など、独自の魅力的な展望があり、多大な労力を必要とします。
この章では、Prototype、jQuery、YUI、ExtJS、MooTools のフレームワークのユーザー エクスペリエンスについて説明します。
プロトタイプ
プロトタイプは、既製の UI コンポーネントやユーザー エクスペリエンスの強化が含まれていない数少ないものの 1 つです。代わりに、script.aculo.us (既知の最新バージョンである Scripty2) のすべての姉妹ライブラリに従います。 script.aculo.us は、プロトタイプのエフェクトと動作の広範なサポートを追加します。これらの効果には、ハイライト、変形、折りたたみ、震え、スライド、展開が含まれます。 script.aculo.us は、ドラッグ アンド ドロップ、スライド、Ajax リアルタイム編集、自動プロンプトもサポートしています。 Script.aculo.us は、コントロール (スライダーやオートコンプリートなど) の設計を開発者に任せており、標準スキンは提供していません。
jQuery
プロトタイプ ライブラリとは異なり、jQuery にはその中核にいくつかの基本的なユーザー エクスペリエンスが含まれています。これは、スライドやフェードなど、Script.aculo.us のいくつかの単純な効果に似ています。ただし、より高度なユーザー エクスペリエンス機能を使用するには、ドラッグ、ズーム、並べ替えなどの追加の効果が含まれる jQuery UI ライブラリをダウンロードする必要があります。 Script.aculo.us とは異なり、jQuery UI にはいくつかの小さなウィジェットやコンポーネントも含まれており、開発者にとってより魅力的な口実が提供されるため、開発が容易になります。現在、これらのコンポーネントには、Accordion、Datepicker、Dialog、Progressbar、Slider、および Tabs が含まれます。ウィジェットは完全にテーマ対応であり、jQuery UI には独自の Web サイトや Web アプリケーションのニーズに合わせて使用できる幅広いテーマが用意されています。図 1 は、jQuery UI Datepicker ウィジェットと Apple テーマを示しています。
図 1: jQuery UI Datepicker ウィジェット
.jpg)