YUIライブラリ

Yahoo! ユーザーインターフェースライブラリ
開発者	ヤフー！
初回リリース	2006年2月13日; 18年前
最終リリース	3.18.1 / 2014年10月22日; 10年前
リポジトリ	github.com/yui/yui3.git ;
書かれた	JavaScript
オペレーティング·システム	クロスプラットフォーム( JavaScript )
タイプ	JavaScript ライブラリ
ライセンス	BSDライセンス
Webサイト	yuilibrary.com

Yahoo! ユーザーインターフェースライブラリ( YUI ) は、Ajax、DHTML、DOMスクリプトなどの技術を使用してリッチでインタラクティブなWeb アプリケーションを構築するためのオープンソースのJavaScript ライブラリです。YUI にはいくつかのコアCSSリソースが含まれています。BSD ライセンスの下で使用できます。^[3] YUI の開発は 2005 年に始まり、その年の夏には My Yahoo! や Yahoo! のトップページなどの Yahoo! プロパティで YUI が使用され始めました。YUI は 2006 年 2 月に一般向けにリリースされました。 ^[1] YUI は Yahoo! エンジニアのコアチームによって積極的に開発されました。

2009年9月、Yahoo! は YUI 3 をリリースしました。これは、ライブラリを近代化し、YUI 2 から学んだ教訓を取り入れるために、基礎から再構築された YUI の新しいバージョンです。機能強化には、DOM要素を取得するためのjQueryのようなCSS セレクタ駆動型エンジン、モジュールの粒度の強化、必要に応じて他のモジュールをロードするより小さなシードファイル、およびコードの記述をより速く簡単にするためのさまざまな構文の変更が含まれます。^[4]

Yahoo! の YUI ライブラリプロジェクトは Thomas Sha によって創設され、Yahoo! の共同設立者であるJerry Yangによって内部的に後援されています。主な設計者は Sha、Adam Moore、Matt Sweeney です。ライブラリの開発者は YUIBlog を管理しており、YUI コミュニティはコミュニティフォーラムでライブラリとその実装について議論しています。

2014年8月29日、JavaScript標準の進化、開発者による大規模なJavaScriptライブラリへの関心の着実な低下、サーバーサイドソリューションの急増を理由に、Yahoo!によるYUIの積極的な開発が終了することが発表されました。今後の開発は、「Yahooの資産にとって絶対に重要な」問題に対処するメンテナンスリリースに限定されます。^[5]

特徴

YUI ライブラリについては、Web サイトに詳細が記載されています。ライブラリのダウンロードには、詳細な API ドキュメントが付属しています。YUI ライブラリには、YUI コア、ユーティリティ、UI コントロール、CSS コンポーネント、開発者ツール、ビルドツールの 6 種類のコンポーネントがあります。

コア

YUI Core は、イベント管理と DOM 操作のための軽量 (31 KB に縮小) のツールセットです。

YUI グローバルオブジェクト: YUI グローバルオブジェクトには、言語ユーティリティ、スクリプトローダー、および YUI のその他のベースラインインフラストラクチャが含まれています。
ドムコレクション: 要素の配置やCSSスタイルの管理など、一般的なDOMスクリプトタスクに役立ちます。
イベントユーティリティ: 開発者がブラウザイベント(マウスのクリックやキーの押下など) に簡単かつ安全にアクセスできる環境を提供します。また、カスタムイベントを公開およびサブスクライブするためのカスタムイベントオブジェクトも提供します。

ユーティリティ

