Yahoo! UI Libraryの訳

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のことをちゃんと分かっておけば上出来な実装?に結びつく大事な一歩になるっしょ。

とりあえずここまで。
ライブラリの実装に当たって、特別重要なことはかかれてないですね