米Yahoo!がYUI新規開発中止を発表。その背景となったJavaScriptの現状解説
米Yahoo!のエンジニアリングチームは、同社がこれまでJavaScriptライブラリとして開発してきたYahoo User Interface library（YUI）の新規開発を中止すると発表しました。 YUIは、JavaScriptでインタラクティブなWebサイトを構築する技術「Ajax」への注目が高まっていた2009年に登場したライブラリです。さまざまなメニュー、カレンダーやカラーピッカー、タブ、リッチテキストエディタなどのコンポーネントが揃っているだけでなく、DOM操作やイベントハンドリング、テスト用ライブラリやJavaScript圧縮ツールなど、幅広くJavaScriptを強化するための機能を備えています。 しかしその後登場したjQueryなどのさまざまなライブラリやツールに人気を奪われ、ここ数年はYUIへの注目度も低下。コミュニティからのリクエストも少数になり、多くのモジュー
Yahoo!がJavaScriptのフレームワーク「Mojito」をオープンソースで公開。同一のJavaScriptコードが、サーバ、ブラウザどちらでも実行可能
Yahoo!がJavaScriptのフレームワーク「Mojito」をオープンソースで公開。同一のJavaScriptコードが、サーバ、ブラウザどちらでも実行可能 Webアプリケーションのためのコードを1つだけ書けば、それがPC上でそのままローカルアプリケーションとなり、Node.jsのサーバへ持っていけばWebブラウザからWebアプリケーションとして利用でき、さらにモバイルデバイスからアクセスすれば、そのデバイスに最適な表示が行われる。米Yahoo!が4月1日にオープンソースとして公開した「Mojito」（モヒート）は、JavaScriptで書かれたアプリケーションフレームワークです。 Mojitoは昨年11月にYahoo!が開発中であることを明らかにし、今年の第1四半期にオープンソースとして公開予定としていました。 米Yahoo!がJavaScriptフレームワーク「Mojito」と、N
JavaScript/CSS圧縮処理を80秒から6秒まで短縮したテクニック - Mozilla | エンタープライズ | マイコミジャーナル
The Mozilla Foundation Mozilla WebDevブログに「From 80 Seconds to 6: Optimizing Our Asset Compression」として、JavaScript・CSS・画像の連結およびミニファイ処理にかかる時間を、80秒～160秒レベルから6秒まで短縮させたときのテクニックが掲載されている。実用的な資料として参考になる。 現在、「Add-ons for Firefox」はCDNを活用してリソースを提供しているが、こうなる前はキャッシュ効果を最大限に発揮させるためにJavaScript・CSS・画像をファイルへ連結してミニファイ処理を実施して使っていたという。このリソースの生成には80秒から160秒かかっていたが、処理を工夫することで最終的に6秒にまで短縮を実現したと説明がある。 ここで紹介されている高速化テクニックをまとめると
JavaScript圧縮ツール比較: Microsoft vs Yahoo! | エンタープライズ | マイコミジャーナル
Ajaxian AjaxianにおいてMicrosoft Ajax Minifier VS YUI Compressorのタイトルのもと、Microsoft Ajax MinifierとYUI Compressorのミニファイ結果の簡単な比較が掲載された。どちらもJavaScriptソースコードをソースコードの記述レベルで最小化するためのツール。これまでミニファイアとしてはYUI Compressorが高い性能を持っているとして活用されてきた。 Microsoft Ajax MinifierはMicrosoft Ajax Library (Preview 6)の公開とともに導入されたJavaScriptミニファイア。jQueryのミニファイ処理でYUI Compressorよりも高い圧縮を実現するなど興味深い特徴が紹介されている。Microsoft Ajax Minifier VS YUI
どこよりも早い「Yahoo! UI Library 3」(YUI 3)入門 (1/5)
最新のライブラリーやJavaScriptの新しい活用法を紹介する「JavaScriptラボ」。今回は、9月末にリリースされたばかりの「YUI 3（Yahoo! UI Library Version 3）」を取り上げます。 Yahoo! UI Libraryとは？ 「Yahoo! UI Library」（以降、YUI）はその名の通り、ユーザーインターフェース周りを得意とする米ヤフー製のAjaxライブラリーです。YUIは、Ajaxが普及し始めた2005年に登場し、面倒なUI周りを簡単に処理できることから次第に普及していきました。実は、以前取り上げたAjaxフレームワーク「Ext JS」も、もともとはYUIの機能拡張(Extension)として生まれたものです。 YUIはタブパネルやスライダー、ドラッグ＆ドロップ、アニメーション機能など、他のライブラリーやフレームワークを凌ぐ充実したUI部品と豊
YUI Testを使ったJavaScriptユニットテストのすすめ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、検索事業部の角田です。 私が担当しているプロジェクトではPHPUnitとSeleniumを使ってテストを行っています。そして、最近YUI TestというJavaScriptによるユニットテストライブラリを使い始め、JavaScriptのユニットテストがとてもいい感じに思えてきたのでご紹介します。 YUI Testは、Yahoo! Developer Networkにて公開されているYahoo! UI Libraryの数多くあるコンポーネントの中の一つです。その名の通り、JavaScriptのユニットテストを行うライブラリです。JavaによるJUnitやPHPによるPHPUnitを使ったことのある方であれば、すぐに使い方
YUI、ライブラリロード回数削減 - 高速化テクニック | エンタープライズ | マイコミジャーナル
Yahoo! User Interface BlogにおいてCombo Handler Service Available for Yahoo-hosted JSのタイトルのもと興味深いテクニックが紹介されている。簡単に実施できて効果の期待できる方法だ。Webアプリケーション開発を実施している場合には同テクニックの採用を検討してみるとよさそうだ。 Webサイトの動作をスピーディにするためのテクニックのひとつに、HTTPリクエストを最小限まで絞り込むというものがある。あらかじめJavaScriptライブラリを1つにまとめたり、ロード時に1つになるように変えてしまうのが代表的な方法だが、今回YUIにおいてはもっとアドホックな方法が提供されるようになった。 これまでの指定方法 - 6つのHTTPリクエストが発生する - ブログより抜粋 YUIライブラリは今のところyui.yahooapis.co
[Think IT] 第2回：Ajaxライブラリの変遷 (2/3)
【これならわかる！JavaScript/Ajax】 Ajaxライブラリ入門 第2回：Ajaxライブラリの変遷 著者：林 俊之 公開日：2008/5/9（金） 「prototype.js」は、「Ajaxライブラリと言えばprototype.js」というぐらい圧倒的な支持率をもつメジャーなライブラリの1つです。 もともとはWebアプリケーション・フレームワーク「Ruby on Rails」のプロジェクトで開発されているライブラリで、Ruby on Railsと共に用いられることも多いです。もちろん単体でも使うことができます。 当初はドキュメントがほとんどなく、みなソースコードを読んでその実装を読み解くということがblog上で行われていました。 それでは、prototype.jsの特徴的な$()とClass.create()の機能を見てみましょう（図2）。 まず、$()という関数はDOM
米Yahoo!、デザイン性の高いJavaScriptライブラリ「YUI 2.5.0」リリース：CodeZine
米Yahoo!は20日、「YUI 2.5.0」（Yahoo! User Interface）をリリースした。SourceForgeのYUIページよりダウンロードすることができる。YUIは見た目の美しさと機能性が人気のJavaScriptライブラリ。 今回のアップデートでは、「Layout Manager」「FlashとJavaScriptを組み合わせたUploader」など、6つの新しいコンポーネントが追加された。他にも「DataTable Control」など既存機能も改良されている。 このうち「DataTable Control」はYUIの中でも最も人気のあるコントロールだが、埋め込みタイプの横スクロールバー、ヘッダーにあわせた縦スクロールバーといった機能が追加された。カラムのカスタマイズ性も向上しており、ドラッグ＆ドロップ、表示・非表示、並べ替えなどが行える。 新機能のアップロー
JavaScriptライブラリのパフォーマンス、最速はコレだ! | エンタープライズ | マイコミジャーナル
The PBwiki engineering teamのメンバーがWebブラウザとJavaScriptライブラリのパフォーマンスを調査するために興味深いパフォーマンステストサイトを公開している。Javascript Library Performance Test Roundupにアクセスして"Run (West Coast)"かまたは"Run (East Coast)"をクリックしてみてほしい。使っているWebブラウザにおいてDojo 1.0.1、jQuery 1.2.1、Prototype 1.6.0、YUI 2.4.0、Protoculous 1.0.2の読み込み時間がどうなるかを調査してくれる。 しかも読み込み方法は通常のJavaScriptソースコード、キャッシュされたものとそうでないもの、Gzipで圧縮されたものとそうでないもの、YUI Compressorで最小化されたものと
YUI 2.4.0登場 - CSSクエリエンジンSelector Utility導入 | ネット | マイコミジャーナル
Yahoo!は2007年11月上旬(米国時間)、The Yahoo User Interface Libraryの最新版となる「The Yahoo User Interface Library 2.4.0」を公開した。YUIはJavaScriptで開発されたWebページやWebアプリケーション向けのユーザインタフェース/デザインパターンライブラリ。実際にYahoo!で採用されているJavaScriptライブラリをまとめたものでThe BSD Licenseのもとで配布されている。 YUI 2.4.0では新しいコンポーネントとして「Selector Utility」「Charts Control」「Get Utility」「Profiler」「JSON Utility」が追加されている。また注目に値する新機能に拡張されたボタンコンポーネント郡、YUI Calendar Controlに追加さ
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
【業界別】27卒就活生の「人気企業ランキング」発表！ IT系ではサイバーエージェントが急浮上【学情調べ】 12月15日 6:00
Web開発者は要注目!! JSONでAjaxアプリ開発 - Protoscript登場 | エンタープライズ | マイコミジャーナル
Yahoo! Ajax Evangelist, Bill Scott氏は6日(米国時間)、Ajaxアプリケーションを開発するための新しいプロトタイプスクリプティング「Protoscript」を発表した。Protoscriptは既存のWebページに対して動作を追加することを目的としたスクリプト。かなりわかりやすい表記で動作を追加できるという特徴がある。 Protoscriptはいちからすべて開発されているのではなく、既存のプロダクトを組み合わせて機能が実現されている。まず、HTMLの要素を特定するためにjQueryが活用されているほか、動作やイベントへの対応にThe Yahoo User Interface LibraryやMooToolsが活用されている。 Webアプリケーションを開発するにあたって、UIを設計してから、そのUIに対して動作を付け足していく方法がある。直感的でわかりやすい方
Yahoo!製JavaScriptコンプレッサ"YUI Compressor"登場、高い圧縮率と安全性 | エンタープライズ | マイコミジャーナル
Yahoo!, Julien Lecomte氏は13日(米国時間)、自身のブログにおいてJavaScriptを圧縮するためのアプリケーション「YUI Compressor(The Yahoo! JavaScript Compressor)」を発表した。YUI CompressorはJavaで開発されたJavaScriptソースコードの圧縮アプリケーション。 Yahoo! Exceptional Performance Teamの調査によると、Yahoo!ユーザの40 - 60%がエンプティキャッシュの経験を持っているとしており、またすべてのページビューのうち20%程度がエンプティキャッシュのまま終了しているという。こうした調査結果から、Webページを可能な限り軽量に保持することが重要だと同氏は同ブログにおいて説明している。これを実現するひとつの方法としてJavaScriptを圧縮するという
【特集】ゼロからはじめるYahoo! Maps API (1) Yahoo! Maps APIを使ってみよう | パソコン | マイコミジャーナル
Yahoo! Maps APIを使ってみよう Webページ上に貼付けることができ、自由に移動したりズームできる地図としてはGoogle Mapsが有名です(*1)。Google Mapsは単純にページ上に地図を貼付けられるだけでなく、プログラム(JavaScript)からも制御することができます。このため、応用範囲が広く、他のサービスと組み合わせて使われる(*2)ことも多くあります。 Webページ上に貼付けられる地図サービスはGoogle Mapsしかないと思っている人も多いかもしれません。地図サービスはGoogle Maps以外にYahoo!(米国/日本)もYahoo! Mapsとして提供しています。Yahoo! MapsもGoogle Maps同様プログラム(JavaScript)から制御することができます。 ここで注意しないといけないのはYahoo! Mapsには2種類あるという点で
【ハウツー】Apolloのサンプルで使われた、美しきJavaScriptフレームワーク「Ext 1.0」 (1) Extでできること | エンタープライズ | マイコミジャーナル
皆さんは、「Ext」というJavaScriptフレームワークをご存知だろうか。Extは、4月1日にバージョン1.0がリリースされたばかりの新鋭のフレームワークである。 Extの前身は、「Yahoo! UI Library(YUI)」の拡張版として開発された「yui-ext」というライブラリである。しかし、yui-extでは、リッチなUIを実現できるものの、決してサイズが小さいとは言えないYUIを導入する必要がある。そこで、yui-extの作者であるJack Slocum氏は、YUI以外のライブラリとも併せて使えるようにyui-extを刷新。その成果物をExtという名前で(頭文字の「yui」を外して)リリースした。 Ext 1.0で対応している外部のフレームワークはPrototype.js(scriptaculousも併せて利用可)、jQuery、そしてYUIである。現在のところExt単体で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YOLPで挑戦～「マクドナルドはどこだ」アプリをHTML5で作る！
Yahoo! UI Library3（YUI3）の動きを受け持つモジュール
Yahoo! UI Library 3（YUI3）の基本