アニメーション: ページ要素の位置、サイズ、不透明度、その他の特性をアニメーション化することで、「効果」を作成するのに役立ちます。
ブラウザ履歴マネージャー: Web アプリケーションがブラウザの戻るボタンとブックマーク機能を使用できるようにします。
接続マネージャー: クロスブラウザ方式でXMLHttpRequestトランザクションを管理するのに役立ちます。フォーム投稿、エラー処理、コールバック、およびファイルのアップロードのサポートが統合されています。
クッキー: シンプルな API を通じてブラウザの Cookieとサブ Cookie を管理できます。
データソース: 単純な JavaScript 配列から XHR 経由のオンラインサーバーまで、他のコンポーネントがさまざまな種類のデータと対話するための共通の構成可能なインターフェイスを提供します。
ドラッグアンドドロップ: YUI ドラッグアンドドロップユーティリティを使用すると、要素を「ドラッグ可能」にしたり、ドラッグイベントに応答するドロップターゲットを作成したりすることが簡単になります。
要素: DOM 内のHTML 要素のラッパーを提供し、リスナーの追加、DOM の操作、属性の設定と取得などの一般的なタスクを簡素化します。
得る: Get ユーティリティは、スクリプトノードを介したデータとスクリプトの非同期読み込みと、外部 CSS ファイルの動的読み込みをサポートします。
イメージローダー: YUI の ImageLoader を使用すると、ページの読み込み時にビューポートに表示されない画像の読み込みを延期できます。これにより、パフォーマンスが大幅に向上します。
翻訳: JSON ユーティリティは、受信したJSONデータが安全であることを確認するための検証メソッドと、JavaScript データを JSON 形式の文字列に変換するメソッドを提供します。これらのメソッドは、JSON.org のDouglas Crockford 氏の作業に基づいています。
サイズ変更: 任意のブロックレベルの HTML 要素をサイズ変更可能にすることができます。
セレクタ: YUI セレクタユーティリティを使用すると、CSS3 セレクタ構文を介して HTML 要素への参照を取得できます。
YUI ローダー: YUI Loader は、任意の YUI コンポーネント (および依存関係) をオンザフライで動的にロードできるクライアント側ローダーエンジンです。

コントロール

オートコンプリート: テキスト入力を伴うユーザー操作にオートコンプリート機能 (候補リストと先行入力機能)を提供します。さまざまなデータソース形式をサポートします。また、XMLHttpRequest を介してサーバー側のデータソースもサポートします。
ボタン: 従来の HTML フォームボタンのように機能するリッチなグラフィカルボタンを作成できます。
カレンダー: 日付の選択に使用されるグラフィカルな動的コントロール。
チャート: チャートコントロールは、データソースユーティリティを介してデータを取得し、さまざまな一般的なチャート形式 (折れ線グラフ、棒グラフ、円グラフなど) でデータを表示します。
カラーピッカー: カラーピッカーコントロールは、色を選択するための豊富なビジュアルインターフェイスを提供します。
容器: ツールチップ、パネル、ダイアログ、シンプルダイアログ、モジュール、オーバーレイなど、さまざまな DHTML ウィンドウパターンをサポートします。
データテーブル: スクリーンリーダーでアクセス可能な表形式のデータを Web ページに表示するための、シンプルでありながら強力な API。注目すべき機能には、並べ替え可能な列、ページ区切り、スクロール、行選択、サイズ変更可能な列、インライン編集などがあります。
画像クロッパー: ImageCropper は、クライアント側の画像クロッパーの UI とインタラクティブ要素を提供します。
レイアウトマネージャ: 上、下、左、右、中央のレイアウトユニットを含む固定レイアウトを提供することで、クロスブラウザーのピクセルパーフェクトなレイアウトをほとんど手間をかけずに作成できます。
メニュー: フライアウトメニュー、メニューバー、コンテキストメニューを作成するための簡単な API を提供します。
リッチテキストエディタ: YUIリッチテキストエディターは、モジュール式で高度に構成可能な、あらゆるオープンエンドのテキスト入力状況に適した、洗練されたクライアント側テキストプロセッサです。
スライダー: ユーザーが 1 つまたは 2 つの軸上の有限の範囲内で値を選択できるようにする汎用スライダー要素を提供します。
タブビュー: コンテンツのナビゲート可能なタブ付きビューを提供し、XMLHttpRequest を介してタブコンテンツの動的な読み込みをサポートします。
ツリービュー: ノードを展開および縮小できるコンテンツツリーを生成します。
アップローダー: アップロードの進行状況に関するフィードバック付きの複数ファイルのアップロードを可能にします。

