ヤフーユーザーインターフェイスブログ（YUIBlog）

インプリメンテーション·フォーカス：YUI 3電源AutofusionのResearchPro

著者について： ジョシュLizarragaは 、カリフォルニア州サンディエゴに位置するYUIコントリビュータとフロントエンドの開発者です。 彼はのためのリッチなフロントエンドのインタフェースおよびAjaxアプリケーションを構築するためにYUIを使用してAutofusion、Inc。の 、米国およびカナダにおける自動車産業へのWebソリューションを提供しています。サンディエゴの会社。 彼は時計ではありません場合は、ジョシュは、テストケースとしてYUIのプロジェクトに貢献して楽しんでギャラリーのモジュール。

プロジェクトについて

業界の専門家を提供することに加えて、Autofusionは、当社を経由してエンドユーザーの情報リソースを提供していますCarPrices.com姉妹サイト。 "ResearchProは、"我々は、ユーザーが迅速かつ容易に潜在的な新しい車の購入について知るためのすべてを見つけることができます我々のブランドの新しい車の研究、アプリケーションに与えた名前です。

ご購入前に新しい車を研究するには、通常困難なまだ必要な経験であり、消費者に利用可能な現在のオプションは非常にユーザーフレンドリーではありません。 ResearchProは、車の研究への簡単なガイド付きのアプローチで、これらの問題を解決しようとします。 我々はまた、顧客は地元のディーラーから自分の夢の車で無料見積もりを受信できるように、さらに一歩経験を取る。

なぜYUI？

我々は、使用を開始YUI 2を約2年前に私たちのフロントエンド開発のすべてのために、と見ていない。 アプリケーション開発にYUIの焦点は、我々の顧客に多くの埋め込みWebアプリケーションやウィジェットを提供するように、それAutofusionための非常に簡単になります。

長年にわたって私たちはクライアントのWebプロパティと社内の両方のツールではありちょうど約すべてのYUI 2コンポーネントを使用しています。 YUIの実績と信じられないほどのドキュメントでは、本当に我々は一緒に働いてきた他の図書館から離れてそれを設定します。 により提供されるライブラリへの改良YUI 3は、それはこのプロジェクトのために簡単に選択しました。

YUIは、プロジェクトで利用される方法

ResearchProすなわち、いくつかのYUI 3つのコンポーネントの使用になり、IO 、 JSON 、 ノード 、 イベント 、 アニメーション 、さらにはベータスライダウィジェットを。 また、 セレクタCSS3とイベントMouseEnterイベントモジュールと同様に、バックエンドでJSONの通信を処理するカスタムモジュールを使用しています。

YUI 3を使用しての課題と利点

YUI、2〜YUI 3に移行する最大の課題とResearchProの開発時に最大のメリットでもあった。 Nodeインスタンスの代わりにDOMノードでの作業に直接最初にいくつかの調整を取ることができますが、我々はすぐにこの優れた抽象化が大幅に与えられたタスクのためにコードの量と複雑さを軽減ことがわかった。 同様に、YUIの3つの方法のchainabilityせずに生きることは難しいいくつかの素晴らしいシンタックスシュガーを提供しています。

YUI 3移行の主な課題はあったベータ版のバグであり続けている。 我々が開発を開始し、我々は新しいコードラインでこのプロジェクトを開始するために、その機会を取った前に、最初のYUI 3のベータ版は数ヶ月リリースされました。 我々は、道を我々のワークフローにYUI 2を置き換えたら、YUI 3に精通していました。 開発中に、我々は発見し、今でも働いているそのうちのいくつかはいくつかのバグを報告した。

Autofusionのために次は何？

我々は常にYUIで新製品を開発し、フロントエンドでYUIを組み込むために、既存の製品を見直しています。 当社のオンライン目録ソリューションは、YUI 2によって供給され、我々は現在その場所にYUI 3を使用する製品の洗練されたバージョンを計画しています。

弊社の在庫インタフェースは、我々が開発YUI 3はパネルとダイアログの実装があります開始時間によってうまくいけば、コンテナモジュールファミリを多用しています。 我々は非常に機能の急速な成長に満足して、YUIがこの先何年もの間、選択した私たちのフロントエンド·ツールキットであることを期待してきました。

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！