（A）５月度の月例会：
千葉市民活力創造プラザの会議室での勉強会風景
５月２４日（金）の１３時より開かれた例会で次の件が討議された上、了承された。
- ６月より入会を希望されている方の研修カリキュラムに就いての討議
入会される方のホームページ作製に関する技術レベルが判りませんので、６月例会に出席された折に話し合って決めることにしました。新入会の方が複数人あれば、全く新しい日に独自のクラスを考えて良いだろうという意見も出た。 - 長兵衛の「日本一周クルージング」途上のＵＳＴＲＥＡＭとＹｏｕＴｕｂｅの実験に関する検証
ＵＳＴＲＥＡＭのＬｉｖｅ動画配信に就いてはＩｎｔｅｒｎｅｔ接続可能なタイミングと考えた入港時刻が早まることが多かったので、実際にＲｅａｌＴｉｍｅで動画配信を受信出来た人が殆どいなかった。
ＹｏｕＴｕｂｅへの動画アップロードはＩｎｔｅｒｎｅｔ接続可能な時間が限られていたことと、船上でのＮＴＴドコモの電波の減衰が著しかったことなどの理由で、クルージング中のアップロードが僅かしか出来ず、殆どは帰宅してから行われた。 - ７月と８月の例会は例年通りお休みとすることを確認しました。
（Ｂ）勉強会：
（1） JavaScriptに関する復習
- jQuery の基本構文：
＄（”セレクター”）. jQueryの命令（）； - jQuery実行タイミングに関わるおまじない（省略形）
＄(function() {
ここにJavaScriptの処理を記述<br>
}); - jQueryの本体のライブラリーの読み込み
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
このラインの挿入は、ＨＰＢの「挿入」→「その他」→「スクリプト」の操作でおこなう。 - CSSのプロパーティーを変更する方法
$(“セレクター”).css（”プロパティ”：”値”）； - イベントに反応するjQuery命令
$(“セレクター”).click（function(）{
ここにjQueryの処理を記述する
｝）；
このサンプル・プログラムは０３－０２を復習してみる
（２）今日のjQueryの勉強
（a）jQueryのＤＯＭによる要素の選択
HTMLのタグをＤＯＭツリーという階層構造から指定する。
親要素、兄弟要素、子要素、filter、eachによる繰り返しなどの指定がある。
セレクタの指定の仕方：
☆HTMLタグで指定； 例 li
☆id名で指定： 例 #button、
☆class名で指定： 例 .man
☆ＨＴＭＬタグとその内部のid名で指定：
例 ul#button タグとid名をスペースなしで結ぶ
☆ＨＴＭＬタグとその内部のclass名で指定：
例 ul.man タグとclass名をスペースなしで結ぶ
☆ＨＴＭＬタグの子孫タグまでの指定：
例 ul.tab li a 子孫タグの間はスペースを空ける
上の例は <ul class="tab"><li><a>hogehoge</a></li></ul> のようなケースです。
☆.filterで絞り込む：例 li.filter(“.woman”) リストの中の女性だけ
☆.firstや.lastで指定：兄弟要素の中で最初や最後を指定
☆:eq(n) ：兄弟要素の中で０から数えてn番目の要素を指定
☆.next() や.prev()：兄弟要素の中で次や前を指定
☆.nextAll() や.prevAll()：指定した兄弟要素の中で次のまたは前の要素全て
例 $(“li:eq(0).nextAll().” その兄弟要素全て
(b)第４章 JavaScriptによる画像・テキストの制御
☆ マウスを重ねると画像が入れ替わる サンプル・プログラム04‐01
☆ 画像のサイズを変更する サンプル・プログラム04‐02
☆ 画像を動かす（スタイルシート） サンプル・プログラム04‐03
☆ テキストを動かす（DOMについて サンプル・プログラム04‐04
☆ドキュメント階層ツリーの各階層をノードと言い、
ノードを指定するDOMコードは
document.getElementById("id名") で指定できます。
(c)第５章 jQueryによるClassの追加及び削除
- ＄（”セレクター”）. addClass（）；
セレクターで選択された要素にクラスを追加します - ＄（”セレクター”）. removeClass（）；
セレクターで選択された要素からクラスを削除します - サンプル・プログラム０５－０２の演習
この演習を十分理解できなかった方は、見本のＣｏｐｙ＆Ｐａｓｔｅせずに、自宅で落ち着いた折に白紙から作成してみて下さい。
(Ｃ） 次回の例会とその討議テーマ
日時： 平成２５年６月２８日（第４金曜日）13:00～16:30
場所： ツイン・ビル2号館9階の千葉市民活力創造プラザの会議室
テ―マ： jQueryの入門の続きで更に複雑なjQueryのアニメーション命令の実習をします。
宿題： 演習の準備の仕組みを良く理解して、次のSample０５－０３からの実習がスムーズに行われるように
しておく。