CSS リソース

CSSベース: Reset の後に Base を使用すると、Web 開発者が使い慣れている標準のブラウザー CSS ルールに代わる、一貫性のあるクロスブラウザーの置き換えが可能になります。
CSS グリッド: 1,000 を超えるさまざまなページレイアウトをサポートするサブセクションコンポーネントを含む 7 つの基本ページワイヤーフレーム。
CSS フォント: 標準化されたクロスブラウザフォントファミリとサイズのレンダリング。
CSS リセット: CSS 宣言により余白が削除され、共通要素のクロスブラウザレンダリングが標準化されます。

開発者ツール

ロガー: 画面上のコンソール、Mozilla FirefoxのFirebug拡張機能、またはSafari JavaScript コンソールにログメッセージをすばやく簡単に書き込む方法を提供します。
プロファイラー: JavaScript 用のクロスブラウザ、非ビジュアルコードプロファイラー。
プロファイラービューア: プロファイラーと組み合わせて使用すると、プロファイリングデータをグラフィカル (チャートコントロールを使用) と表形式 (DataTable を使用) の両方で視覚的に豊かに表示できます。
YUIテスト: YUI Test は、ブラウザベースの JavaScript ソリューション用のテストフレームワークです。YUI Test を使用すると、JavaScript ソリューションにユニットテストを簡単に追加できます。YUI Test は特定の xUnit フレームワークから直接移植されたものではありません。ただし、nUnit と JUnit からいくつかの特性を引き継いでいます。

ビルドツール

YUIコンプレッサー: YUI Compressor は、 JavaScriptと CSS を安全に縮小するツールです。
ユイドック: YUIDoc は、JavaScript コードの検索可能な API ドキュメントを生成するJavaScriptで書かれたツールです。通常はビルドプロセスの一部として使用されます。YUIDoc はコメント駆動型で、さまざまなコーディングスタイルやプログラミング言語と互換性があります。

参照

参考文献

^ ab 「Yahoo! ユーザーインターフェースライブラリ」。Yahoo ! ユーザーインターフェースブログ。2006 年 2 月 13 日。2008 年 6 月 11 日時点のオリジナルよりアーカイブ。2008年6 月 13 日閲覧。
^ “リリース · yui/yui3 · GitHub”. GitHub . 2020年4月24日閲覧。
^ 「YUI Library」 . 2008年6月13日閲覧。
^ 「YUI 3.0.0: YUI の次世代コードラインの最初の GA リリース」。Yahoo ! ユーザーインターフェースブログ。2009 年 9 月 29 日。2009年11 月 18 日に閲覧。
^ 「YUI に関する重要なお知らせ」。Yahoo ! エンジニアリング。2014年8 月 29 日閲覧。

外部リンク

YUI プロジェクトサイトと問題追跡
YUI パブリックソースコードリポジトリ
Yahoo! ユーザーインターフェースブログ
Yahoo! デザインパターンライブラリ
YUICoder.com - Yahoo! ユーザーインターフェースの操作 (古い YUI 2.x をカバー)

[initialRelease-1] 「Yahoo! ユーザーインターフェースライブラリ」。Yahoo ! ユーザーインターフェースブログ。2006 年 2 月 13 日。2008 年 6 月 11 日時点のオリジナルよりアーカイブ。2008年6 月 13 日閲覧。

[yuirelease-2] “リリース · yui/yui3 · GitHub”. GitHub . 2020年4月24日閲覧。

[developer_yahoo_yui-3] 「YUI Library」 . 2008年6月13日閲覧。

[4] 「YUI 3.0.0: YUI の次世代コードラインの最初の GA リリース」。Yahoo ! ユーザーインターフェースブログ。2009 年 9 月 29 日。2009年11 月 18 日に閲覧。

[yui-ended-5] 「YUI に関する重要なお知らせ」。Yahoo ! エンジニアリング。2014年8 月 29 日閲覧。