Yahoo User Interface Library ~ リッチなUI開発に最適なAjaxライブラリのまとめ
リッチなUI開発に最適なAjaxライブラリのまとめ情報
Yahoo! User Interface Libraryは(YUI)、その名の通りに米Yahoo!が開発したAjaxライブラリです。Yahoo!自身が利用しており、つねにメンテナンスとバージョンアップが行われているため、品質、クロスブラウザ対応や安定性の面など安心して利用できるでしょう。
Ajaxでユーザーインターフェイスを構築するための部品として、さまざまなメニュー、カレンダーやカラーピッカー、タブ、リッチテキストエディタなどのコンポーネントが揃っているだけでなく、DOM操作やイベントハンドリング、テスト用ライブラリやJavaScript圧縮ツールなど、幅広くJavaScriptを強化するための機能を備えています。
公式サイトとリファレンス
まずは公式サイトと、公式サイト内にあるAPIリファレンスマニュアルを紹介しましょう。
- The Yahoo! User Interface Library (YUI) (英語)
公式サイト - API: (YUI Library) (英語)
APIのリファレンスマニュアル
日本語でのAPIリファレンスマニュアルを古旗氏が公開しています。
また、サンプル集を見るとYUIがどのように利用できるか理解しやすいでしょう。
- Yahoo! User Interface Library (YUI): Index of Library Examples (英語)
公式サイトのサンプル集
YUIの入門記事
YUIの入門記事として1本だけ紹介するなら、ThinkITの連載、「Yahoo! UI Libraryの使いどころ」です。2009年時点での最新バージョンを基に、アプリケーションへの組み込み方、ダイアログボックスの表示など短い文章で基本から解説しています。
マイコミジャーナルでは何回かに分けて詳しくYUIの使い方を紹介する連載を掲載しています。こちらもおすすめです。
- 【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Calendar編 | パソコン | マイコミジャーナル
- 【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Tooltip編 | パソコン | マイコミジャーナル
- 【ハウツー】ゼロからはじめるYahoo! UI Library - TabView編 | パソコン | マイコミジャーナル
- 【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Logger編 | パソコン | マイコミジャーナル
- 【ハウツー】ゼロからはじめるYahoo! UI Library - SimpleDialog編 | パソコン | マイコミジャーナル
- 【ハウツー】ゼロからはじめるYahoo! UI Library - Panel編 | パソコン | マイコミジャーナル
そのほかの記事を紹介しましょう
- 強力AjaxライブラリYahoo! UI Library:特集 - builder by ZDNet Japan
- Yahoo!UIの基礎まとめ - [JavaScript]All About
- 小粋空間: YUI(Yahoo! User Interface Library)を利用したドロップダウン式グローバルナビゲーション
- YUI Testを使ったJavaScriptユニットテストのすすめ (Yahoo! JAPAN Tech Blog)
- JavaScriptファイルやCSSファイルを圧縮して高速化する「YUI Compressor Online」 - GIGAZINE
YUIビデオセミナー
YUI Theaterのコーナーでは、Yahoo! User Interface Library関連のビデオが公開されています。以下に主なものを紹介しましょう。
2009年時点で次期バージョンとして開発中のYUI3の紹介
YUIのリッチテキストエディタの作者自身が、その機能、仕組みなどを解説
YUI CSS componentsの作者が、CSSの課題とYUI CSS componentsで目指すこと、現在の機能などを語る
YUIの開発者が、すばやいUIのためのイメージローダーの解説を行う
YUI Menuの開発者が、メニューコンポーネントの構造、デザイン、実装について解説
YUIおすすめ書籍
デザイナー向けに、jQuery、Mootools、Spry、Y! UIなどのさまざまなAjaxライブラリを用いることで手軽に実現できる視覚効果の高いユーザーインターフェイスを80種ピックアップ。カラー画面とソースコード付き(目次)