Three.jsを使って、作ってみた

プログラミング関連の事を色々書いています(^^) 週末はレストランやコンビニのお菓子のことを書いています。

jQuery UI 「jQuery UI」とは

今回は、「jQuery UI」について書きます。


jQuery UIは、インタラクティブなWebサイトを開発するために使用される、jQueryをベースにしたJavaScriptのライブラリです。
wiki
jQuery UI - Wikipedia


公式サイトは、コチラです↓
jQuery UI
f:id:gupuru:20140206172818p:plain


ここからは、jQuery UIのダウンロード方法を書きます。


公式サイトに行き、「Download」を選択します。(青丸の部分)
f:id:gupuru:20140206173038p:plain


ダウンロードページの下にある「Download」を選択すると、ダウンロードが開始されます。
f:id:gupuru:20140206173125p:plain



ダウンロードフォルダの中身は、こんな感じです。
f:id:gupuru:20140206173344p:plain
実際に使うのは、「js」と「css」のフォルダです。



次に、使用方法について、書きます。

使うのは、「js」,「css」フォルダに入ってるjquery-1.10.2.js」jquery-ui-1.10.4.custom.min.js」jquery-ui-1.10.4.custom.min.cssの3種類です。
※バージョンによって、名前が違います。今回は、「1.10.4」のバージョンをダウンロードしました。

上の3種類を、このように読み込めば、実行できます。

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>jQuery UI </title>
	<link rel="stylesheet" href="css/smoothness/jquery-ui-1.10.4.custom.min.css">
	<script src="js/jquery-1.10.2.js"></script>
	<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
</head>
<body>

</body>
</html>

以上で終わりです。


参考ページ
jQuery UI - Wikipedia
jQuery UI