CSS Niteとは、CSSを中心にWEB標準を取り巻く状況にスポットを当てるマンスリーイベント。毎月第3木曜日にアップルストア銀座で行われている。第11回はwithDの構築を担当していただいた株式会社ロクナナの中村享介氏がゲスト。Web標準の日での講演やweb creatorsの連載で注目を集める「ロクナナ・ブラザーズ」の1人とあって、会場にはお盆明けにも関わらず多くの人が集まった。

皆さん1日何時間くらい仕事してますか？

中村氏のプレゼンテーションはこんな質問からスタートした。

• 8時間以下：ちらほら。中村氏「いい感じ。優雅ですね（笑）」
• 10時間ぐらい：約半数
• 12時間ぐらい：こちらも約半数。10～12時間が回答の大半
• 14時間以上：少々。中村氏「大丈夫ですか…？」

会場の回答から「この業界の人は皆働きすぎだと思う」と中村氏。

私もこの業界の人のmixi日記を読んで感じることだが、本当にギリギリの状態で働いている人が多い。中村氏はこの状態が将来への不安とつながると、「新人が辞めてしまい育たない／優秀な人が他業界に流出する」とWeb制作業界自体の魅力が損なわてしまうことに警鐘を鳴らす。

「優雅なWeb制作」とは、このような状況を踏まえて、いかに作業の効率化と時間の確保を通じて改善していくかということのようだ。中村氏はWeb標準の日でも「Web標準テクノロジーの効率化テクニック」というテーマで講演しているが、この日も関連した内容となっていた。

作業の効率化という観点から

Photoshop／CSS／JavaScriptと3つの側面から効率化テクニックが紹介されたが、詳しくはスライドやポッドキャストを確認いただくとして、そのポイントを整理しておく。

Photoshop編

• 統合コピー→トリミング→Web用保存で高速化
  画像の切り出し枚数が激減する(X)HTML+CSSでの制作の場合、従来のスライス機能よりコマンドベースなので高速なのに加え、細かい範囲指定の微調整をツールに任せてしまえるなど合理的。
• アクション（機能の組み合わせの保存）
  上記の手順+必要ない画像を閉じるところまで登録してショートカット登録。手順の登録で、更なる効率化＆高速化。
• ドロップレット（アクションをドラッグ＆ドロップ対応に）
  デスクトップに作成したドロップレット化したアクションにフォルダごとドラッグ＆ドロップ。更なる効率化＆高速化が可能に。

CSS編

• ファイル設計／構成のモジュール化は常に必要か？
  小規模サイトであれば設計工程を省略して、自分の共通設計パターンを適用した方が管理しやすく、読み込みも早い。
  
  
  サイトが大規模になればモジュール化が最適。どの手段を適用するかを柔軟に判断するかが、効率化のコツ。

JavaScript編

• ライブラリを使った開発の効率化（jQuery）
  各要素をCSSのセレクタ感覚で指定できるの直感的に作業が可能。(X)HTMLの構造化がしっかりしていれば、CSSを組む感覚で非常に短くシンプルなコードで動作が実現できる。

時間確保の観点から

作業の効率化により時間が生まれたとしても、そもそも時間が確保されていなければ仕事が増えていく一方となる。ということで、最後に語られたのは「時間の確保の方法」。

「早くできてもすぐに納品しない」などオーソドックスな方法が多く、中村氏といっしょに仕事をさせていただいた私としては、「ほほぉ（ニヤリ）」と思わせる内容も。ただ、発注側も概ねそんなものだろうと思っているし、常にいっぱいいっぱいさが伝わってくる人よりも、そんな風にセルフマネジメントできる人に長期的に質の高い仕事を任せたいと思うものだ。

最後の時間確保のテクニックは「ネタ」として楽しんだとしても、作業効率化については非常に参考になるテクニックが紹介された。「なぜそんなに優雅なんだ」と思える人には、当たり前だがそれを実現するためのテクニックがあるのである。それは、高い情報収集力に裏打ちされているということも、最後に付け加えておきたい。

CSS Nite レポート　バックナンバー
株式会社ロクナナ
Kyosuke.jp（中村享介氏のブログ）
Web標準の日での講演「すぐに役立つWeb標準テクノロジーの効率化テクニック」
web creatorsの連載「すぐに使えるCSSデザインテクニック」
当日のスライド
当日のポッドキャスト
【優雅な】Web制作者の会（mixi）
jQuery（はてなブックマーク）
CSS Nite