2006年10月10日、津田ホールにて開催する「CSS Nite LP」の第一弾にご出演いただく境 祐司さんの講演内容が決定しました。

CSSデザインを自動化するための7つのルール

境 祐司

tableタグを利用したグリッドレイアウトが流行ったとき、デザイナーは複雑な入れ子タグを手作業で記述していました。後にCyberStudioやDreamweaverなどのメジャーソフトがテーブルレイアウト機能を搭載し、作業の大半を自動化します。直感的なレイアウトワークが実現してからは利用者も一気に増え、デザイン論やテクニック、メリット・デメリットの議論などが活発化していきます。

現在、やっと定着してきたCSSデザインはまだ「手作業」の段階です。Dreamweaverなども支援ツールの提供にとどまっており、直感的な作業は困難です。過去の歴史をみれば、CSSデザイン・ワークフローの一部が自動化されるのは間近のように思えます。このセミナーでは「CSSデザインを自動化するための7つのルール」と題して、新しいワークフローを少しだけ先取りしてみたいと思います。

第1部（ゲスト）

Vol.2からVol.10までのゲスト一覧をまとめました。

<td><a href="https://cssnite.jp/vol03/">3</a></td>
<td>2005年12月15日</td>
<td><a href="http://standards.mitsue.co.jp/archives/000126.html"><strong>Web標準のススメ </strong><br />
  </a><a href="http://standards.mitsue.co.jp/">木達一仁（Web標準Blog）</a></td>

<td><a href="https://cssnite.jp/vol04/">4</a></td>
<td>2006年1月19日</td>
<td><a href="http://www.h2o-ajax.com/article.php?id=9"><strong>Ajax超入門 </strong><br />
  </a><a href="http://www.h2o-space.com/">たにぐち まこと（H2O Space.）</a></td>

<td><a href="https://cssnite.jp/vol05/">5</a></td>
<td>2006年2月16日</td>
<td><a href="http://www.yasuhisa.com/could/entries/000904.php"><strong>Webデザイナーのためのライフハック </strong><br />
  </a><a href="http://www.yasuhisa.com/could/">長谷川 恭久（COULD）</a></td>

<td><a href="https://cssnite.jp/vol06/">6</a></td>
<td>2006年3月16日</td>
<td><a href="http://admn.net/css_nite_vol6/"><strong>仕事に役立つ“CSSプランブック”のススメ </strong><br />
  </a><a href="http://admn.air-nifty.com/about.html">境 祐司</a></td>

<td><a href="https://cssnite.jp/vol07/">7</a></td>
<td>2006年4月20日</td>
<td><a href="http://www.cybergarden.net/blog/2006/04/css_nite_vol7.html"><strong>Web制作現場の対立を解消する！<br />
  (X)HTML+CSSガイドライン作り </strong><br />
  </a><a href="http://www.cybergarden.net/">益子 貴寛（CYBER@GARDEN）</a></td>

<td><a href="https://cssnite.jp/vol08/">8</a></td>
<td>2006年5月18日</td>
<td><strong>ビジネス・アーキテクツのCSSデザイン　<br />
  ─コンポーネント管理のフレームワーク─<br />
  <a href="http://www.b-architects.com/">森田 雄（ビジネス・アーキテクツ）</a></strong></td>

<td><a href="https://cssnite.jp/vol09/">9</a></td>
<td>2006年6月15日</td>
<td><a href="http://2xup.org/repos/doc/slide/css_nite_vol9/"><strong>Movable Typeで行うウェブサイト管理 </strong><br />
  </a><a href="http://www.sixapart.jp/">上ノ郷谷 太一（シックス・アパート）</a></td>

<td><a href="https://cssnite.jp/vol10/">10</a></td>
<td>2006年7月20日</td>
<td><a href="http://www.kanzaki.com/works/2006/pub/0720cssnite.html"><strong>フォーマルで行こう </strong><br />
  </a><a href="http://www.kanzaki.com/">神崎 正英</a></td>

  </a><a href="http://www.anchor.jp/">神森 勉（アンカー・テクノロジー）</a><a href="http://www.t-studio.com/column/index.php?ID=220&amp;cID=9"></a></td>

CSS Nite Vol.9の模様を写真でお届けします。撮影は飯田昌之氏。

▲オープニング：

ざっと過去のCSS Niteを振り返りつつ、Vol.13までのゲストをご紹介。アップルストアで月1回の無料セミナーを継続しながら、10月からCSS Niteの拡張版「CSS Nite LP」をスタートすることを発表。手前に見えるビデオカメラは、ストリーミング用のものです。

▲4Fでのストリーミング：
180名での入場制限を超えた方には、アップルストア4Fのインターネットカフェにて、ストリーミングでご覧いただきました。音声が切れたり、あまり状態がよくなかったとのことで申し訳ありませんでした。今回、1部／2部ともにポッドキャストしますので、ご利用ください。

CSS Nite Vol.9にご来場の方から、14名の方に、抽選かじゃんけん大会で下記の書籍やDVD教材をプレゼントいたします。 プレゼントをご提供いただいた企業様に改めてお礼申し上げます。

インプレス

『できるクリエーターDreamweaver独習ナビ』

『できる大辞典HTML+CSS』

『RSSマーケティングガイド』

ソーテック社

『Movable Typeでつくる!最強のブログサイト』

『WordPressでつくる! 最強のブログサイト 』

アロマネット

『Movable Typeではじめる ビジネスブログ・テンプレートブック』

技術評論社

『Web Site Expert』（#06）（2冊）

MdN

『月刊web creators』8月号（3冊）

毎日コミュニケーションズ

『Movable Type 例解テンプレートタグ辞典』

『Movable Type ブログテンプレート&デザインガイド』

株式会社ロクナナ、ROKUNANA WORKSHOP OF MEDIA DESIGN

「ROKUNANA WORKSHOP OF MEDIA DESIGN　A.e.SuckのFlashアニメーション講座 絵コンテ編、作画編」 DVD

なお、会場アンケートと引き替えで、シックス・アパートのノベルティをプレゼントいたします。

CSS Nite Vol.5の第二部「画像置換の光と影」に関する資料一覧です。

• 配布資料（PDF、1ページ、496KB）
• 音声データ

なお、このトピックは鷹野が発行しているメールマガジン「DreamweaverではじめるWeb標準」にて、さらに詳しく解説される予定です。