はじめに Yahoo! UI Library 3(YUI3)は5月5日に3.1.1にバージョンアップしました。3月31日に3.1.0にバージョンアップしたあと、細かいバージョンアップが続いているようです。 今回は、開発時に便利なツールをまとめた、Developer Toolsのモジュールについて説明して行きたいと思います。 対象読者 Webアプリケーションに興味があり、Yahoo! User Interface Libraryに注目している人。HTMLとJavaScriptを使える人を対象にしています。 必要な環境 HTMLとJavaScriptが作成できるエディターとインターネットにつながっているパソコンがあれば、例題の作成、確認ができます。 作成時に便利なツール デベロッパーツール(Developer Tools)は、ページ作成時に便利な開発用ツールの集合です。 logメッセージを表示
YUIのExample「DataTable Control: XML Data Over XHR With POST」へのリンク このExampleは、先の「DataTable Control: JSON Data Over XHR」のXML版である。 違いは YAHOO! Local Searchから取得するデータの形式がXML形式であること HTTPのメソッドとしてPOSTを用いていること だけである。 YAHOO! Local SearchはXMLを標準の出力形式としてもっているので、これはWeb ServiceへRESTリクエストを発行する際のqueryStringに、形式を指定するだけで変更できる。 あとは、DataSourceに対する属性の設定を変更する。 また、POSTメソッドへの変更も、DataSourceへの属性変更だけでよい。 出力される画面は、先の例と同じであるため省
javascriptで表(データテーブル)を表示する(Yahoo UI Library: DataTable(2.6.0)) Yahoo UI LibraryのDataTableライブラリ -- http://developer.yahoo.com/yui/datatable/ データはYahoo UI LibraryのDataSourceを使用する。 サンプル 簡単なサンプル <!-- Dependencies --> <link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/2.6.0/build/datatable/assets/skins/sam/datatable.css"> <script type="text/javascript" src="http://yui.yahooapis.com/2
ALL_YUI_PROPS = [{"access": "", "host": "YAHOO.util.Region", "name": "0", "url": "YAHOO.util.Region.html#property_0"}, {"access": "", "host": "YAHOO.util.Region", "name": "1", "url": "YAHOO.util.Region.html#property_1"}, {"access": "", "host": "YAHOO.widget.Column", "name": "abbr", "url": "YAHOO.widget.Column.html#property_abbr"}, {"access": "", "host": "YAHOO.util.Get", "name": "abort", "url": "Y
Yahoo! UI Libraryが公開されています。Javascriptのライブラリがいぱーい http://developer.yahoo.net/yui/ どれ、せっかく今やってる勉強とかぶってるから、ちょびちょび訳してサンプルを作って見ようかな。雰囲気掴めればいいや程度のアバウトな訳です。的確に訳すのは難しそう Getting Started Licensing Download Components Yahoo! User Interface Library The Yahoo! User Interface Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such
Important Notice - October, 2008 On October 1, 2008 Yahoo! announced the release of YUI 2.6.0. This release contained the official YUI Carousel component. As you know, the intent of my carousel component was to fill in a gap in the YUI library. In 2006, I created the ycarousel component. Thankfully, many people have found it useful over the last 2 years. Before I left Yahoo! in 2007, I spent some
コメントと更新履歴の参照はゼロと無限の間のログ » Yahho Calendarでどうぞ。 Webのformで日付を入力する際に日付の選択をしやすくするためのポップアップカレンダー(Datepikcer)を表示するJavaScriptライブラリです。別Windowで開くのではなく、form上に表示します。(サンプルを見てもらうと分かりやすいと思います。) カレンダーはYUI 2 (Yahoo! UI Library version 2)のカレンダーを日本語を含む多国語化してポップアップ対応にしたものです。 また、これと合わせてGCalendar Holidaysを使うとカレンダー上に祝日の表示もできてます。 Yahoo!の日本版ということでヤッホーという名前にしました。(昔、Yahho!てサイトありましたね。)
今回はYahoo! UI LibraryのUIの1つであるツールチップ(Tooltip)機能について説明します。一般的なツールチップはブラウザの多くはデフォルトで実現しており、タグのtitle属性で指定したものがマウスオーバーにより表示されます。ただし、ブラウザがサポートするツールチップではテキストしか表示されません。ツールチップに画像とテキストなどを表示させたい場合には、Yahoo! UI Libraryのツールチップを使えば実現することができます。うまく使いこなせば、オリジナリティの高いツールチップを作成できるので、ブログやWebサイトの見栄えやユーザビリティが向上するでしょう。 Yahoo! UI Libraryの入手 まず、Yahoo! UI Libraryを入手しましょう(*1)。Yahoo! UI LibraryのダウンロードはこのURLにある「Download YUI」のボタ
Yahoo! UI Library > Yahoo! UI Libraryの構成 2007年01月09日 Yahoo! UI Library内のバリエーション Yahoo! UI LibraryにはVer 0.1.22 時点で20種類のライブラリが含まれ、大きく分けると4つに分類されます。基本的に必要なライブラリを選択して利用します。 1.YAHOO ・・・ Yahoo! UI Libraryのベース部分になります。 2.YAHOO.util ・・・ 主にユーティリティです。 3.YAHOO.widget ・・・ 主にウィジェット(部品)です。 4.CSS関連 ・・・ ブラウザに依存しないCSSの集合。単独で利用できます。 CSS以外の各々のフォルダには、jsファイルが複数入っていますが、基本的には、[名称].js(通常版)、[名称]-debug.js(デバッグ版)、[名称]-min.js
According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎! 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く