「CSSデザインの型でみる視覚表現」スライド資料のダウンロード

8月10日、六本木ヒルズにて開催されたイベント「D2」にご来場いただきまして、ありがとうございました（会場は、ほぼ満席でした）。

SESSIONで使用したスライド資料のダウンロードは、当日会場で配布されたプリントに記載されていると思いますので、ご確認ください。

私の講演（SESSION 5）のiPod用変換データ（360x270px）はここでダウンロードできます。
［Session5_CSS_20070810.zip］12.4MB
※データが欠けていました。PM20:00のアップロードが最新

※参照リンクは機能しませんので、あくまでダイジェスト版としてご利用ください。講演の内容を確認する場合は、（公式サイトから）PDF版をダウンロードしてください。
※PDF版のスライドは410枚ありますので、少々データサイズが大きくなっています。

---

iPodでスライドを見る場合は、iTunesの同期が便利です。

「CSSデザインの歴史」スライド資料のダウンロード

8月10日（金）の講演スライド資料の一部（CSSデザインの歴史）をダウンロードできるようにしました。音声を聞かないと意味不明の部分もありますが‥

当日の講演時間は60分ですが、CSSデザインの歴史についてはイントロダクションとして5分くらいでサラッ話します。残り50分ちかくはCSSの視覚表現についての話ですが、過去の経緯を知っておくと、より理解が深まると思います。

スライド資料（CSSデザインの歴史のみ）
PDF［session5_intro.zip］

尚、当日使用したスライド資料については、イベント終了後に運営事務局より（ダウンロード用IDなどの）お知らせがあると思います。

それでは、六本木でお会いいたしましょう。

講演「CSSデザインの「型」でみる視覚表現テクニック」

六本木ヒルズで開催されるイベントのお知らせ

イベント名：

Designer meets Designers 01
Produced by web creators & WEB STRATEGY

開催日：
2007年8月10日（金）

会場：
六本木アカデミーヒルズ49　タワーホール （六本木ヒルズ49階）

時間 ：
14:30開場／15:00開演（休憩時間の退出・再入場可能）

※参加申し込みは8月6日まで

---

SESSION 5
CSSデザインの「型」でみる視覚表現テクニック

私は、Webのプレゼンテーション技術である「CSS（Cascading Style Sheets）」による「視覚表現」をテーマにお話をします。このブログで「CSSのモジュール管理、ビジュアルデザインへの展開（仮）」として取り上げていたものです。
海外のWebサイトをcolor-forward、royal-standard、patchwork、celebrityの型に分類、CSSデザインの表現技法を解説していきます。詳細は後ほど‥

講演「CSSのモジュール管理、ビジュアルデザインへの展開（仮）」-2

以前、「色のメッセージ」をテーマに講演した際、Webメディアとの関連で質問が多かったため、今回の講演でも部分的に取り上げることにしました（イベント関連記事）。

前の講演では、ユーザーのデスクトップだけではなく、机上、PCが置かれている部屋の環境など、スクリーンメディアと空間における「色」の働きについてお話しましたが、今回は既存のWebサイトを分解しながら、やや技法解説よりの内容になります。

講演「CSSのモジュール管理、ビジュアルデザインへの展開（仮）」-1

8月10日、六本木で開催されるイベントで講演するテーマの続報でございます。すでに登録は始まっていますが、詳細は20日頃に告知されると思います。

過去に書いた本「XHTML&CSSリフォームデザインガイドブック」、「CSSビジュアルデザインメソッド」、「Webデザイン・ルールメイキング」を混ぜ合わせ、CSSによる視覚表現のパートだけを抽出したものにデザイン技法をプラスした、学校授業のような進行になりそうです。

• コーディングとデザインを一人でやっている方には最適
• 概念の話よりも、CSSによる視覚表現技法を解説する内容になりそう
• スライドを見てもらう形式ではなく、作成プロセスを見せながら進める
• いろいろ詰め込むと解説が薄まってしまうので、講演のミッションは「CSSでこうすれば、こういう視覚表現が可能」と単純化する
• 今回、精神論と未来志向は排除

参考：

• 意見交換会「Webのガイドライン作り」
• Webデザインのルール化 - 奮闘記2006

---

※他社のセミナーでは建築関係の講習、そして秋は知財関連で「暗黙知とイノベーション」の講演があり、分野がメチャクチャですが、本業が職能横断型（クロスファンクショナル）なので「仕事の経験」を話すことで成り立っています。このブログに関係のない講演については書いていませんが、時々聞かれるので触れておきます‥

講演で使用したスライド資料について

「Web標準の日々」70以上あったセッションの中でも異色のテーマと言われていた「Utility-video」。制作者・技術者向けのイベントだったので、今回はさすがに参加者いないのではないかと思っていましたが‥
ご参加ありがとうございました。

強調させていただいたのは、

• 映像の引用（Deep Tagging）
• とにかく映像にメタデータを！
• 映像のシーン単位でマークアップする（紹介したサービスを是非試してみて）
• アマチュアのコンテンツにユーザーの時間を奪われていることを意識して！
• アマチュアはお金で動かない、インターネットもWeb標準も支えているのはアマチュア
• Web業界の新陳代謝はかなり速い
• 全世帯に設置されるネット端末とWeb業界への影響
• ワイドスクリーンテレビ向けのWebサービス・デザインも各社独自に試行中
• 日本の場合、あと3年注意深く

