もう、いろんなニュースサイトで言われていますが、 Yahooからページパフォーマンス計測ツールの「YSlow for Firebug」が リリースされました。Firebugをインストールしている上で、YSlowをインストールすると、Webサイトの高速化を行うためのポイントと、 現状についてのポイント表示を行ってくれます。 これ、実際に試してみるとよく分かるのですが、いかに工夫をしていないサイトは、改善の余地があり余っているか。。 ほんと身を引き締められます。ちなみにYSlowでは次の項目をポイントに挙げています。 Make Fewer HTTP Requests Use a Content Delivery Network Add an Expires Header Gzip Components Put CSS at the Top Move Scripts to the Bottom
米IBMと米Yahoo!は12月13日、新しいエンタープライズ検索ソフト「IBM OmniFind Yahoo! Edition」の提供を開始した。社内の共有ファイルやイントラネットなどの検索と、インターネット検索の両方に対応。企業規模にかかわらず、無料で提供される。 IBM OmniFind Yahoo! Editionは、IBMのエンタープライズ検索ツール「IBM OmniFind」の基本要素と、Yahoo!のWeb検索とを組み合わせたもので、サーバ当たり最大50万件の文書に対応可能。30カ国語以上、200種類以上のファイル形式に対応している。オープンソースの全文検索エンジンLuceneを使用しており、クロスプラットフォームなインデックス作成が可能。 自動スペルチェック機能のほか、社内使用用語に対応できるよう、同義語を追加する機能も備える。ワイルドカードにも対応しており、ユーザーインタ
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝! <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
JavaScript ガイド:高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ Yahoo! UIのTreeViewを使う2 前回、Yahoo! UIのTreeViewを利用したサンプルを作りましたが、今月(2006.5)に入って、Yahoo! UIがv0.10.0 にバージョンアップ しました。 前回のサンプルは新しいバージョンでもそのまま使えますが、せっかくなので、前回のサンプルでインクルードするライブラリは、新しいものに取り替えておきましたのでご参照ください。 v0.1と以前のバージョンの大きな違いは、いくつか新しいクラスが追加されたことと、 利用するための.jsファイルがbuild/ディレクトリ下に一元化されて、Libraryグループとしての一貫性が出来たこと。そして、その.js
Yahoo! UIのTreeViewを使う1 Ajaxとともに注目の集まっている分野に、JavaScriptのDHTMLなエフェクトを使ったライブラリ群があります。有名なところでは、Dojoやprototype.jsを利用したscript.aculo.us、Rico、あるいは、Yahoo!が提供しているYahoo! User Interface Library(Yahoo! UI)などです。 これらの他にもいろいろあって、現在は群雄割拠という状態ですが、いずれも、アニメーションやウィジェット、ツリーメニューやカラーエフェクト、ドラッグドロップなどのツールをAjaxな機能とともに提供しているのが特徴です。 それぞれのライブラリには、それぞれの特徴があり、使用方法もさまざまですが、今回は、その中からYahoo! UIのTreeViewメニューを取り上げて、使ってみたいと思います。Yaho
Yahoo! UI Libraryで提供されているtreeview.jsを使ってメニュー形式のツリー表示を行います。 フォルダとの違いは、expandAll(全て展開)ができないということです。 【基本:Yahoo! UI Library: TreeView[Folder]】 Yahoo! UI Library: TreeViewで準備するもの 最初にYAHOO.jsとtreeview.jsの2つのスクリプトを用意します。無い場合は、 Yahoo! UI Library: TreeViewから ダウンロードします。 TreeViewは、innerHTMLを使ってHTMLを出力します。そのため出力先となるタグ(id)を用意する 必要があります。例えば、HTMLに次のようなタグを用意します。 <div id="bn_tree"></div> 次にTreeView用の画像とスタイルシートを用意し
Yahoo! UI Libraryで提供されているtreeview.jsを使ってフォルダ形式のツリー表示を行います。 標準的(フォルダアイコンの無い)とフォルダは、基本的に同じつくりになります。 Yahoo! UI Library: TreeViewで準備するもの 最初にYAHOO.jsとtreeview.jsの2つのスクリプトを用意します。無い場合は、 Yahoo! UI Library: TreeViewから ダウンロードします。 TreeViewは、innerHTMLを使ってHTMLを出力します。そのため出力先となるタグ(id)を用意する 必要があります。例えば、HTMLに次のようなタグを用意します。 <div id="bn_tree"></div> 次にTreeView用の画像とスタイルシートを用意します。配布されているファイルのsrcディレクトリに cssフォルダとimgフォルダ
Yahoo! UI Library: TreeView というのを使ってみた。いろいろ紆余曲折があったけれどふつうに動かせるようになる。 しかし大きな問題が。 リファレンスをみればわかるように基本的にはふつうのTreeViewクラス。windowsのツリーコントロールと同じかんじでつくれるんだけど、ノードの追加のやり方が変。 var newnode = new YAHOO.widget.TextNode( "label", root, false); このコードでrootのノードの子要素として”label”という名前の新しいノードnewnodeができる。最後のfalseは、ノードを追加した時に親要素(ここではroot)を展開するかどうかを指定している。新しく追加されるノードは自動的に親要素の一番最後に配置されちゃう。順番に並べてる時とか、当然勝手に一番最後に入ってくれちゃ困るんだけど一
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く