Jul 15, 2007
Web標準の日に行ってきました。その1 「jsライブラリで実装する効率的なWeb制作」編
台風がきている中、秋葉原まで「Web標準の日」を見にいってきました。
寝坊はするし、台風のせいで傘はぶっこわれるし、
さんざんでしたが、参加した講義は、なかなかおもしろいものでしたので、
まとめておきます。
■参加した講義
jsライブラリで実装する効率的なWeb制作
西畑一馬さん
西畑一馬さんのブログ
■内容
1、ライブラリの紹介
2、ライセンス形態の紹介（MTI、BSD、GPL、CC）
3、jsライブラリの使い方（実装方法、使用上の注意など）
4、jsライブラリの使い方（無名関数など）
5、グループワーク
続きは次ページで。
1、ライブラリの紹介
多機能なjsライブラリ
• prototype.js
http://www.prototypejs.org/
• jQuery
http://jquery.com/
• Yahoo! UI Library
http://developer.yahoo.com/yui/
• Spry framework
http://labs.adobe.com/technologies/spry/
単機能だけのjsライブラリ
・Lightbox（有名なスライドショーがつくれるjs）
http://www.huddletogether.com/projects/lightbox2/
• curvyCorners（簡単に角丸なデザインがつくれる）
http://www.curvycorners.net/downloads.php
• Image Rollover Code（ロールオーバーがイメージ画像名だけでつくれる）
http://www.dnolan.com/code/js/rollover/
• alphafilter.js（IE6でPNGの背景透過が実装できる）
http://blog.webcreativepark.net/2007/02/01233315.html
2、主なライセンス
・MIT
使用・複製・改造は自由。
著作権表示および本許諾表示は必ず記載
著作権者はなんら責任を負わない
・BSD
使用・複製・改造は自由。
無保証の明記が必要
著作権表示および本許諾表示は必ず記載
・GPL
使用・複製・改造は自由。
複製・改造したもののソースコードにアクセスできないといけない。
複製・改造したもののライセンスもGPLでないとダメ。
・CC
作品を創作した人の氏名・タイトルなどの情報を表示する
営利目的での利用はNG
作品の改変は禁止
改変することで新たに創出された作品は、当初の作品のライセンス条件を継承される
使用するときはライセンスを確認しようね。
3、jsライブラリの使い方（実装方法）
実装方法は、簡単なのでここでは省略。
使用上の注意など
・ライブラリ依存型ライブラリの使用の際
ライブラリ依存型ライブラリを使用する際には、jQueryとprototype.jsは
同時に使うことができないので、注意。
・onload記法
onloadイベント時に複数の記載がしてある場合、
最後に宣言されたものしか動かないので注意。
複数のjsライブラリを使用して片方が動いて、片方が動かない場合などは、
onloadイベントがぶつかっている場合が多い。
そんなときは、
で回避しましょう。
4、jsライブラリの作り方
DOMの説明は他のセッションでということでした。
・getElementsByClassName()
getElementsByID()と同じようにclass名がとれる関数。
こいつは便利。
・無名関数
無名関数でJavaScriptを包むことによりグローバルなオブジェクトを汚さずに
JavaScriptを記述することができます。
要するに、グローバル変数などを考慮しておかないと
使いにくいjsライブラリになるよとのこと。
無名関数に関しては、ここに詳しい記述があります。
5、グループワーク
jsライブラリで欲しい機能
いろいろ出てましたが、
・フロートしたDIV要素の下ラインをclass名で判別して自動的に合わせるjs
・表組を自動的にグラフ化してくれるjs
・パンくずリストを自動的に生成してくれるjs
あとは、、、忘れた。。。。
Kawata ： 7:36 PM
このエントリーのトラックバックURL：
http://www.link-log.net/mt/mt-tb.cgi/762