Yahoo User Interface Library ～ リッチなUI開発に最適なAjaxライブラリのまとめ
2009年3月19日
リッチな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関連のビデオが公開されています。以下に主なものを紹介しましょう。
Eric Miraglia and Matt Sweeney: "YUI 3: A Look Ahead" - Yahoo! Video2009年時点で次期バージョンとして開発中のYUI3の紹介
Rich Text Editing with YUI - Yahoo! VideoYUIのリッチテキストエディタの作者自身が、その機能、仕組みなどを解説
Nate Koechley: "The YUI CSS Foundation" - Yahoo! VideoYUI CSS componentsの作者が、CSSの課題とYUI CSS componentsで目指すこと、現在の機能などを語る
Matt Mlinac: "The YUI ImageLoader Utility" - Yahoo! VideoYUIの開発者が、すばやいUIのためのイメージローダーの解説を行う
Todd Kloots: "The YUI Menu Control" - Yahoo! VideoYUI Menuの開発者が、メニューコンポーネントの構造、デザイン、実装について解説
YUIおすすめ書籍
Ajaxライブラリで かんたんインターフェイスデザインデザイナー向けに、jQuery、Mootools、Spry、Y! UIなどのさまざまなAjaxライブラリを用いることで手軽に実現できる視覚効果の高いユーザーインターフェイスを80種ピックアップ。カラー画面とソースコード付き（目次）
あわせて読みたい
