Yahoo! User Interface Library - YUI

Yahoo!® User Interface Library (YUI)とは、その名の通りYahoo!が提供しているDHTMLやAJAXを使ってアプリケーションを作るためのライブラリーです。このライブラリーは、BSDライセンスのもと誰でも無料で利用することが可能です。

では早速、YUIで用意されている以下のクラスを個別に見ていきましょう

• Event
  onClickやonSelectなどのイベントハンドラーを共通的に扱うユーティリティー
• Dom Collection
  DOM スクリプティングを簡単に共通的に扱うユーティリティー
• Connection Manager
  AJAXを行うためのユーティリティー
• Drag and Drop
  ドラッグ＆ドロップ可能な要素を作るためのユーティリティー
• Animation
  指定した通りに要素を動かしたり、視覚的効果を追加するためのユーティリティー
• Autocomplete
  入力候補を出す仕組みを提供。データソースとしてXMLはもちろん、javascriptの配列なども利用することが可能
• Calendar
  カレンダーUIを作成することができる。選択した日付をEvent追加で簡単に取得できたりする。
• Module
  YUI Container Family(Module, Overlay, Tooltip, Panel, Dialog, SimpleDialog)の基本クラス。他のContainer Familyでも良く使う、hide(), show() などのメソッドはこのクラスのもの。単体では使わないかもしれないが知っておくと役立つかも
• Overlay
  YUI Container Family(Module, Overlay, Tooltip, Panel, Dialog, SimpleDialog)の基本クラス。Module + 位置といったカンジの機能。単体では使わないかもしれないが知っておくと役立つかも
• Tooltip
  HTML Elementにカーソルを合わせると吹き出しがでるUIを作成することができる。ちょっとしたヘルプメッセージの表示に最適。
• Panel
  まさにパネルを作成するためのクラス。ドラッグできたり、クローズボタンがあったりOSのウィンドウさながら。影をつけたりディテールもこだわっていたりする。
• Dialog
  Panelにフォームを作成する機能をつかしたクラス。もちろん普通のフォームではなくて"AJAXフォーム"(適当に名づけてみる)を行うことが可能。
• SimpleDialog
  基本的にDialogとあまりかわらないが、ユーザに注意文を出して、'Yes', 'No' を聞くjavascriptのalertにも似た機能に特化したクラス。
• Menu
  メニューバーや、コンテキストメニュー(右クリック)を作成するクラス。