CSS Nite Vol.6:みんな大好き、角丸

毎月第3木曜日に、Apple Store Ginzaにおいて開催されている月例イベント「CSS Nite」の6回目です。第1部では、ゲストの境祐司氏による「仕事に役立つ「CSSプランブック」のススメ」と題したプレゼンテーションが、第2部では、主催者でもある 株式会社スイッチの鷹野雅弘氏による「みんな大好き、角丸」と題したプレゼンテーションが、各々行われました(CSS Nite Vol.6、終了しました)。

仕事に役立つ「CSSプランブック」のススメ

今回は、事前に「MACお宝鑑定団」から開催の告知が発せられる等、回を重ねる毎に 注目度が増している感のあるCSS Nite。今回のゲストは、自らの仕事を「Hidden Work」と称している 境祐司氏です。

氏による「仕事に役立つ「CSSプランブック」のススメ」と題した講義は、現在の高校教育における必修科目の一つ「情報B」にて提供されている内容を プレゼンテーション用にアレンジした形で行われ、過去のWebデザインの振り返りや今後の展望等をタイムラインシンキングを交えた形で解説。今一度、自分の立ち位置を認識すべし、といった内容にて進行されていました。

そして、過去のWebデザインの振り返りの中では、
  • 1993年におけるNetscapeの前身「Mosaic」の登場
  • 1995年の「Microsoft Windows 95」発表。流行語大賞における「インターネット」の選出。同年より沸き起こった「font」論争
  • 1996年の「CSS1」勧告。「Netscape Navigator 2.0」の登場
  • 1997年の「Netscape Communicator 4.0」「Internet Explorer 4.0」の登場。沸き起こるブラウザ戦争と独自仕様の乱立
  • 同時期に登場したテーブルグリッドシステムと、それに伴うCSSセミナー等の消滅
  • 1998年の「CSS2」の勧告
  • 1999年に登場した「Macromedia Dreamweaver 2.0」によるテーブルグリッドシステムの採用と、テーブルレイアウトの隆盛
  • 2001年~2002年における Webデザイン専門誌の創刊と「Wied」のリニューアル
  • 2004年頃から主流になり始めた XHTML & CSSをメインにした段組レイアウトのノウハウと、CSSハック情報の普及
等といった事象が解説され、階層的な教育システムにおけるCSSの基礎から、現在の主流でもある擬似的段組方法の習得、或いはブラウザの理解や安定したCSSハックの適用方法等の採用も紹介されていました。他にも、OperaやFirefoxにて先行して実装されている「CSS3」における段組設定の合理化、及び角丸定義の実装等も教育内容に含まれているとの事。現在の高校教育の内容に対する驚嘆が印象的で、後半に話されていたセマンティックWebの紹介等は、近未来に訪れるであろう ユビキタス社会との関連においても非常に興味深い内容で、機会があればじっくりと再受講してみたい、と思える程に充実した内容だったと思います。

みんな大好き、角丸

続いて、後半の鷹野雅弘氏による「みんな大好き、角丸」と題したプレゼンテーションでは、Webデザインにおける角丸やシャドウの実装を CSSによって実現するための手法の解説。XHTMLおいてリストのみの定義となっているソーステキストを、CSSを用いてタブ形式のナビゲーション(外観のみで見るとAppleのWebサイトの上部に実装されている タブ形式のナビゲーションに近いイメージ。構造は、異なるようですが)に仕上げるデモンストレーション等も紹介。自分のWebサイトにも近いイメージのナビを実装してみたい、と思ったりもしましたが、まずは 鷹野氏のメルマガ「DreamweaverではじめるWeb標準 ~XHTMLとCSSで構築するWebサイト~」を参考にしつつ、しっかりと理解を深めていきたいと思っております。

他では、MacBook ProにおけるDreamweaverの動作にも注目してみましたが、予想以上に軽快に動作していたと感じました。あくまでも、目で見た印象としてですが、懐疑的な声も聞こえる「Rosetta」のパフォーマンスを推し量る 一つの指標として参考にさせて頂きたいと思っております。

※関係者の皆様とApple Store Ginzaのスタッフの方々には、改めて感謝の意を表します。

【関連Link】



この記事へのコメント

  • 鷹野雅弘

    毎度エントリーありがとうございます。
    タイムラインシンキングっていうのは新鮮でしたね。

    えっ、そうだっけ?と年は正しく記憶していても、ずいぶん、私の意識の上では「ねじれ」がありました。

    そうですね、Dreamweaverはあまり重いと感じませんが、DragThingにドラッグできないんですよ~ iMacでも同様でした。
    テスト不足?
    2006年03月18日 00:47
  • Flipper

    鷹野雅弘様、いつもありがとうございます。
    境さんの講義は新鮮な驚きが沢山あって、とても勉強になりました。最近の高校教育は凄いのですね。他にも色々ありそうで、羨ましいような、うかうかしていられないような……
    DragThingはユニバーサル版ですか?そうだとしたらDreamweaver側の問題でしょうから、対応待ちですかね。私もMacBook Pro欲しいのですが……
    財布と相談です(笑)
    2006年03月18日 23:58

この記事へのトラックバック

CSS Nite Vol.6(ゲスト:境祐司氏)
Excerpt:  会社が終わってから銀座に直行し、「アップルストア銀座」で開催された「CSS ...
Weblog: モカの腹
Tracked: 2006-03-17 11:32

CSS Nite Vol.6、終了しました
Excerpt: 第1部では、境祐司氏が『仕事に役立つ「CSSプランブック」のススメ』と題し、プレ...
Weblog: CSS Nite公式ブログ
Tracked: 2006-03-18 01:05