YUI (Yahoo! User Interface Library)

Yahoo!が公開しているAjaxライブラリ、YUIの使用方法について解説します。

ライブラリの読み込み

YUIのライブラリを読み込むには、

  • ライブラリをダウンロードして、自身のサーバにアップロードして読み込む
  • YUIのサーバから直接読み込む

の2つの方法があります。

自身のサイトからの読み込み

この情報は、すでに古くなっています。

まず、YUIのサイトからライブラリをダウンロードします。そこには、

  • YUI Seed
  • Full Developer Kit

の2種類のファイルがありますが、ライブラリだけならば「YUI Seed」がそれになります。そしてそれを自身のサイトにアップロードし、

<script type="text/javascript" src="js/yui-min.js"></script>

のようにして読み込みます。

YUIのサイトからの読み込み

次のように、YUIのサーバから直接読み込みます。このときバージョン番号は、適宜書き換えます。Quick Start - YUI Library

<script type="text/javascript"
  src="http://yui.yahooapis.com/3.x.x/build/yui/yui-min.js"></script>

YUI 3 Widgets

参考

ドキュメント

記事