Web標準にアプローチ　〔まいまいのお宿。〕

• 益子貴寛さん（著書「 Web標準の教科書 」は私の愛読書です）
  http://www.cybergarden.net/
  
  
• 長谷川恭久さん（テンポ抜群のプレゼン進行）
  http://www.yasuhisa.com/could/
  
  
• 鷹野雅弘さん（会場のウケが活動力？･･･笑）
  ※まぐまぐから発行されている
  　 「DreamweaverでWeb標準(XHTMLとCSSでサイト構築)」を読んでいると
  　 より理解が深まります

【益子さんのプレゼン　～サイバーガーデンが考える次世代のWebライティング～】

事前に配布資料があって、予習ができました☆

お三方ともそうですが、プレゼン慣れしているな～というのが正直な感想。
楽しいけれど、印象、プレゼン進行ともにクールですね。

少しキーワードが難しくて、ハテナをぶっ飛ばしながら聞いてました。
この辺りが、ご本人もあげていた「ミドルレンジをどのあたりに想定するか」なのでしょう。

表現の仕方について、かなり凝縮されて説明されていたので
頭がギュ～！となってしまいました。

コンテンツの配置、フォームの設計、表現の仕方。
「私、やっちゃってるよ！」と、ココロのなかで呟きながら
今後は「*（アスタリスク）をフォームの必須項目のマークにしないぞ！」と決断したのでした。

⇒ フォローアップ：益子貴寛さんの資料（PDF＆MP3）

【長谷川恭久さん　～CSS3をJavaScriptで先取り実装！～】

お願いですから、あまりツボにはまらせないでください。
クリエイターさんってのは、愉快な方が多いですが、長谷川さんはツボですね。
テンポが抜群で、飽きさせない。
お三方の中で、一番プレゼン時間が短く感じました。

JavaScriptって可能性が広がって楽しいですね～
「なんちゃって」でしか使ったことがなかったので
もっと有効的な使い方ができる！とワクワクして聞いていました。
10行以下のコードで表現の可能性が広がるなら、使ってみたいと思いませんか？

ネタとしては、以下の３つ。

1. テーブルで行の交互に背景色を付ける
2. 四方角丸を表現する
3. リンク先のドキュメントに応じてアイコンを表示する

• document.getElementsByTagName
• document.getElementById
• a[i].getAttribute("href")

⇒ フォローアップ：長谷川恭久さんの資料（PDF&MP3）

• プロパティインスペクタは使わない（やや語弊がありますが <(_ _)> ）
  ･･･私はほとんど使わない･･･HTMLエディタを使うことが多いてのもあるけど。
  DW使うときは隠してしまえ！（笑）とか思ってる私。
  便利なのは、画像の縦横サイズが自動で入るトコなんだけど。
  そこをクリアすれば本当にイラナイ。
  
  
• テンプレートでbodyを変更する方法
  これ、メルマガで読みました＾＾
  「今、このカテゴリにいますよ」を表現する方法とか。
  http://blog.mag2.com/m/log/0000169311/106746861.html
  bodyのid属性を変更すると、ページごとのCSS設定が楽になる！
  「CSSシグネチャ」というそうですよ。
  ⇒bodyのid属性の変更をDreamweaverMXで試してみました♪【下図（A）】
  
  
• テンプレートで属性を編集可能にする方法
  組み合わせ技の「@@PageTitle@@」は目からウロコですね。参加者には分かるハズ！
  ⇒目からウロコ技をDreamweaverMXで試してみました♪【下図（B）】
  
  
• テンプレートでオプション領域を設定する方法
  長いページには「トップへ戻る」をつけて
  短いページには付けないといったタイプのテンプレートの設定方法。
  これも、メルマガで予習済み♪
  しかーし！実践してみたのは、イベント後（汗）
  ⇒DreamweaverMXで試してみました♪【下図（C）】
  
  
• テンプレートでリピート領域を設定する方法
  同じ形（レイアウト）のもの（テーブルとかリストとか）をポンポン追加したり
  順番を変えたりするのに超重宝！
  新着情報とか、カタログの一覧ページとかを例に、その重宝振りを伝授してみえました＾＾
  ⇒DreamweaverMXで試してみました♪【下図（D）】
  

（A）bodyのid属性を変更



（B）@@PageTitle@@



（C）トップへ戻る



（D）リピート領域

CSS Nite が鷹野さんのメルマガのライブ版的なところがあるので
メルマガ（バックナンバーでも十分☆）を読んでおくと、もっともっと分かりやすいと思います。
予習と復習って感じですね。

DWって使えるところは、本当に使える。
テンプレート用のコメントタグは、ちょっとお邪魔だけど･･･
Studio8 欲しい･･･でも、高いので
手持ちのバージョン（MX）で実践できるところを使っていこう！と決意して帰宅して今日。
全部MXで、できるんですね（汗）
バージョンアップする必要なーし！えへ。

私が、DWをはじめて触ったのは、就職してからでした。
「使って覚えろ！」ってのは、まぁよいのですが
便利な使い方とか、ベースになる部分は、教育すべきではないか？と思います。
適当に使い始めると、勿体無いところがいっぱいあって・・・
これも良し悪しかもしれないけれど
知らなくて要領悪くなっちゃうのは企業的にマイナスでしょう？

なんにしても、好奇心とモチベーションが問題か（汗）
「そんな余裕ない！」ってのが本音っすかね（笑）

⇒ フォローアップ：鷹野雅弘さんの資料（PDF&MP3）

【ためになるCSS Nite in Nagoya スポンサー（など）情報】

クリエイティブコモンズ
http://www.creativecommons.jp/
こういうライセンスがあるんですね。
「All Rights Reserved.」だけじゃない！

a-blog
http://www.a-blog.jp/
トライアル版があるそうです。
30日間がトライアル期間。
・・・ってことは、払わなかったらキャンセルってことかな？

人材派遣・転職支援のデジタルスケープ
http://www.dsp.co.jp/
Webディレクターさんを渇望してらっしゃいます。
名古屋まで行くと、この手の職は困らない？

VOX
http://www.vox.com/
新しいSNSのカタチ･･･ですね。

withD
http://wd.dsp.co.jp/
WEB・ゲームなど各分野のデザイナー・クリエイター・ITエンジニアの方のための
仕事探し応援サイト

WCAN
http://www.wcan.jp/
ムービーとPDFが載っかっていました。




以上で～す！

それから･･･
鷹野さんをはじめ、プレゼンターの益子さん、長谷川さん、スタッフの皆さん
お疲れ様でした。
次回があれば、また、参加したいイベントです！

CSS Nite 公式ブログ
http://cssnite.jp/
レジュメやら資料やら、当日の音声やら、アップしてくれるので有難やぁ～<(_ _)>


･････つづく