ビデオ: 1-2 jQueryの基本（ライブラリの読み込み）（はじめてのjQuery） 2024
jQuery UIコードの作成は難しくありませんが、ライブラリの適切な部分を取得することは、HTML5およびCSS3プログラマーにとっては少し混乱する可能性があります。 jQuery UIライブラリは標準のjQueryパッケージよりもはるかに大きいので、必要ない場合は全体を含める必要はありません。
以前のバージョンのjQuery UIでは、パッケージ全体をダウンロードすることができましたが、さまざまな要素のそれぞれを別々のJavaScriptファイルに保存していました。さまざまな要素を適切に配置するために、半ダースの異なるスクリプトタグをアクティブにするのが一般的でした。
<！悪いことに、いくつかの依存関係の問題が存在したので、他のパッケージを使用する前に特定のパッケージがインストールされていることを確認する必要がありました。これにより、実際に使用するには単純なライブラリがかなり複雑になりました。幸運なことに、jQuery UIの最新バージョンでは、このプロセスがかなり簡単になりました。
テーマを選択（または作成）します。
-
themeRollerサイトを使用して、テンプレートライブラリから開始場所を選択します。テーマを正確にカスタマイズして、色、フォントなどの要素を変更して、必要なものを作成できます。
<！ - 2 - >
テーマをダウンロードします。 -
themeRollerにはダウンロードボタンがあります。テーマをダウンロードする準備ができたら、これをクリックします。
必要な要素を選択します。
-
プロジェクトを最初に始めるときは、おそらくすべての要素を選ぶでしょう。ページの読み込みが遅すぎる場合は、必要な要素だけを含む小さなバージョンを作成することもできます。今のところ、すべてを選んでください。
<！ - 3 - >
ファイルをダウンロードします。 -
あなたが望む要素を選択したら、それらをzipファイルでダウンロードすることができます。
zipファイルの内容を作業ディレクトリにインストールします。
-
zipファイルには多数のファイルとディレクトリが含まれています。 cssとjsのディレクトリを、あなたのWebページがあるディレクトリ（しばしばpublic_htmlまたはhtdocsディレクトリ）にコピーします。開発バンドル・ディレクトリまたは索引をコピーする必要はありません。 htmlページ。
複数のテーマをインストールする場合は、追加のテーマからテーマ情報のみをコピーします。
-
すべてのテーマは同じJavaScriptを使用します。 CSS（および関連する画像ファイル）のみが変更されます。プロジェクトに複数のテーマが必要な場合は、CSSのコンテンツをコピーするだけです。各テーマはメインのCSSディレクトリの別のサブディレクトリになります。
CSSファイルへのリンク。
-
jQuery UIで作成されたCSSファイルにリンクするには、標準のリンク技法を使用します。独自のCSSファイルにリンクすることも、カスタムCSSに加えて内部CSSを使用することもできます。パスが正しいことを確認してください。
JavaScriptファイルへのリンク。
-
jQuery UIツールキットでは、標準のjQueryライブラリとjQuery UIライブラリの2つのJavaScriptファイルもインストールされます。デフォルトでは、これらのファイルは両方ともjsディレクトリにインストールされます。両方のファイルにリンクする必要があります。場合によっては、通常のバージョンと並んで最小化されたファイルが表示されます。最小化されたバージョンには、minという用語が埋め込まれます。どちらのバージョンでも問題ありませんが、最小化されたバージョンはより高速に読み込まれます。
何かがうまくいけない場合は、ファイルパスを再度確認してください。ほとんどすべての適切なファイルにリンクしていないため、ほとんどの場合、問題が発生します。また、jQuery UIで作成されたCSSファイルにも画像が含まれています。テーマに関連する画像ディレクトリがあることを確認するか、プロジェクトが正しく動作しない可能性があります。 CSSとJSディレクトリ全体をダウンロードしてコピーした場合は、うまくいくはずです。