等々でした。

スライドにはキーワードしか書かれていないので、受講されていない方のために補足しておきます。

講演で使用したスライドのダウンロードは、イベント参加者全員に配信される事務局からのメールをご覧ください（近々に配信されると思います）。

• スライド資料（PDF形式）
  一部のサービス画像は削除しますが、参照リンクはすべて記載されていますので、興味をお持ちになったサービスは是非試してみてください。
  息抜きタイムで紹介した「飛び出すWeb」のスライド画面は、本筋とあまり関係ないので‥削除しました。iPod用のスライド画像には残っています（当日配布したメガネで見ると、iPodのディスプレイでも飛び出します）。
• おまけ
  講演のときにお話したとおり、iPod用の最適化画像（360x270px）を用意いたしました。ご希望の方はダウンロードしてください。
  参照リンクは（単なる画像なので‥）機能しませんが、当日使用したスライドそのままです。サービス画像も削除していません。iPodを持っていない方も画像管理ソフトなどに読み込めば、閲覧できます。

参考：
もし、iPodでスライドを見たい場合は、iTunesの同期が便利です。

スクリーンから飛び出すWebページ

赤青グラス（3Dメガネ）が準備できましたので、「Web標準の日々」のセッション「ユーティリティビデオコンテンツによる新しいWebサービス」で告知していた「スクリーンから飛び出すWebページ」を紹介いたします（メガネを会場で配布します）。
これは、あくまでプレゼンテーションの息抜き（遊び）ですが、Webキャンペーンのヒントになるかもしれません。

「Web標準の日々」関連のエントリーは、カテゴリ「［01a03］2007年のイベント」にまとめることにしました。

2011年以降のアップローディング・スタイル

報告会

• HTMLの仕様が複雑になると世界中のアマチュアコーダー1000万人がいなくなる
• シンプルアプローチと高機能化による制作者人口の変化
• 「玉石混交の「石」が少なくなると、どうなる？」
• モジュール化の考え方
• 誰でも簡単「アップローディング（Uploading）」で何が変わる？
• デジタルテレビでもアップローディング
• 映像とセマンティクス／ビデオも正しくマークアップ

Uploadingについては、7月15、16日に開催される「Web標準の日々」で講演する「ユーティリティビデオコンテンツによる新しいWebサービス」でも簡単に取り上げる予定です。

尚、「Web標準の日々」関連のエントリーは、カテゴリ「［01a03］2007年のイベント」にまとめています。

「講演の内容」イベント：Web標準の日々

若干の変更があるかもしれませんが、以下のような流れで進める予定です（講演のテーマ）。

• イントロダクション
• 2007〜2008年で変わること
• 技術でみる！AIRとWPF・Silverlight
• 開発ツールでみる！Adobe CS3とMicrosoft Expression
• ブロードバンド環境世界一の日本だからこそ試せること
• 発想は「観る映像」から「使う映像」へ
• 注目したいWebサービス
• 事例紹介
• Google Maps-Street View
• ユーティリティビデオを活用した企画のポイント
• 次世代のビデオブログで「映像の引用」が可能になる？
• 映像のシーン引用によるコミュニケーションパラダイム
• 映像の引用と著作権
• 留守録が無くなる？ 全部の番組を24時間丸ごと録画するスタイル
• 目的は録ることから探すことへ
• 映像とセマンティックス
• 引用された映像シーンをケータイで共有
• コミュニケーションをさらに進化させるビデオコメント
• HTMLとBML（Broadcast Markup Language）
• 2011年から起こること
• エンディング
• 遊び「スクリーンから飛び出すWebページ」

タイムテーブルは「Web標準の日々」公式サイトをご覧ください

「Web標準の日々」関連のエントリーは、カテゴリ「［01a03］2007年のイベント」にまとめています。

イベント：Web標準の日々

私の勘違いですっかり告知が遅くなってしまいましたが、7月15、16日に「Web標準の日々」という大きなイベントが開催されます。秋葉原のダイビル、ダイドーリミテッドビル、ＵＤＸの3つの会場で、69セッションがおこなわれます。詳細は公式サイトをご覧ください。

私は「リッチメディア」トラックの1セッションで講演いたします

テーマ：
ユーティリティビデオコンテンツによる新しいWebサービス

AIR（Adobe）やWPF&Silverlight（Microsoft）など、新しいテクノロジーが登場し、過去の概念を覆すようなアイディアが具現化されつつあります。現在、Webでは2.0系のベータサービスが毎週のように公開されており、壮大な実験場と化しています。その多くは派生サービスですが、なかには新しい概念を創出しているアイディアもあり、インスピレーションを与えてくれます。

講演では、まずリッチメディア系のWebサービスを体系化し、最も注目されている「映像」メディアに絞っていきます。現在、Google Maps-Street View（Google）やALPSLAB video（アルプス）、RouteMovie（マインズ）など、地図と映像を融合させたサービスが話題になっています。Flashなどの技術によって映像データが容易に扱えるようになり、単なる鑑賞メディアからユーティリティ化した映像「ユーティリティビデオコンテンツ」として活用されるようになってきました。講演では世界の事例を紹介しながら、（見る映像ではなく）「使う映像」の特性を生かした新しいサービスの可能性についてお話いたします。

追記：
講演の内容がほぼ決まりました。