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 as DOM scripting, HTML and AJAX. The UI Library Utilities facilitate the implementation of rich client-side features by enhancing and normalizing the developer's interface to important elements of the browser infrastructure (such as events, in-page HTTP requests and the DOM). The Yahoo UI Library Controls produce visual, interactive user interface elements on the page with just a few lines of code and an included CSS file. All the components in the Yahoo! User Interface Library have been released as open source under a BSD license and are free for all uses.
Yahoo ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¼ã¹ã©ã¤ãã©ãªã¯ãJavascriptã§æ¸ãããã¦ã¼ãã£ãªãã£ã¨ã³ã³ããã¼ã©ã¼ï¼ã®ã»ããã§ããDOMã¹ã¯ãªããã£ã³ã°ãHTML&AJAXã¨ãã£ãWEBã¢ããªã±ã¼ã·ã§ã³ãã«ã³ããä½ãä¸ããã®ã«ä½¿ãã¾ããUIã©ã¤ãã©ãªã使ãã¨ãéçºè ã®ã¤ã³ã¿ã¼ãã§ã¼ã¹ããã¤ãã³ããããã¼ã¸å ã§ã®HTTPãªã¯ã¨ã¹ããDOMãªã©ã¨ãã£ããã©ã¦ã¶ã®ã¤ã³ãã©ã¸ã§ããè¦ç´ ã«å¼·åã»æ£è¦åãããã¨ã§ããªããã¯ã©ã¤ã¢ã³ããµã¤ãã®ã¤ã¤ã¨ããã®å®ç¾ä¿é²ããã¦ããã¾ãã
Yahoo! UIã©ã¤ãã©ãªã»ã³ã³ããã¼ã©ã¯ãæ°è¡ã®ã³ã¼ãã¨CSSãã¡ã¤ã«ãæ¸ãã°ãè¦è¦çã§ã¤ã³ã¿ã©ã¯ãã£ããªã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¼ã¹ã¨ãªãã¨ã¬ã¡ã³ããä½ã£ã¦ããã¾ããYahoo UIã©ã¤ãã©ãªã«å«ã¾ãã¦ãã³ã¼ãã¯å ¨é¨ãBSDã©ã¤ã»ã³ã¹ã«ä¹ã£åã£ã¦ãªã¼ãã³ã½ã¼ã¹ã¨ãã¦ãªãªã¼ã¹ããã¦ãã¾ãã誰ã§ãç¡æã§ä½¿ãã¾ã£ãï¼
æ¡å¤ã訳ãã®é£ãããªãããªãæ訳ã§ã
1.Getting Started
To get started with the Yahoo! UI Library:Download the Yahoo! UI components
The Yahoo! UI Library files are provided as downloadable ZIP files. You can download the Yahoo! UI Library as a complete package or use only the components you need. We do not host the Yahoo! UI library components; you must download the component you are interested in (or the entire package) and install it on your own web server.1.ã¾ãã¯ããã«ãYahoo! UIã©ã¤ãã©ãªã使ãã«å½ãã£ã¦ã ãª
Yahoo UIã³ã³ãã¼ãã³ãããã¦ã³ãã¼ãããï¼
Yahoo!UIã©ã¤ãã©ãªã®ãã¡ã¤ã«ã¯ZIPã¨ãã¦ãã¦ã³ãã¼ãã§ããããã«ãã¦é ã£ã¦ãã¾ããã³ã³ãã¼ãã³ããã¾ãã¾ãå ¨é¨å ¥ã£ãããã±ã¼ã¸ããããã¯å¿ è¦ãªåã ãããã¦ãã¼ãã§ãã¾ããããªãã®èå³ãæ¹ãããã®ããããã¯å ¨é¨ããã¦ã³ãã¼ããã¦ãã©ã¦ã¶ã«ã¤ã³ã¹ã³ãã¡ãã£ã¦ãã ãããããåæã«ãã¦ããã¨ã
大ä½ãããªè¨³ã ã 大äºãªã¨ããã¯æ éã«è¨³ãã¾ãã
2.Include one or more library files in your web page
To use a specific component from the Yahoo! UI Library, include the path to that library in a <script> tag within your web page. Some components may have dependencies on other components, in which case you must include all the necessary components in individual <script> tags.2.WEBãã¼ã¸ã«ã©ã¤ãã©ãªãçµã¿è¾¼ãã«ã¯
Yahoo! UIã©ã¤ãã©ãªã®ä¸ã®ã³ã³ãã¼ãã³ãã使ãã«å½ãã£ã¦: ãã¼ã¸ã®<sciprt>ã¿ã°ã®ä¸ã«ã©ã¤ãã©ãªã¸ã®ãã¹ãéãã¦ãã ãããããã¤ãã®ã³ã³ãã¼ãã³ãã¯ä»ã®ã³ã³ãã¼ãã³ãã«ä¾åæ§ãæã£ã¦ãã¾ããããããå ´åã¯ãå¿ è¦ãªã³ã³ãã¼ãã³ããä¸åä¸å<scirpt>ã¿ã°ã§çµã¿è¾¼ã¾ãªãã¨ãããªãã§ãã
<scirpt src="hogehoge">ã£ã¦ãã¨ã§ãããä¾åæ§ãããã³ã³ãã¼ãã³ããããã¨ã
3.Include a CSS file, if necessary
Most Yahoo! UI Library Controls have a corresponding CSS file that determines the appearance of that component. You will also need to include that CSS file in a <style> tag in your web page. Although you are free to modify the CSS file to achieve a presentation specifically tailored to your site, you may find it helpful to use the included file as a starting point. (Note that unlike controls, utilities do not come with CSS files).
3.å¿ è¦ã«å¿ãã¦CSSãã¡ã¤ã«ãçµã¿è¾¼ãã§
Yahoo! UIã©ã¤ãã©ãªã®ã»ã¨ãã¨ããCSSãã¡ã¤ã«ã«å¯¾å¿ãã¦ãã¾ããã³ã³ãã¼ãã³ãã®æ¼åºã¯CSSãã¡ã¤ã«ã決å®ä»ãã¾ãããã¼ã¸ã«CSSãã¡ã¤ã«ãçµã¿è¾¼ãã«ã¯<style>ã¿ã°ãå¿ è¦ã§ããCSSãã¡ã¤ã«ãçµã¿è¾¼ãã§ããã¨ãåã£æããã楽ã«ãªãã¨æãã¾ããã¨ãã£ã¦ãèªåã®ãµã¤ãã«åããã¦ãCSSãã¡ã¤ã«ã«æãå ãã¦ããã£ã¦ãæ§ãã¾ããã
CSSã«ã¤ãã¦æ³¨ææ¸ããåºæ¬äºé ã§ãã
Explore the documentation and examples
Each component includes detailed API documentation as well as examples of common use to help you get the specific results you're seeking. Be sure to review the API as you get started to ensure that you have a sense of what's possible. Understanding the API will be an important step on the road to a successful implementation.
4.ããã¥ã¡ã³ãã¨ãµã³ãã«ã«ãç®ãéãã¦ããã®ã ã
ã©ã®ã³ã³ãã¼ãã³ãã«ã詳細ãªAPIããã¥ã¡ã³ããå«ã¾ãã¦ãã¾ãã・・・ï¼ãã¾ã訳ããªãã®ã§ä¸é¨é£ã°ãã¾ãï¼ãï¼ãã®ã©ã¤ãã©ãªã§ï¼ä½ãã§ããã®ãããã£ããã¨æ¼ããã¦ããããã«ããAPIãè¦ã¦ãããã¨ï¼APIã®ãã¨ãã¡ããã¨åãã£ã¦ããã°ä¸åºæ¥ãªå®è£ ?ã«çµã³ã¤ã大äºãªä¸æ©ã«ãªãã£ããã
ã¨ããããããã¾ã§ã
ã©ã¤ãã©ãªã®å®è£
ã«å½ãã£ã¦ãç¹å¥éè¦ãªãã¨ã¯ãããã¦ãªãã§ãã