Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

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

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X
2006/09/24
XML
テーマ:Web標準(117)
カテゴリ:Web標準


2006年9月23日。待ちに待った CSS Nite in Nagoya に参加してきました。

台風14号は日本からそれて行ってくれたおかげで名古屋の空は快晴!
お昼ご飯を食べすぎて苦しい思いをしながら、会場へ向かいました(笑)

午後3時~7時半くらいまでという、なかなかなの長時間。
信じられないくらい肩が凝りました(汗)
もうちょっとゆったり座りたいな~というのが会場コンディション?の感想。
室内は綺麗で、スクリーンもくっきり見えて、そのあたりは満足でした。

帰宅後は、疲れて果ててバタンキュ~。10時間以上爆睡!
充実感も疲労度もマックスだったようですよ。
今も、頭がギュ~って感じで、まだ眠れますね(笑)
いくらでも眠れそうだけど、忘れないうちに色々とレポに残します。



プレゼンターは、以下のお三方。
  • 益子貴寛さん(著書「Web標準の教科書」は私の愛読書です)
    http://www.cybergarden.net/

  • 長谷川恭久さん(テンポ抜群のプレゼン進行)
    http://www.yasuhisa.com/could/

  • 鷹野雅弘さん(会場のウケが活動力?・・・笑)
    ※まぐまぐから発行されている
      「DreamweaverでWeb標準(XHTMLとCSSでサイト構築)」を読んでいると
      より理解が深まります




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

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

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

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

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

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

フォローアップ:益子貴寛さんの資料(PDF&MP3)


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

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

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

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

  1. テーブルで行の交互に背景色を付ける
  2. 四方角丸を表現する
  3. リンク先のドキュメントに応じてアイコンを表示する
より、クリーンな(X)HTMLコードに、より役割を分担した構造にするために・・・
著書「スタイルシートスタイルブック」もそういった視点から、書かれているのかな~

「1」のネタは、鷹野さんのメルマガでも違った切り口?で紹介されていました。
長谷川さんのプレゼン中にもあった JavaScript のライブラリ「prototype.js」を使ったものです。
http://blog.mag2.com/m/log/0000169311/107712347.html

少し長いですね。
学んできたことを組み合わせたら、もうちょっと短いコードがかけそうな気がしています。
  • document.getElementsByTagName
  • document.getElementById
  • a[i].getAttribute("href")

これと、JavaScript とか、他のプログラム言語を知ってるだけで
随分と表現の可能性が広がりますね!

私、学生の頃、プログラミングは大っ嫌いな科目でした。
就職してから、まともに覚えたのですが、「やってて良かった~☆」と思うのはこんなとき。
短いコードなら、割と楽に追えるし、少々長くてもなんとかね。
ちょっと嫌いなくらいがちょうどいいのかも。
好奇心が勝てばね。
フォローアップ:長谷川恭久さんの資料(PDF&MP3)

【鷹野雅弘さん ~Web標準時代のDreamweaverテンプレート活用~】

テンプレートを軽んじちゃぁいけないのでしょうね~と思いつつ、どうも億劫になったり(笑)
有効的に使うのはアイデア勝負ですね。

鷹野さんのパワーブック?の中身を覗き見しつつのプレゼンでした。
そこにテンプレートのヒントがあったりして。
基本のレイアウト別のテンプレートを登録しておくってはどうよ?
色んなマルチカラムのレイアウトパターンがあるよね~
いくつか、ソースコードとして保存しているけど、そういうのを登録するのも活用方法だなと。

テンプレートを活用して、よりクリーンなソースコードで組み上げていくときのポイントとかコツとか。
そいうったものを吸収してきました。
  • プロパティインスペクタは使わない(やや語弊がありますが <(_ _)> )
    ・・・私はほとんど使わない・・・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属性を変更
(A)


(B)@@PageTitle@@
(B)


(C)トップへ戻る
(C)


(D)リピート領域
(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/
レジュメやら資料やら、当日の音声やら、アップしてくれるので有難やぁ~<(_ _)>


・・・・・つづく


Web標準にアプローチ(サイト版) || 東京23区中心・駅近ホテルズ





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2006/09/30 11:02:11 PM
コメント(4) | コメントを書く



© Rakuten Group, Inc.
X