米Yahoo!、1行追加するだけで使えるMP3プレーヤー公開
米Yahoo!は1月8日、ブログなどのWebページに組み込むことでMP3ファイルの再生が可能になるJavaScriptベースのプレーヤー「Yahoo! Media Player」を公開した。Yahoo! Developer Network公式ブログが明らかにした。 同社は2007年11月30日に、FlashベースのMP3プレーヤー「Easylistener」を公開している。こちらはWebページ上でカスタマイズしたコードをコピーして自分のブログなどにペーストすると、そのWebページにリンクされているMP3ファイルすべてを再生できるようになるというもの。 今回公開されたプレーヤーは、JavaScriptベースの、よりコンパクトなもの。HTMLコードに1行追加するだけ。Windows、Mac、Linuxの主要ブラウザで利用できる。 指定されたJavaScriptコードをWebページに埋め込み、再
Twitterやクラウドへも分岐するAjax／Web APIの道（1/2）- ＠IT
Google マップ Google マイマップ EXPO Googleマップの「マイマップ」という機能は、一利用者としてAjaxに能動的にかかわる良い入門題材ではないかと思います。数回クリックするだけで地図上にピンを打ち、ラベルに書き込み、線を引けます。そして、その結果を容易に他人に対してURLという形で渡せます。 そして何より重要なことは、そのような機能が必要とされるケースは誰にでも訪れるということです。「場所はここね」「分からないよ。道順を地図で教えて」といった事態は誰にでも訪れる可能性のある状況です。そのような場合に、このマイマップを使ってみるのは、良いチャレンジになると思います。 ■ 動かしてみよう！ マイマップの例 それだけではありません。自作マイマップを公開することには大きな価値があります。地図に載っている場所にピンを刺しただけのマイマップであっても価値があるのです。 例えば、
Yahoo! UI Library: Rich Text Editor
The Rich Text Editor is a UI control that replaces a standard HTML textarea; it allows for the rich formatting of text content, including common structural treatments like lists, formatting treatments like bold and italic text, and drag-and-drop inclusion and sizing of images. The Rich Text Editor's toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high
Yahoo UI Library リファレンス
Yahoo UI LibraryはAjaxライブラリの1つです。Yahoo UI Libraryは数あるAjaxライブラリの中では非常に高機能なものです（他に高機能なものとしてはDojoやExtJSがあります）。非同期通信機能なども備えていますが、主な機能が集中しているのはUI（ユーザーインターフェース）部分です。このため、XMLデータ処理はver 2.4.0では装備されていないため、自前で実装するか他のライブラリと併用する必要があります (ver 2.4.0以降ではJSON形式を扱えるようになっています)。 ver 2.5.1からはAdobe AIRにも対応するようになりました。 ver 2.8.0からはFlash対応やHTML 5の機能（データストレージ）にも対応するようになりました。 Yahoo UI Libraryはprototype.jsと異なり他のライブラリとは干渉しないように
YUI 2.3.0: Six New Components and a Prettier Face » Yahoo! User Interface Blog
YUI Blog Development YUI 2.3.0: Six New Components and a Prettier Face YUI 2.3.0: Six New Components and a Prettier Face We're pleased to announce today the release of YUI version 2.3.0. This release features six new additions to the library as well as a new skinning architecture and a new visual treatment for most of our UI controls. All of this, plus 250 enhancements and bug fixes, is available
Webページを軽くする13の改善ポイント ― ＠IT
2007/07/26 米ヤフーは7月24日（現地時間）、Webページのダウンロード時間を分析してレポートを作成するツール「YSlow」の提供を開始した。開発者向け情報提供サイト「Yahoo! Developer Network」で無償ダウンロードできる。YSlowはFirefox上にインストールするプラグインとして動作する。インストールには、あらかじめWeb開発者向けのプラグイン「Firebug」をインストールしておく必要がある。 YSlowは、指定されたURLにアクセスし、Webページのダウンロード時間を計測する。結果レポートには、HTML、CSS、スクリプト、画像などすべてのファイルに関して実測値が表示されるほか、JSLintによるJavaScriptの構文チェックも同時に行う。 パフォーマンスを100点満点で採点し、A～Fまでのグレードを付けて評価する。さらに、13の項目でパフォーマ
マッシュアップ3(GMap+YUI+じゃらんAPI) - ［JavaScript］All About
マッシュアップ3(GMap+YUI+じゃらんAPI) 1: 関数でショートカット 2: for文ですっきり 今回も、前回のマッシュアップサンプルのブラッシュアップ、といいますか、ソースの整理です。マッシュアップとは直接関係有りませんが、今回の「整理されていない」サンプルコードは、JavaScript Tips 素材として丁度良いので簡単に解説しておこうと思います。 今回のポイントは、冗長になりがちなDOMスクリプトを関数で短くし、繰り返し処理をfor文でシンプルに記述するというものです。 マッシュアップの内容そのものは、前回、前々回同様に じゃらんＷｅｂサービス／じゃらん宿表示ＡＰＩとバージョン2になったGoogle Maps APIを組み合わせて、「マッシュアップ」を行ってみようというもので、 ユーザーインターフェイスには、フェイドインやドラッグ、フロートなどで自作のエフ
Yahoo!検索Webサービスを使った割とありがちなサイト内検索
Posted by: Hirotaka Ogawa @ December 14, 2005 06:48 PM | ありがちですが、このブログのサイト内検索をYahoo!検索(Yahoo!デベロッパーネットワーク - 検索Webサービス)とAjaxを使うようにしてみました。 AjaxClient.js (適当Ajaxライブラリ) YSearch.js (AjaxClient.jsを使用するYSearchクライアントライブラリ) ysearch-json.cgi (Yahoo!検索Webサービスを叩いて結果をJSONで返すCGI) ysearch-json.fcgi (そのFastCGI版) ysearch.html (サンプルHTML・普通に検索) ysearch-inc.html (サンプルHTML・インクリメンタルに検索) 動作するサンプル。 また、ysearch-json.cgi、ys
秋元@サイボウズラボ・プログラマー・ブログ: Yahoo! UI Library はすごいね
via O’Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの “Example” を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たことがあるので知っていた。複数のリスト間でアイテムの移動や並べ替えを行うときには使えるパーツだろう。 日本語カレンダーなんかも、いい感じで再利
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Map API comparison
Pipes Blog » Blog Archive » Working with Pipes on your web site
YUI アニメーション1 - ［JavaScript］All About
YUI アニメーションwidth,height [Javascript] All About![YUI アニメーションwidth,height [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
JavaScript++かも日記 - 1997年からの
YUI version 0.12.0: TabView Control, Improved API Documentation, and More » Yahoo! User Interface Blog
Yahoo! UI Library