Yahoo User Interface Library ~ リッチなUI開発に最適なAjaxライブラリのまとめ

2009年3月19日

Yahoo! User Interface Libraryは(YUI)、その名の通りに米Yahoo!が開発したAjaxライブラリです。Yahoo!自身が利用しており、つねにメンテナンスとバージョンアップが行われているため、品質、クロスブラウザ対応や安定性の面など安心して利用できるでしょう。

YUIホームページ

Ajaxでユーザーインターフェイスを構築するための部品として、さまざまなメニュー、カレンダーやカラーピッカー、タブ、リッチテキストエディタなどのコンポーネントが揃っているだけでなく、DOM操作やイベントハンドリング、テスト用ライブラリやJavaScript圧縮ツールなど、幅広くJavaScriptを強化するための機能を備えています。

公式サイトとリファレンス

まずは公式サイトと、公式サイト内にあるAPIリファレンスマニュアルを紹介しましょう。

日本語でのAPIリファレンスマニュアルを古旗氏が公開しています。

また、サンプル集を見るとYUIがどのように利用できるか理解しやすいでしょう。

YUIの入門記事

連載:Yahoo! UI Libraryの使いどころ

YUIの入門記事として1本だけ紹介するなら、ThinkITの連載、「Yahoo! UI Libraryの使いどころ」です。2009年時点での最新バージョンを基に、アプリケーションへの組み込み方、ダイアログボックスの表示など短い文章で基本から解説しています。

マイコミジャーナルでは何回かに分けて詳しくYUIの使い方を紹介する連載を掲載しています。こちらもおすすめです。

ゼロからはじめるThe Yahoo! UI Library - Calendar編

そのほかの記事を紹介しましょう

YUIビデオセミナー

YUI Theaterのコーナーでは、Yahoo! User Interface Library関連のビデオが公開されています。以下に主なものを紹介しましょう。

Eric Miraglia and Matt Sweeney: "YUI 3: A Look Ahead" Eric Miraglia and Matt Sweeney: "YUI 3: A Look Ahead" - Yahoo! Video
2009年時点で次期バージョンとして開発中のYUI3の紹介
Rich Text Editing with YUI Rich Text Editing with YUI - Yahoo! Video
YUIのリッチテキストエディタの作者自身が、その機能、仕組みなどを解説
Nate Koechley: "The YUI CSS Foundation" Nate Koechley: "The YUI CSS Foundation" - Yahoo! Video
YUI CSS componentsの作者が、CSSの課題とYUI CSS componentsで目指すこと、現在の機能などを語る
Matt Mlinac: "The YUI ImageLoader Utility" Matt Mlinac: "The YUI ImageLoader Utility" - Yahoo! Video
YUIの開発者が、すばやいUIのためのイメージローダーの解説を行う
Todd Kloots: "The YUI Menu Control" Todd Kloots: "The YUI Menu Control" - Yahoo! Video
YUI Menuの開発者が、メニューコンポーネントの構造、デザイン、実装について解説

YUIおすすめ書籍

Ajaxライブラリで かんたんインターフェイスデザイン Ajaxライブラリで かんたんインターフェイスデザイン
デザイナー向けに、jQuery、Mootools、Spry、Y! UIなどのさまざまなAjaxライブラリを用いることで手軽に実現できる視覚効果の高いユーザーインターフェイスを80種ピックアップ。カラー画面とソースコード付き(目次

このエントリーをはてなブックマークに追加
follow us in feedly

タグ : Ajax



≫次の記事
肩書き「編集長 / Blogger in Chief」
≪前の記事
Movable TypeとWordPressをレビューしてみて、差異よりも類似性の方が印象的

Loading...

Blogger in Chief

photo of jniino Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。新しいオンラインメディアの可能性を追求しています。
詳しいプロフィール


Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed



Publickey 最新記事 10本

Publickey Topics 最新記事 10本


PR - Books


fig

fig

fig

fig



blog comments powered by Disqus