Ajaxでカレンダー（YUI）
Ajaxに少々興味が湧いているので、カテゴリを作成。Ajaxに、かなりのパワフルさを感じた。今日の成果でも書いてみよう。
最初に断っておこう
わたしはAjaxなんか知らない。初めて触れたのは昨日である。なので鋭いツッコミされても返答に困るので、そっとして置いて下さい。
発見
色んなところを放浪していると、「YUI」なるものを発見。プリチーな女の子の名前かと思っていたんだが、これは「Yahoo! User Interface Library」の略で、どうやらライブラリ集であるようだ（私は本業でこういうのはよく使用するので、何ら抵抗は無い）。
Yahoo!R User Interface Library (YUI)ダウンロードして、驚愕！
「ふぅーん。ライブラリね」と、何気にダウンロードしてみた。するとファイルサイズが7.7MBもあるではないか。何でこんなに大きいんだ？と不審がって、解凍してみると...そのライブラリの数！jsファイルひとつでライブラリひとつと考えていいのだろうが、そういう類のファイルがあるわあるわ...。DOM、イベント、アニメーション、ボタン、etcetc...全ファイルサイズ23.6MB、ファイル数814個、フォルダ数135個。
早速何か作ってみる
早速ではあるが、YUIで何か作っているサイトを調べる。あった。こちら。
つゆだくのJavaScript・スタイルシートここにクイックで作れそうなカレンダーサンプルがあったので早速作ってみる（作るというよりは猿真似だが）。Under The Bridgeサイトのフォルダ下へAjax実験用フォルダを生成し、jsファイルをセレクトしてアップロード。チョコチョコ書いたhtmlをアップロードして見てみると...できてる。わたしはこのソースの短さにかなり注目した。感動さえ覚えた。
実験カレンダー以下、実験で書いたtest.htmlソース。短い。
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<script type="text/javascript" src="http://www.apstars.com/blog/ajax/yui_calendar/yahoo-min.js"></script>
<script type="text/javascript" src="http://www.apstars.com/blog/ajax/yui_calendar/dom-min.js"></script>
<script type="text/javascript" src="http://www.apstars.com/blog/ajax/yui_calendar/event-min.js"></script>
<script type="text/javascript" src="http://www.apstars.com/blog/ajax/yui_calendar/calendar-min.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.apstars.com/blog/ajax/yui_calendar/assets/calendar.css"></script>
</head>
<body>
<div id="cal1Container"></div>
<script type="text/javascript">
var cal1 = new YAHOO.widget.Calendar(
"cal1", /* ID名 */
"cal1Container" /* element名 */
);
cal1.render();
</script>
</body>可能性ありそうだ
FireFoxとIE6で見比べると、生成されたカレンダーの大きさが違う...まあこれは調整できるのだろう。どうやればいいのかは今はわからん。
日本語の参考文献や書籍が一切ないので、ちょっと欲しいかも。私はモニタ上の資料をを見ながら作業するのが好きではないのだ。なんかイイ本は無いだろうか？
しかしAjaxか。これはオブジェクト指向なプログラミング的な要素の匂いがする。プログラミングといえば、楽して早く構築するのはいいことである。そのためにクイックにコールできるライブラリというものが存在する。YUIライブラリを使い慣れ、欲しいものがパッと作れれば、かなりムフフかもしれない。
最後に
WEBを弄くる本来の目的より、流されつつあります...
- カテゴリ:214Ajax
トラックバック(0)
このブログ記事を参照しているブログ一覧: Ajaxでカレンダー（YUI）
このブログ記事に対するトラックバックURL:
- Categories
- スポンサードリンク
parts
コメントする