Category : Web

previous entry コーディングコンテスト Vol.1に応募 | 画像置換の問題点 next entry

CSS Nite LP, Disk 3に行ってきました

Date2007-05-13 CategoryWeb TagsCSSNite

CSS Nite LP, Disk 3,行ってきました。簡単にレポートをまとめてみます。

活気ありましたね。関係者が集まると出てきがちな「うまくいかないことの愚痴」じゃなくて,「よし,やるぞ!」みたいな意気込みが溢れてました。
(記事内で紹介する皆さんのプロフィールやお話の内容は, CSS Nite LP, Disk 3 に掲載されていますので,割愛します。)

amazon : Lifehack with Mac―ストレスフリーの快適MACLIFEガイド - こもりまさあき著開会しょっぱなの抽選の一番最初に,こもりまさあきさんの「Lifehack with Mac - ストレスフリーの快適MACLIFEガイド」が当たりました。呼ばれて前に出たら,鷹野さんにマイクを向けられて...。ちょっと焦りました。Macとの付き合いは長いほうですが,まだまだ知らないこともあるぼくには,Macを改めて好きになる良書かも。今から読んでいきます。

LIVEコーディング

対照的なおふたりのコーディングを見せてもらいました。おふたりともDreamweaverの最新バージョンCS3でコーディング。

神森さんは,デザインビューとCSSのダイアログを中心に使い,ほとんどをマウス操作だけでやってました。ぼくの経験だと,初心者がこれをやるとソースが滅茶苦茶になりやすい。どう操作するとどう書き出されるか熟知していないとできない技だと思います。

一方,河内さんは,コードヒントを活用してキーボードでやっていくのが中心。ビューのほうはほとんど開いていませんでした。
河内さんのコーディングで参考になったのは,

  • メニューのところを,まずdl要素にして,dtに見出し,ddの中にさらにulを入れるところ。確かにそういう構造としてとらえることができますね。dl,dd,ulがコンテナボックスになるのでCSSでいろんな装飾ができるようになるという「副産物」がある。ということでした。
  • マウスオンで背景画像を入れ替えるような場合,最初の画像とマウスオン時の画像を並べて1枚にしておくところ。背景画像の表示位置を変えることで,見える部分が変わるってことですね。マウスオンしたとき,画像がロードされるまで空白状態になるのが回避できます。

やってみようかな

太田(ばけら)さんのAnother HTML-lintの話も面白かった。太田さんの話術によるところが大きいのでしょうか。ぼくもときどき使ってますが,「エラーが多すぎる」というまさにそれが理由で活用するまでには至っていませんでした。益子さんや小久保さんの話にもつながっていくんですが,validにするとか100点にすることだけが正しいんじゃないんですね。広く見えてないと「正しさの基準」を見誤るんだと思います。

長谷川さんのMicroformatsの話を聞いて,さっそくやってみようと思いました。そんなに難しくなく付加価値がつけられますね。HTMLのほうでは「classに決まった名前を入れるだけ」という仕組みが,Webの世界をもっと便利に変えるんじゃないかと予感させます。

鷹野さんのコーディング機能再点検。 Dreamweaverをずっと使ってきましたが,まだまだ使ってないところがあるなあ,と感じます。使いやすくするためのカスタマイズも大事。ちょっとやってみようと思いました。

コーディングとは

益子さんと小久保さんの話は,「いいコーディングって何か」ということを改めて考えさせられました。

小久保さんの話から,いいコーディングをすることが「Web環境の保護」になるんだなと思いました。環境のよいところによいものが生まれ,育ち,人が集う。そうでないところはけっきょく見捨てられていく。「Web環境保護論序説」というふうに聞きました。

益子さんの言う「真善美」の「善」は,そこにつながるんじゃないかと思います。分かりやすく,利用されやすいソース・コードがみんなのためになる,という「善」ですね。
益子さんの「美」を追求するコーディングはXHTMLとCSSでポエムするという雰囲気が漂ってました。

Twitter

Twitterもなかなか運営に役立ってたようです。メインスクリーンの横に長谷川さん作の「cssnite + twitter」でTwitterでの書き込みも映し出されていて,ちょっとした疑問や「聞こえません」みたいな呟きが,すぐに運営側に拾ってまらえましたね。Twitterで傍聴していた人たちもたくさんいたみたいだし。

ありがとう!

とてもよい刺激をもらいました。関係の皆さん,ありがとうございました。アフターパーティで名刺交換やお話しさせていただいた皆さんも,ありがとうございました。

CSS Nite公式ブログ:CSS Nite LP, Disc 3 -Coder's High- が終了しました に皆さんのレポートへのリンクがあります。こちらもどうぞ。

Microformatsについては, Main Page-ja - Microformats あたりを参考にしてみてください。

Top