古籏一浩ツイートする※この記事は「古籏一浩のJavaScriptラボ」の第15回です。過去の記事も合わせてご覧ください。最新のライブラリーやJavaScriptの新しい活用法を紹介する「JavaScriptラボ」。3)」を取り上げます。Library」(以降、YUI)はその名の通り、ユーザーインターフェース周りを得意とする米ヤフー製のAjaxライブラリーです。YUIは、Ajaxが普及し始めた2005年に登場し、面倒なUI周りを簡単に処理できることから次第に普及していきました。JS」も、もともとはYUIの機能拡張(Extension)として生まれたものです。YUIはタブパネルやスライダー、ドラッグ&ドロップ、アニメーション機能など、他のライブラリーやフレームワークを凌ぐ充実したUI部品と豊富な機能を備えています。Yahoo!をはじめとする大規模サイトで使用されている実績もあり、非常に動作が安定しているのも特徴です。Prototype.jsやjQuery、MooToolsなどではうまくいかない複雑なDOM操作(複雑なHTML構造でのエレメント座標値の取得など)も、YUIなら何の問題もなく実現できることも少なくありません。YUIは非常に高性能なAjaxライブラリーですが、現在広く利用されているjQueryに比べると、手軽さに欠けます。YUIは、組み込む機能に応じてscriptタグで関連ライブラリーファイルを一式読み込まなければならないなど、煩雑な面もあり(*1)、意外と利用されていないのが実情のようです。3)の正式版が2009年9月末にリリースされました。2.xに比べて手軽に使えるようになっています(*2)。3の使い方を解説します。3によるマウスオーバー/アウト処理(ロールオーバー処理)を試してみましょう。途中のバージョンからサポートされたYUILoaderを使えばモジュール単位での読み込みもできます。2.xで用意されていた機能のほとんどは現時点では利用できません。カレンダーやタブパネル、ウィンドウなど、目立ったUIもほとんどありません。2の登場時と同じく、順次追加されていくはずです。前へ12345次へこの記事の編集者は以下の記事をオススメしていますPROGRAMMING古籏一浩のJavaScriptラボ活躍の舞台をどんどん広げているJavaScript。JS」の使い方をチュートリアルで解説する。JS」の使い方をチュートリアルで解説する。9717PROGRAMMINGPhotoshopのフィルターをJavaScriptで作る!JavaScriptの活躍の舞台はデスクトップアプリケーションにも広がっている。PhotohopのフィルターをJavaScriptで自作してみよう。UIデザイン入門(目次)Webデザイナー、(X)HTML/CSSコーダー、マークアップエンジニアが扱いやすいJavaScriptライブラリー「jQuery」を基礎から解説。プログラム...91900DESIGNJavaScriptライブラリで作るリッチUI(まとめ)簡単・便利なJavaScriptライブラリの使い方、実際の採用サイトの情報をまとめてみた。自分のWebサイトのUI制作の参考にしてみよう。あのサイトの“技”を盗め「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。スマホお気に入り一覧マイページ。