米Yahoo!がYUI新規開発中止を発表。その背景となったJavaScriptの現状解説
米Yahoo!のエンジニアリングチームは、同社がこれまでJavaScriptライブラリとして開発してきたYahoo User Interface library（YUI）の新規開発を中止すると発表しました。 YUIは、JavaScriptでインタラクティブなWebサイトを構築する技術「Ajax」への注目が高まっていた2009年に登場したライブラリです。さまざまなメニュー、カレンダーやカラーピッカー、タブ、リッチテキストエディタなどのコンポーネントが揃っているだけでなく、DOM操作やイベントハンドリング、テスト用ライブラリやJavaScript圧縮ツールなど、幅広くJavaScriptを強化するための機能を備えています。 しかしその後登場したjQueryなどのさまざまなライブラリやツールに人気を奪われ、ここ数年はYUIへの注目度も低下。コミュニティからのリクエストも少数になり、多くのモジュー
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秒にまで短縮を実現したと説明がある。 ここで紹介されている高速化テクニックをまとめると
【ハウツー】タッチ端末のスクロールUIを簡単に再現! YUIの新ウィジェット"ScrollView" (1) Yahoo UI 3.2.0の新ウィジェット「ScrollView」とは | エンタープライズ | マイコミジャーナル
The YUI teamは7日(米国時間)、Yahoo UI(以下、YUIと表記)の最新版となるYUI 3.2.0をリリースした。YUIはJavaScriptフレームワークのひとつで、The BSD Licenseのもとで公開されている。豊富なユーティリティと強力なウィジェットが特徴。(マイコミジャーナル内の紹介記事「【ハウツー】待望のiPhone/Androidサポート! YUI 3.2.0のモバイル端末向け機能を試す」) YUI 3.2.0で追加された新機能のひとつに「ScrollView」ウィジェットがある。ScrollViewはiPhoneネイティブアプリのスクロールUIをWebブラウザ上で簡単に実現するためのウィジェット。 タッチデバイスではCSSのoverflow: scrollを利用した場合、特殊な操作を要求されてしまう。たとえばiPhone上のMobile Safariの場
どこよりも早い「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を使ったことのある方であれば、すぐに使い方
Hadoop分散処理、6時間から5分に高速化 - Yahoo! Japan | エンタープライズ | マイコミジャーナル
Yahoo! JAPAN Tech Blog 1コアあたりの性能向上が緩やかになってきているため、処理速度を向上させるには並列処理へ移行する必要がでている。PCレベルであればマルチコアでの並列化ということになり、もっと大規模でスケーラビリティの高い処理を実現するにはグリッドやクラウドコンピューティングと呼ばれるような分散コンピューティングを実現していく必要がでてくる。 分散コンピューティングはシステムアーキテクチャの設計から実装まで煩雑になると敬遠されがちだが、簡単に実現するための方法がないわけではない。OSSプロダクトではApache Hadoopが代表的な存在だ。Hadoopは大量のデータ処理を分散処理するためのプラットフォーム。Hadoopの流儀にしたがって機能を実装すれば自動的に分散処理を実現できるという優れものだ。 しかし分散コンピューティングというと研究室レベルでの活用とか、G
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!パフォーマンスチーム、最新高速化ルール20を発表 | エンタープライズ | マイコミジャーナル
Webアプリケーション開発に欠かせないFirefoxエクステンションであるFirebugをベースにして開発されたWebページのパフォーマンス計測ツールにYSlowがある。2007年12月上旬にはパフォーマンス分析能力を向上させたYSlow 0.9がリリースされた。紹介にもあるように、手軽に導入できるうえにかなり効果的に分析ができるところに特徴がある。 YSlowの強みとなっているのはYahoo! Exceptional Performanceチームが分析した評価基準をベースにしている点にある。Yahoo!が実際に分析した結果をベースにしているだけあって効果が確実なものとして効いてくるわけだ。 そのYahoo! Exceptional Performanceチームから最新の調査結果およびパフォーマンスブレークスルーのための新しいルールが発表された。既存の14のルールに加えて、新しく20のルー
米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
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
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種類あるという点で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo! UI Library3（YUI3）の動きを受け持つモジュール
かな漢字変換プログラム「VJE」がWebで復活、ヤフーがAPIで無償提供
PC
