イベント：NGN

NGN Summit

2007年10月3日（水）
ビジネスDAY　9：30〜18：10（予定）
2007年10月4日（木）
テクノロジーDAY　10：00〜17：45（予定）

来年を予定している商用サービス開始を前に、フィールド・トライアルも新たな局面を迎えさらに注目が集まるNGNですが、その具体的なメリットについて十分に理解されているとはいえません。そこで、本セミナーでは「NGN上で何ができるか」にスポットをあて、最新動向、海外事例、サービス、そしてテクノロジーと様々な角度からNGNの具体像に迫ります。会場では各社のパネル展示も行います。NGNの今、そしてNGNが拓く未来を体感してください。

会場：
ホテルニューオータニ東京
ザ・メイン宴会場階　芙蓉の間

受講料：
無料（事前登録制)

Webデザイナーのためのレジュメビデオ入門

こちらもかなり遅れてしまいましたが、当日の記録を掲載しておきます。
（2007.8.23）

テーマ：セルフプロデュース
デザイナーは、エージェントと契約するとVideo Resumeを作らないといけません。このビデオはエージェントスタッフが営業用のツールとして使います。単なるポートフォリオではなく、音楽アーティストにおけるPVのような機能を持たせます。最近はYouTubeの利用などが増えてきましたが、DVDは必ず用意する必要があります。
今回は、海外の事例をみながら学習し、実際にVideo Resumeを作成してみましょう。

Video Resumeを作成する過程で、自分の職業を俯瞰することができます。「やりたいこと（理想）」「やるべきこと（現実）」「実際にやれること（実力）」など、ぼんやりしていたことが見えてくるでしょう。

Video Resumeの構成 15:00

1. アイスブレーク 00:30
2. プロフィール（簡単な自己紹介）01:00
3. トラックレコード（今までの実績）05:00
4. バリュー（最も得意とする作業）06:00
5. スピリッツ（仕事に対する信念）02:00
6. ワンフレーズ（最後に一言、印象に残る言葉）00:30

※バリューパートでは必ず自分の「作業シーン（コーディングしながら話す）」をベースに組み立てること
※テロップによる解説は避け、ホワイトボードなどを使うこと

参考：プレゼンテーションビデオ

ボディランゲージモデル
（オーバーアクション効果）
Innovation at Google
Presentation by Google CIO Douglas Merrill on Innovation at Google

クラスルームモデル
（ホワイトボードを使った動的な演出）
What is Web 2.0?
It's one of the biggest buzzwords out there, but what exactly does it mean? Andy Gutmans of Zend defines Web 2.0 and explains how it's changing the face of the Internet.

スタンダードモデル
（標準的な速度と目線）
Videos of the Week (Vol. 11): XHTML
Learn about XHTML, a language in which webpages are written!

スクリーン連動モデル
（斜め座り＆流し目／カット割り）
NeXTSTEP Release 3 Demo
Steve Jobs demoing the NEXT operating system. Many of the features shown here are now in Macintosh OSX.

---

参考：Webプロダクションのレジュメビデオ
GOING INTERACTIVE
Recruiting a Web Developer

---

サブテーマ：
自分のスキルを目に見えるかたちにする
「Webデザイナーのパーソナル・レコーディング」
自分の作業を記録して公開することのメリット

Creating Snazzy Message Boxes

CSS Tutorial // Div Layers, Classes

Introduction to CSS editing using Firebug

小さな白板だけで進行
SGML, XML and HTML Part 2

勉強会：タイポグラフィの技（再）

もう、かなり月日が経ってしまいましたが当日使用した資料をアップロードしました。恥ずかしいので、私が作成した書体は非公開。

「自分のオリジナルフォントを作成しよう！」PDF

参考：
2004年9月26日「ページ記述言語の衝撃」

書体つくりは、言語の歴史にふれながら「形」の連続性について考える良いきっかけになるでしょう。専門性は多少薄めて、また開催したいと思います

講演の補足：fixed elastic layoutとオプション価格（再）

追記（8/22 PM17:58）：

• IEがバージョン8でOperaのようなイメージズームレンダリングを実装すれば、現在のページズーム問題は解決（Flash問題も解決）する‥計算可能性の範疇
• 社内のアクセシビリティ指針が先取り価格にどう反映されているのか追記
• 議論のファーストロケットは「テキストズームはもはや欠陥機能」という発言だった

補足：

積極的に売り込まない「fixed elastic layout」がオプションにもかかわらず、採用されているのはなぜ？

制作会社のオプション価格について：

ワイドスクリーン＆ページズーム対策については、海外の動向をみてください（2、3年先のことかもしれませんが、すでにノウハウが蓄積されています）。講演で紹介したサイトも参考に。

• みずほ証券
• IKEA

em moduleについて（補足）

• em moduleによるoverrideを可能にする
• em moduleは常にreplasableである
• em moduleを外し、いつでも「fixed layout」もしくは「fluid layout」に戻せるようにする

IKEAのfixed elastic layout

discount priceの理由：
（どうやらFlash問題も解決したようです
著名なクリエーターが取り上げないかぎり、日の目を見ない話題です。RSSを取得して、関連情報に注視してください。

講演「暗黙知とイノベーション」（再）

このブログにはあまり関係のない企業セミナーなので告知のみ（‥といっても申し込み受付は終了？したらしい）。
久々に本業の肩書きでいきます。

テーマ「暗黙知とイノベーション」

• 難解な概念にカタチを与える人
• ビジョナリーは「たとえ話」に長けている
• 世界の「ことわざ」
• 暗喩「メタファー」と類推「アナロジー」
• 状況意味論
• 情報活用術と思考停止の関係（過度な情報収集が思考停止につながる理由）
• インターネットは「海」ではなく「プール」
• アフリカのネット普及率430%
• 未開拓市場「ブルーオーシャンの海」
• 企業研究：DOUGALL DESIGN
• ネットでつなぎリアルでまわす
• アートは芸術にかぎらない「ビジネス界のアーティストたち」

補足：Flash CS3アニメ塾「4つの技で作るアニメーション」

先ほどのエントリーの補足：
4年前の技法ですが、古びていませんので取り上げておきたいと思います。

「10k-noise」 2003年版
「適用例（DVDに使用した画面）」 2003年版

• running shy（見切り）
• motion blur（モーション・ブラー）
• vibration（振動の演出）　→この技法のB応用で作成できます
• screen composition（画面割り）

Flash CS3アニメ塾「4つの技で作るアニメーション」

昨年から予定されていた「Flatmotion ワークショップ」ですが、今月は原稿執筆の「超」追い込みで、時間確保できず（すべては私の責任‥）。10月に延期させてください。

今回、皆さんに作成してもらうFlatmotionは3年前、某クラブのライブで作ったものです。このときは60分以上かかりましたが、Flash CS3だと半分くらいの時間でオーサリングできると思います。

• 参加者のみなさんに作成してもらう作品
• 途中、（背景だけが表示されている）間がありますが再生は続きますので、1回ループするまで見てください
• 上記のページでデータをダウンロードできますが（古いので）Flash CS3用のFlatmotionデータを用意します
• Flash CS3用のライブラリも用意します

ワークショップの目的：
Webデザインのワークショップと同じ方針です。まず、型稽古（技の習得）を徹底的に反復し、試合（実戦）を重ねることで個性・オリジナリティが生まれるという考え方です。
「センスや感性などを前提としない形式知化」を目指します。

今回、習得していただく「型（技）」

• running shy（見切り）
• motion blur（モーション・ブラー）
• vibration（振動の演出）
• screen composition（画面割り）

最初に実写ビデオ（スローモーション映像）を見て、技の原理を解説します。
また、写真週刊誌に掲載されている著名人の顔写真（ヘンな表情を選んでいる理由）を、例にしてアニメーションのコツをお話します。「マヌケな表情を一コマいれると、なぜ表情豊かなアニメーションになるのか」等。

「ディズニーから学ぶエクスペリエンス」も延期

申し訳ございません、次々とクローズドミーティングが延期されています‥。執筆優先のラフコンセンサスで進ませていただきます。今月、登壇できるのは8月10日のオープンイベントだけ‥となりました。

ディズニーに関しては、私が参加したプロジェクトのお話を中心に進めますが、フロリダに行ったときの写真で構成しています（つまり、以前使ったものです）。

※お願い：
勉強会までに「ニンテンドーDSが売れる理由　〜ゲームニクスでインターフェースが変わる」（秀和システム）を読んでおいてください（特に以下の項）。UI系の方には評判なので、すでにご存じかと思いますが。

• Capter1 1-5 テレビゲームのUI設計思想の進化
• Capter3 3-1 人間工学・認知工学とゲームニクス

追記：
34、35ページの「ゲームニクス理論のツリー図　〜直感的な操作、段階的な学習効果」も見ておいてください

勉強会「世界のWeb制作会社」、延期です

スケジュール確保できず、すみません‥来月末に延期となりました（今月、韓国に行けなかったことも影響）。

テーマ：
「世界のWeb制作会社と発注のポイント」
韓国、ドイツ、そしてインドについて。ちょっと意外かもしれませんが、クリエーター教育を絡めながらお話していきます。あくまで協業レベルの評価です。

India

参考（抜粋）：過去のレポート（米国）

〜デザイナーのコースにも必修のプログラミング授業（アルゴリズムの理解）があり、パフォーマンス（身体演技）もやらされます。また、エンジニアのコースにはアートの授業があります。

これらのデザインスクールは、職能横断的なカリキュラムを10数年前から実践しており、当時、流通していたAdobe Photoshopプラグインの多くはデザイナーが作ったものでした。

表現と技法が一体となった思考を重視する教育があったからでしょう。「こういう表現をしたい。でもPhotoshopにはそんな機能がないからダメだ」はご法度で、「だったら表現を可能にするフィルタを作ろう」という考え方を促する教育だったわけです。

現在、同様の教育がWebデザイナー志望の学生に対してもおこなわれています。学生は自分のツールを持っており、表現と技法、そして作業環境をデザインするセンスを磨いています。

Dreamweaverのエクステンションも多くは自分仕様であり、日々アップデートしながら、「本来やるべきデザインの作業にどれだけ時間を確保できるか」切磋琢磨しているのです。

Webの高度化および複雑化によって末端のデザイナーに過度な要求が押し寄せ、体力勝負になっている現状があります。つまり、いくら高いスキルを習得していても、この波にのまれてしまうと作業量につぶされ、本来やるべき視覚表現の提案やジャッジに時間が取れず、どこで妥協するかという「時間との戦い

勉強会「PC WebからTV Webへ。ヘッドハンティングの現状」

お知らせ済みですが、本日夜の勉強会は延期となりました（すみません、移動時間が確保できませんでした）。原稿書きなどに集中いたします‥
以下、テーマ内容のみ転載しておきます。

今回のテーマは、ヘッドハンティングの続きになります。
Web業界におけるサイト制作のコモディティ化が進み、オーバーシュートするタイミングがヘッドハンティングの動きと重なりそうです。

全体的に品質が向上して、どの制作会社に発注しても「顧客要求を満たす」ようになってくる時期を2008年以降と設定しており、コモディティ化による「速さ」「安さ」の競争に巻き込まれる会社をターゲットにしている（←クリティカルに読み解くこと）。

クライアントから「80万円でやってほしい」と言われても「160万ないとできません」と言える制作会社は、（以前ご紹介した）スターバックスコーヒーの「サードプレイス」に相当するバリューを持っており、

テーマ：

PC WebからTV Webへ。ヘッドハンティングの現状

• 全世帯に設置されるネット端末テレビにはPCの慣例を持ち込まない
• デジタルテレビの7割がネット接続型になる（家電5社のテレビポータル）
• デジタルテレビは2009年から
• ユーザーのパラダイムシフト／過去のソフトウェア資産を切り離す
• PCの慣例から離れるには？「Apple iPhone」の戦略を分析
• ユーザーのソフトウェア・インストール慣例をなくす
• タンジブルなインターフェイスに慣れさせる
• タンジブルインターフェイスとチュートリアルプレイスの重要性
• Wii Remoteと人間の身体知
• Apple iPhone戦略よりも注目したいApple TV
• Mac OSを搭載していても段階的に母艦（Mac & iTunes）から切り離していく
• 小さなボックスとTVをつなげるだけ／セッティング・ゼロ・スタート
• TV Webではセッティング・ゼロをクリアしないと進まない
• Web業界から人材を
• 技術の優位性は覆される、お金で買える／重要なのは「人」とスピリッツ
• Web業界で経験を積んだクリエーターに望むこと
• 2008年以降のヘッドハンティング

ヘッドハンティングでは、企業の依頼を受けると独自の人脈や情報をいかして候補者を探す。費用は着手金と成功報酬で合わせて対象者の年収の4〜5割程度というケースが多く、一般の人材紹介（3割程度）より高い。市場規模は70〜90億円程度とみられ、年々拡大している。

2007年7月18日／日本経済新聞「ヘッドハンティング拡大」より

NGN infrastructureについての参考：
神戸で「CJK+ITU-T　ラウンドテーブル会議」を開催
IMSはITU-TのFGで審議を！〜ITU標準化局長：M.ジョンソン氏が語る

e-Learning WORLD 2007

8月1〜3日、東京ビッグサイトで「e-Learning WORLD 2007」が開催されます。私の本業に関わる国内唯一のイベントで、海外動向を知る上でも貴重な場となっています。

基調講演では、韓国のYoung-Soon Kim氏が「韓国 eラーニング産業の現況と発展方向」、国内の現状については電気通信大学大学院の岡本敏雄 教授がお話されます。
8月3日の特別講演では「英国におけるe-Learning最新動向」と題して、Joel Greenberg博士とLaura Overtonさんのレポートがあります。

近況と週末の講演に関して

個人サイトより転載～

月曜からずっとデスクワークが続いています。
周辺では行方不明という扱いになっていますが、近隣国におりますのでご安心を。メールも頻繁にチェックしています。ただ、転送の転送‥といった面倒なことをやっているので多少の遅延がありますが‥

さて、週末からのイベント「Web標準の日々」ですが、どうやら15日はカンヅメになっているホテルから直行、という慌ただしいスケジュールになりそうですね‥（注意散漫で、またカバンを盗まれないように気をつけます）

「Web標準」のイベントでリッチメディアについて話すというのは、なかなかスリリングなわけですが、私のセッションのマイナーなテーマでも、参加者がいらっしゃるということで、がんばって有益な情報をお届けしたいと思っています。
勉強会の感じで、リラックスして進められると良いですね。

講演の内容は記載してあるとおりですが、そもそも、このテーマのきっかけは、現在関わっているWebプロジェクトにありました（リッチメディアのトラックでやるなら、これだ！と思ったわけです）。
eyespotから始まり、MotionboxのDeep TaggingやStar Wars Mashupsなど海外のサービスをレポートしてきて、「アマチュア」の概念がかなり変わってきたな、と感じていました。
来年あたりから、CGM TVのプロジェクトも動き出すようですが、もう一度、アマチュアを再定義し、既存のサービスに組み込めないかという話になりました。

サイト制作のコモディティ化がちらちら見えてきて、Web制作会社の焦りも相まったと思いますが、新たな仕事の創出、クライアントに対する提案の柱をつくることになり、その作業をサポートしています。

講演の内容は、技術の話よりもWebのサービスが中心になりますので、参考になりそうな事例を集めました。

スライドも200枚を超え（パラパラ漫画のように使いますので、あっという間に消費します）、iPodと連動させながら資料をリンクしています。

※スライドで紹介するサービスの画像は終了後に削除しますので、後日ダウンロードできるスライド資料は、かなり減って1/3くらいになっていますので、ご安心を。

7月・8月のイベント講演

7月15日（日）・16日（月）
The Days of Web Standards 2007［Web標準の日々］
A会場：デジタルハリウッド大学秋葉原校舎
B会場：デジタルハリウッド大学
C会場：UDX

講演日：15日　PM16:30-18:00
セッションNO.R3
テーマ「ユーティリティビデオコンテンツによる新しいWebサービス」

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

---

8月10日（金）
※イベントの詳細は後日

テーマ「CSSとビジュアルデザインへの展開（仮）」

参考：

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

---

10月
※詳細は後日

経営者向けの企業向けセミナー
テーマ「暗黙知とイノベーション」

---

12月
※詳細は後日

経営者向けの企業向けセミナー
テーマ「組織とヒーローコンプレックス」

---

2007年のクローズドミーティング（勉強会）は、あと10回ほど。2008年のスケジュールを検討中。
今後も、クローズドミーティングの成果をオープンミーティング（一般参加向けセミナー）などで発表する試みを続けていきます。

夏のロールモデル・レクチャー

以下、個人サイトからの転載です

2007.6.21

7月、8月は大型のイベント、ワークショップなどが目白押し。とうとう、お奨めしたいイベントが20以上になりました。社会人の皆さんは、週に何回も参加できませんで、受講費（お金）よりも「時間」の問題が大きいですね。

1日は誰でも等しく「24時間」。各企業は、通常の数十倍といわれる「時間の奪い合い」にどうやって勝つか知恵を絞っています。

さて、本日ご紹介するイベントは高校生向けのロールモデル・レクチャー。自分の未来を描く力というのは、外部的な影響が大きく、可能な限りたくさんの分野を見て、異なった価値観に触れた方が育ちます。

そして、ものごとを抽象化することに慣れてもらうのです。つまり、何に対しても「説明させる」。「なぜペットボトルは透明なの？」「なぜ、このイベントは無料なの？」「なぜ、巣鴨のお店は床に広告が貼ってあるの？」等々、最初はデタラメでもいいので、とにかく「説明」をしてもらう。説明に対して、また説明させる。このトレーニングは、「目の付けどころ」感やいわゆる「頭の回転の速さ」の獲得に関係していることは以前お話したとおりです。

トレーニングのきっかけとして重要なこと、それは「外へ出る」ことです。7月、8月は学生にとっても、企業にとっても「時間」の価値が高まるため、アクティブです。自分の好みや関心を超えた、まったく新しい情報に触れることができるでしょう。

---

「高校生のための社会スタディ」
自分の未来が見えてくる。はたらくことを考える課外授業

カリキュラム
「これが仕事だ！」と思った瞬間を、企業の第一線で活躍する講師が熱く語る１コマ70分の授業。

• お菓子が人に出来ること（ロッテ）
• 豊かな未来を創るために（野村グループ）
• 「がん保険」を広告するということ（アメリカンファミリー生命保険会社）
• グローバルを感じていますか？（ルネサンステクノロジ）
• 新しい”くすりの種”を探す仕事（第一三共）
• Think Globally, Act Locally（積水化学工業）

7月31日（火）13:00〜18:00
会場：秋葉原コンベンションホール
参加費：無料
参加資格：高校生

イベント：WHAT IS WEB DESIGN?

8月のイベントで講演いたします（いつも告知が遅れてしまうので早めに）。開催日時など詳細は後日。過去におこなった勉強会（クローズド・ミーティング）の内容を再構成したいと思っています。
多分、Webデザイン関連のオープンなセミナー参加はこれが最後になりそう、今まで蓄積したものを出し切りたいと思います

参考：

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

ディスプレイから飛び出す動画をキャンペーンで使う

講座 FLASH GROOVE 2007のお知らせ

6年前に「ChromaDepth 3-D」の技術を使ったFlashアニメーション制作の講座をおこないました。以下は、2001年にWebで公開していた教材の一部です。

今回は、難易度を下げてカラーアナグリフによるアニメーションをプランニングします。また、Webキャンペーンで活用できるアイディアも考えていきます（講座とは関係ありませんが、来月秋葉原で開催されるイベントでもリッチ動画の一例としてちょっとだけご紹介するかもしれません）。

3Dメガネをどのように配布するか、というのが訴求ポイントであり、企業提案の肝になります。FLASH GROOVEでは、リアルアクセスとWebキャンペーンの融合をテーマにします。

参考：
2001年の講座FLASH GOOVEの課題「ディスプレイから飛び出す！ステレオグラフィックスに挑戦する」の教材（一部）
※Flash 5で作成されたものです。当時のデータをそのまま貼り付けています。

このメガネをかけて見るとFlashアニメーションが飛び出す（赤青のグラフィックではないので迫力がある）。

アニメーションレイヤーにおける3次元の構造

参考：
Flashによるカラーアナグリフ動画

common style 研究会［準備メモ-01］

実践、体験する期間を確保したことで、オープンな研究会の立ち上げは大幅に遅れる見込みで、夏以降を予定しています。コンセプトワードは変わらず。

• クロスファンクショナル（複数の専門領域を横断する活動）
• リアルアクセス＆バーチャルアクセス バランス（移動し対面する時間と机に向かう時間の調和）
• ワーク＆ライフ バランス（仕事と生活の調和）

尚、common styleに関する情報は学校法人 阿佐ケ谷学園 eface lab.のサイト（といってもフィードのみ）で配信しています。オープンな研究会が立ち上がるタイミングでHTMLを使ったドキュメントの公開を予定しています。
ドキュメントは評議員会で配布。

参考となる企業のプログラム：

BMW：
BMW Driving Experience
ドライビング・エクスペリエンス

参加者はこのような質問を理論的にじっくり考え、学んだことを実践に移すことにより、日常の交通において潜在的な危険を認識し、起こり得るリスクを避けることに役立ちます。さらにクルマやモーターサイクルの意識的な制御や安全管理も、駆けぬける、または走りぬける歓びに大きく貢献するのです。

日産：
Nissan LPIE
革新的な発想をもったエンジニアを育てるためのリーダーシッププログラム

Nissan LPIE は、自然科学の基礎を修得した若いエンジニアのために用意された文理融合型のリーダー養成プログラムです。自然科学の基本要素の分析にとどまらず、社会を動かす複雑多岐な社会的、政治的要因、さらには経済的要因を抽出し、社会的構造変化の未来を読み解き、それを具体的なプロジェクト提案に結びつける能力を養います。

カメラ散歩［5月］

梅雨入りする前に実施。今回はケータイを使った「時間の切り取り」をテーマに歩きます。

• ルート：吉祥寺から新宿まで歩く
• 条件：移動しているものを撮る。十分な光量が必要なので曇りの日は中止
• 新宿に到着後、撮ったケータイ写真をすべてプリント（プリントコーナーが充実している西口のヨドバシカメラにて）
• 予約した某カフェの会議室で写真を壁に貼り、即席ギャラリーをつくる
• 即席ギャラリーをケータイで撮って記録（3次利用のケータイ写真が最終作品になる／リコンストラクションワーク）

例：携帯電話で撮る低解像度の記憶
＜横断歩道＞信号待ちの15秒間を切り取る

参考：
デジタルカメラで撮るノスタルジーと既視感

CSS Nite LP, Disk 3 とLIVE コーディング

コーダー／マークアップエンジニアのためのイベント「Coder's High」

日時：2007年5月12日（土）12:40〜19:30
会場：ベルサール神田

• ザ・コーディングの美学／益子貴寛
• フィロソフィー・オブ・コーディング／小久保浩大郎
• Dreamweaverのコーディング機能再点検／鷹野 雅弘
• LIVE コーディング（A）／神森 勉
• Microformats で上質コーディング／長谷川 恭久
• プロはこう使う! Another HTML-lint 徹底活用術／太田 良典
• LIVE コーディング（B）／河内正紀
• コーディングコンテスト表彰・講評

※詳細は公式サイトをご覧ください

---

LIVE コーディングの試み

イベント「Coder's High」の興味深い試みとして「LIVE コーディング」があります。職業上、「作業を見せる」ことの教育効果には注目しており、実証実験等でも積極的に取り組んでいます。私自身も過去に「Flash Live !!」「Flash Organic Animation」というライブ中継およびクラブイベントをおこなったことがあります。

ライブの良いところは、不完全な形式知化にあります。つまり、実演中にミスをしたり、誤った行動を見せてしまうことで、プロセスの「つなぎ」を発見してもらうことが可能になります。解説本やビデオ、手慣れたセミナーなどでは削ぎ落とされてしまう「つなぎ」には、理解を深めるための重要な情報が隠されています。

「Coder's High」のLIVE コーディングでは、神森 勉さん（アンカー・テクノロジー株式会社）と河内正紀さん（株式会社 ロクナナ）が登場します。神森さんはDreamweaverのデザインビュー、河内さんはコードビューで作業します。スポーツ観戦のようにコーディング・プレイを楽しむことができるでしょう。コーダーの方々だけではなく、これからWeb業界で働く新人デザイナーの皆さんにもお奨めしたいと思います。

イベント「Web研」のスライド資料

6日（金）に開催されたWeb研セミナーのスライド（PDF）です。当日使わなかったスライド画面も含みます。
尚、Podcastはまだ未定です。一部、二部あわせて100分ありますので、どのように公開するか検討中。

スライド資料（PDF）のダウンロード／5.2MB

本日、「［file-238］コミュニティと印象操作」というテーマで録音。明後日の音声雑記で配信する予定です。会場で話せなかった内容を16分ほど。イベントに参加された方にしかわからない話題を多々含みます‥（スライドで補完できるかもしれません）

オープンセミナーのお知らせ

来月（4月6日）午後7時から渋谷のT's BUSINESS TOWERにて、オープンセミナーが開催されます（無料セミナーです）。ご興味のある方は是非ご参加ください、お待ちしております。
参加申し込みはデジタルスケープさんのインフォメーションにあります。

「Web研」powered by DIGITAL SCAPE

CGM時代のWebの「使い方」「作り方」
～ 境祐司 × 長谷川恭久　公開ポッドキャスト ～

開催日時：
2007年4月6日（金） 19：00～21：30
※開場18：40

開催場所：
T's BUSINESS TOWER 4F ホール402

参加費：無料

いつもクローズドな研究会でアンダーグラウンドな話をしておりますが、今回は「オープン」な研究会ということで、まわりの空気を読みながら‥参加者が引いてしまうことのないよう注意したいと思います。
テーマは「CGM時代のWebの「使い方」「作り方」」です。1人プレゼンではなく、対談形式で進めていきます（2部構成でスピーカーとホスト役が入れ替わる形式。衣装替えはありません、多分‥）。

このオープンセミナーは「公開ポッドキャスト」となっています。ただ、私（日刊徒然音声雑記）も長谷川さん（Inflam Casting）も各々Podcastingをおこなっていますので単に収録したものを流すだけではなく、参加者に楽しんでもらえるような‥何か面白い試みを仕掛けるでしょう‥
長谷川さんのパーソナリティとのケミストリーを期待しつつ、楽しんでもらえる集いにしたいと思っています。

THE DINOSAURS

Experience the live 'Walking with Dinosaurs'

WORKSHOP FOOTAGE
「WWD Dinosaur Workshop」

Walking with Dinosaurs: The Live Experience

ビジュアルエディターとしてのExpression Web

●実験レポート：
ハンドコーディングをおこなわないCSSデザイン

●作成したWebページ：
書籍「CSSビジュアルデザイン・メソッド」の全てのWebページを（ハンドコーディングの作業無しで）新規に作成

●使用アプリケーション：
Expression Web

［作業を見る（ビデオ）］MP4
ダイレクトリンクです。右クリックでダウンロードしてください
※ビデオのデータサイズが大きくてアップロードできませんでした。現在アップされているのは作業途中の1分だけです。続きは音声雑記のブログにのせておきます。

XHTML+CSS (r)evolution, 2nd

2月1日（木）、アップルストア銀座で「XHTML+CSS (r)evolution, 2nd」が開催されます。テーマは「CSS3のカタチとナカミ」、CSSの将来をのぞいてみたい人は参加しよう。

日時：
2月1日（木）19:00-20:10（開場 18:45）

場所：
アップルストア銀座（3F Theater）
入場無料／事前登録不要
最大収容人数 180名（入場制限あり）

テーマ：
CSS3のカタチとナカミ

主催／出演：
益子 貴寛（サイバーガーデン）さん

デジカメ散歩

フィールドワークは来週です

高円寺20年〜雑多な記憶

フィールドワークのお知らせ

「デジタルカメラで撮るノスタルジーと既視感」

12月中旬頃にやります（多分、大丈夫のはず‥多分‥）、2006年最後のカメラ散歩「千葉県房総半島」編。「南房総国定公園」も良いけど、日本寺大仏のスケールを体で感じていただきたい（奈良の大仏の1.7倍ほどあり、日本最大）。但し、現場は山奥なので体力必要。

子供の頃の思い出、記憶を「素材」に脳内で創作するノスタルジー、なんともいえない感情のカルマを楽しんでみよう。
（今回は小難しいテーマを設けず、シンプルにいきます。感性に訴えかけてくる場所だと思いますので）

現代リアル学

SFC OPEN RESEARCH FORUM 2006
「現代リアル学」
11月22（水）、23日（木・祝）東京・丸の内（丸ビル／三菱ビル／東京ビルTOKIAガリレア）で開催されます。参加費は無料。

御奨めのセッションは、

• コラボレイティブ・マネジメント型情報教育〜産学連携によるプロジェクト実践と、その標準化・社会貢献を目指して（環境情報学部　大岩教授）
• メディアデザイン戦略（環境情報学部　稲蔭教授）
• 進む宇宙利用と宇宙活用法（総合政策学部　青木教授）
• ICタグ規格 EPCコードとUIDコードのインターオペラビリティ実証実験（総合政策学部　国領教授）

等々
また、以下のような展示・デモンストレーションなどもあります（以下はほんの一部）。

• 遠隔コラボレーションシステムと先端デジタルコンテンツの制作
• 異分野データベース群を対象としたメタデータベース意味的連想検索空間（意味空間）統合方式
• 自然を参照するアンビエントメディアデザイン
• 次世代ネットワークゲームを実現可能にするミドルウェア

インスピレーションを得る刺激的な日として活用しましょう！

CSS Nite Vol.14

本日、アップルストア銀座で「CSS Nite」が開催されます。

日時：11月16日（木）19:00〜
場所：アップルストア銀座 3F Theater
金額：無料
申込み：事前登録不要
ゲスト：森川眞行さん@シリコンカフェさん

第1部が森川眞行さんのプレゼンテーション「愛と情熱のウェブサイト」（→mixiにリンク）、第2部は鷹野さんの「Dreamweaverのコーディング機能を再点検」です。
Webデザインにご興味のある方、元気をもらいたい方は是非お越しください。

Photoshop ビジュアルワーク生中継

5年振りに、やることになりました。
12月末、場所は北海道です。
テーマは「雪国」。午前中、道内をまわって写真撮影、夕方からPhotoshop作業をおこない、早朝に作品を発表します（ユンケルの差し入れ歓迎）。北海道の雄大さを表現したいと思います。
尚、この一人耐久レースの趣旨については（何度も話しているので繰り返しになりますが‥）音声雑記で話題にしましょう。

［2001年ライブ中継の記録］
※5年前なのでデータは見つかりませんでした

多分、今回は映像の中継（といっても低画質）になります。

アックゼロヨン・セミナー2006 Vol.5

本日（9/11）、アックゼロヨンの第5回セミナーが開催されます［無料］。
「アクセシビリティ確保のためのDreamweaverテンプレートの活用」
（アンカーテクノロジー株式会社の神森 勉さん）
「(X)HTML+CSSの設計」
（サイバーガーデンの益子貴寛さん）

イベントの詳細は公式サイトをご覧ください。
まだ残席あるようです。

アックゼロヨン・セミナー2006 Vol.4

本日（9/6）、アックゼロヨンの第4回セミナーが開催されます。
無料セミナーです。
株式会社ミツエーリンクスの中村精親さんと株式会社インフォアクシアの植木真さんによるアクセシビリティをテーマにした講演です。
・ミツエーリンクスのWebアクセシビリティへのアプローチ
・アクセシビリティの現在とこれから

セミナーは午後1時からですが、まだ座席に余裕があるようです。イベントの詳細は公式サイトをご覧ください。

アックゼロヨン・セミナー2006 Vol.3

30日（水）、アックゼロヨンの第3回セミナーが開催されます（無料／事前登録）。
株式会社ビジネス・アーキテクツのウェブ制作のアプローチについて講演されます。座席分はすでに埋まっているようですが、まだ申し込みを受け付けておりますので、ご都合のよい方は是非ご参加ください。
尚、イベントの詳細は公式サイトをご覧ください。

プレゼンタ：
森田 雄、佐藤 伸哉、青木 誠、茂出木 龍太（株式会社ビジネス・アーキテクツ）

一部「わたしたちについて」森田 雄
二部「大規模サイトにおける全体構造設計」佐藤 伸哉
三部「伝達するということ」青木 誠・茂出木 龍太

CSS Nite Vol.11

17日（木）、アップルストア銀座で「CSS Nite」が開催されます。

日時：8月17日（木）19:00〜
場所：アップルストア銀座 3F Theater
金額：無料
申込み：事前登録不要
ゲスト：株式会社ロクナナの中村享介さん

第1部が中村享介さんのプレゼンテーション「優雅なWeb制作のためのテクニック」、第2部は鷹野さんの「クロスブラウザを実現するCSSファイル管理」です。
Webデザインにご興味のある方は、参考になると思いますので是非お越しください。

CSS Nite Vol.10

20日（木）、アップルストア銀座で「CSS Nite」が開催されます。

日時：7月20日（木）19:00〜
場所：アップルストア銀座 3F Theater
金額：無料
申込み：事前登録不要
ゲスト：神崎正英さん

第1部が神崎さんのプレゼンテーション「フォーマルで行こう」、第2部は鷹野さんの「フォームのマークアップと整形」です。
Webデザインにご興味のある方は、参考になると思いますので是非お越しください。

XHTML+CSS (r)evolution

7月6日（木）19:00-20:00、アップルストア銀座（3F Theater）で、スペシャルイベント「XHTML+CSS (r)evolution」が開催されます。Webプロデューサーとして活躍されている益子貴寛さんが［XHTML+CSSにevolution（進化）とrevolution（変革）を］というコンセプトで語ります。
詳細は「XHTML+CSS (r)evolution 公式サイト」をご覧ください。

ビデオキャスティング講座

小規模なイベントとはいえ、ビデオキャスティング関連の講演をおこなうことになった。
きっかけは映像ブログだが‥私はデジタルビデオに関しては経験が浅く、趣味でも「これから勉強」というレベルだ。つまり、ビデオの編集やテクニカルな話ではなく、どちらかといえばマーケティング的な要素に絡めて話せば良いのだと勝手に納得する。
たしかに某クローズドネットでは「プレゼンムービー」が大ブームで、多種多彩なアイディアが飛び交っている。作品ではない「映像」をどう捉えていくのか考えてみよう。

あと、各家庭に眠っている膨大な映像コンテンツ（子供の成長を撮ったムービーなど）の作品化ビジネスも動き出したようなので注目していきたい。昔からあったサービスだが、やっとテクノロジーが追いついたようだ。

CSS Nite Vol.9

本日、アップルストア銀座で「CSS Nite」が開催されます。

日時：6月15日（木） 19:00スタート
場所：アップルストア銀座 3F Theater
金額：無料
申込み：事前登録不要
ゲスト：上ノ郷谷太一（シックス・アパート）

第1部が上ノ郷谷さんのプレゼンテーション「Movable Typeで行うウェブサイト管理」、第2部は鷹野さんの「DreamweaverとMovable Typeの連携」です。
Webデザインにご興味のある方は、参考になると思いますので是非お越しください。

The Day of Web Standards

7月15日（土）六本木アカデミーヒルズ49 タワーホールにて、イベント「The Day of Web Standards ［Web標準の日］」が開催されます。6月1日より申し込みがスタートしています。

主要テーマ
・Web標準の意義の定着と実装ノウハウ
・CSSレイアウトの実装のノウハウ、周辺知識
・SEO効果のためのコンテンツ実装ノウハウ
・アクセシビリティ実装ノウハウ

公式ブログ／イベントの概要

CSS Nite Vol.8

木曜日、アップルストア銀座で「CSS Nite」が開催されます。

日時：5月18日（木） 19:00スタート
場所：アップルストア銀座 3F Theater
金額：無料
申込み：事前登録不要
ゲスト：森田雄氏（ビジネス・アーキテクツ）

第1部が森田さんのプレゼンテーション「ビジネス・アーキテクツのCSSデザイン　─コンポーネント管理のフレームワーク─」、第2部は鷹野さんの「target属性の是非とLightbox」です。
Webデザインにご興味のある方は、参考になると思いますので是非お越しください。

Videocasting : CSS Nite Vol.7

昨日(4/20)開催されたイベント「CSS Nite」の会場風景
イベントについての詳細は「CSS Nite 公式ブログ」をご覧ください

視聴する（再生時間：2分11秒／QuickTime）

・映像ブログ「週刊徒然映像雑記」は近日公開

CSSプランブック最終回

第05回「プランブックの計画」
CSSプランブックのススメ最終回は、週末公開となります。内容については、後ほどブログを更新します。今回はプロダクションのヒドゥンワークから離れ、パーソナルな取り組み事例をお話します。

●追記（4/24）：
ビデオファイルが80MBを超えてしまったので編集中。余談ですがプロジェクトファイルは1GB以上あります。iMovie HD だとこんな感じなのか？　ハードディスクの容量が足りなくなりそう‥
忘れていた第4回の後半音声（MP3）、本日夜までお待ちください。

CSS Nite Vol.7

明日（木曜）アップルストア銀座で「CSS Nite」が開催されます。

日時：4月20日（木） 19:00スタート
場所：アップルストア銀座 3F Theater
金額：無料
申込み：事前登録不要
ゲスト：益子貴寛さん（CYBER@GARDEN）

第1部が益子さんのプレゼンテーション「Web制作現場の対立を解消する！(X)HTML+CSSガイドライン作り」、第2部は鷹野さんの「CSSロールオーバー」です。
Webデザインにご興味のある方は、参考になると思いますので是非お越しください。

CSSプランブックのススメ（ビデオ）お知らせ

第4回「アラインメント・ルール」は「CSSプランブックのススメBLOG」にて視聴できます。

尚、この映像はデジカメ「Xacti (DMX-C40)」による簡易ビデオ作業（ビデオキャスティング）のテストも兼ねていますので画質は良くありません。
※音声雑記で「ヨドバシカメラだと36,000円くらい」と言いましたが、31,900円でした。

●CSS Nite Vol.6に関する過去のエントリー
WEB MAKING BOOKS BLOGのカテゴリ「ワークショップ・イベント」にあります。

AMS-プランブック

Photoshop h+C&S+S+f layout Action
・自動処理
・CSSハックのブラックボックス化
・メタ情報の埋め込み

RapidWeaver -XHTML1.0 & CSS2 pageB
・中学生対象
・直感的な情報編集
・厳格な構造化ドキュメントの発行（自動）
・RapidWeaver Columns Plugin

公開されている音声について

CSSプランブックのススメ-ブログ、3/24のエントリー「雑記：公開されている音声について」で掲載しています。

CSSプランブックのブログ

CSSプランブック・プレゼンテーションBに関する情報は、専用ブログにて更新しています。
ブログの公開は期間限定にしますので、コメントも歓迎いたします。
尚、他愛もない小ネタはmixi日記で。

・CSSプランブックのススメBLOG

こちらのブログ（WEB MAKING BOOKS BLOG）は今まで通り、書籍のメイキング、Web関連の話題、近況などを投稿していきます。

CSS Nite Vol.6 終了[追記-3/19]

・CSS Nite vol.6 無事終了

・イベントで使用したプレゼンテーションスライド（※スライドはFlashで作成されています）

・プレゼンテーションの音声（編集中）
スイッチの鷹野さんからプレゼンテーションの音声データをいただきましたので（30分程度に短縮して）公開いたします

・プレゼンテーションB
「CSSプランブックのススメ」ブログにて
http://admn.net/css_nite_vol6/plan/

ロールモデル

CSS Nite Vol.6 -voice-[11]

◆3月18日（土）
第11回「ロールモデル」
[音声を聴く]（MP3/14:46）

CSS Nite Vol.6の感想、プレゼンテーションの反省など。

●CSS Nite Vol.6に関する過去のエントリー
WEB MAKING BOOKS BLOGのカテゴリ「ワークショップ・イベント」にあります。

明日お会いいたしましょう

CSS Nite Vol.6 -voice-[xxx]

◆3月15日（水）
番外編「明日お会いいたしましょう」
[音声を聴く]（MP3/5:40）

●CSS Nite Vol.6に関する過去のエントリー
WEB MAKING BOOKS BLOGのカテゴリ「ワークショップ・イベント」にあります。

CSSプランブックのススメ

CSS Nite Vol.6 -voice-[10]

◆3月15日（水）
第10回「CSSプランブックのススメ」
[音声を聴く]（MP3/12:00）※配信は明日です

A社を辞めたYさんが、Tさんから聞いた「divide the work」を参考に独自のWeb制作ワークフローを構築しようと動き出します。最初の作業としてCSSプランブックを5日間で作成する計画を立てますが、さて‥

●CSS Nite Vol.6に関する過去のエントリー
WEB MAKING BOOKS BLOGのカテゴリ「ワークショップ・イベント」にあります。

浅草会談〜インタビュー

CSS Nite Vol.6 -voice-[09]

◆3月11日（土）
第9回「浅草会談」
[音声を聴く]（MP3/13:34）

参考：
「CSS Nite」

●CSS Nite Vol.6に関する過去のエントリー
WEB MAKING BOOKS BLOGのカテゴリ「ワークショップ・イベント」にあります。

Web制作会社で働くデザイナー物語(1)＆(2)

CSS Nite Vol.6 -voice-[08]

◆3月10日（金）
第8回「Web制作会社で働くデザイナー物語（2）」
[音声を聴く]（MP3/12:48）

昨日の続きです、
やっと‥話の内容がイベントのテーマ「CSSプランブック」に近づきます

---

CSS Nite Vol.6 -voice-[07]

◆3月9日（木）
第7回「Web制作会社で働くデザイナー物語（1）」
[音声を聴く]（MP3/12:58）

話が長くなってしまったので明日に続きます‥

登場人物：
・A社のYさん
（1人で会社のほとんどの作業をこなす）
・B社のTさん
（確立されたワークフローの中で黙々とCSS作業に集中している）

●CSS Nite Vol.6に関する過去のエントリー
WEB MAKING BOOKS BLOGのカテゴリ「ワークショップ・イベント」にあります。

主婦とWebデザイン

●16日まで続きます、イベント音声雑記

◆3月8日（水）
第6回「主婦とWebデザイン」
[音声を聴く]（MP3/12:58）

参考：
「ジェイマーチ」
「プラスソーホー」

●CSS Nite Vol.6に関する過去のエントリー
カテゴリ「ワークショップ・イベント」にあります。

素人ほど厳格なXHTMLをパブリッシュする時代

●16日まで続きます、イベント音声雑記

◆3月7日（火）
CSS Nite Vol.6 -voice-[05]
第5回「素人ほど厳格なXHTMLをパブリッシュする時代」
[音声を聴く]（MP3/14:00）

※音声では、Google Page Creatorによってパブリッシュされたページを厳格と言ってますが、空の「div」が使われていたり、「br」が閉じていないなど、多々問題がありますので。影響力のあるGoogleのような企業が無料でサービスを始めることに注目した、という意味です。

参考：
「Google Page Creator」

●CSS Nite Vol.6に関する過去のエントリー
カテゴリ「ワークショップ・イベント」にあります。

CSS Nite Vol.6 -voice-[02]-[03]-[04]

●16日まで続きます、イベント音声雑記

◆3月4日（土）
第2回「ホームページ作りからHTMLが消えた？」
[音声を聴く]（MP3/13:50）

参考：
「ココログデザイン」
「NTTPCが提案するSNSサービス＜学校・教育向け＞」

◆3月5日（日）
第3回「ページ記述言語で見栄えを決める楽しさって‥」
[音声を聴く]（MP3/13:26）

参考：
「Adobe PostScript」

◆3月6日（月）
第4回「Webデザイン専門誌」
[音声を聴く]（MP3/14:22）

参考：
「Web Designing」毎日コミュニケーションズ
「web creators」MdN
「Web Site Design」技術評論社

●CSS Nite Vol.6に関する過去のエントリー
カテゴリ「ワークショップ・イベント」にあります。

CSS Nite Vol.6「CSSプランブックのススメ」

本日より、再来週の木曜日に開催されるイベント「CSS Nite Vol.6」（第一部プレゼンテーション「CSSプランブックのススメ」）に関する情報を掲載していきます。

イベント終了後の「交流会」は定員が決まっているため、mixi（ミクシィ）のCSS Niteコミュニティ内で受け付けています。他業種の方もどうぞ（そもそも私が他業種‥）。
mixiに入って「CSS Nite」で検索するとすぐに発見できます。

●CSS Nite Vol.6 -voice-[01]
16日まで続きますイベント音声雑記
[音声を聴く]（MP3/10:48）

●CSS Nite Vol.6に関する過去のエントリー
カテゴリ「ワークショップ・イベント」にあります。

CSS Niteプレゼンテーションまでの流れ

■CSS Niteプレゼンテーションまでの流れ
（2/20記）

●13日（月）Podcasting [MP3/15分]
「1995年のWebデザイナー、2007年のWebデザイナー」
・マルチメディアクリエーターからWebデザイナーに転身した人たち
・子育てしながらWebデザイナー
・Web仕事「何でも屋」フリーランス
・専業Webデザイナーの生き方

●14日（火）Podcasting [MP3/15分]
「リフォームデザインガイドブック番外編」
・修正、反省
・ばっさりカットした「CSSページネーション」の話
・新しいWebデザイン本の話（いよいよブラックボックスデザイン）

●15日（水）Podcasting [MP3/15分]
「CGMとWebデザイン」
・個人HPのロイヤリティ（アクセス頻度と滞在時間）低下
・習慣性の高いメディア、ブログとSNS
・AIDMAからAISAS
・列強支配、Google、Yahoo、Amazon、eBay
・Webデザインの「評価」が変わる！
・視覚表現系のWebデザイナー
・CGM系のWebデザイナー

●16日（木）プレゼンテーション
Apple Store Ginza (3F Theater) PM19:00-
「CSSプランブックのススメ」
http://admn.air-nifty.com/books/2006/02/css_nite__f74e.html
（2/2記）

CSS Nite プレゼンテーションの内容について

●CSS Nite Vol.6に関するエントリー
カテゴリ「ワークショップ・イベント」にあります。

Apple Store Ginza（3F Theater）で毎月開催されている「CSS Nite」は、CSSやWebのトレンドに絞り込んだユニークなイベント。ご興味のある方は、無料なのでお気軽に参加を。

私のプレゼンテーションは、CSS Nite Vol.6（3月）、以下のテーマで進める予定（過去に掲載した内容を圧縮、もっと具体的に調整）。

■プレゼンテーションタイトル：
「仕事に役立つ「CSSプランブック」のススメ」

１）Webデザイナー・フリーランス編
・複雑化するWebデザイン、どこまで対応すればよい？
・個人作業の乱雑さを補うアイディア
・作ろう！CSSデザインのカタログ「CSSプランブック」

２）Webプロデューサー・制作会社編
・「CSSプランブック」の効果
・コンストラクションマネジメント
・モジュール化でCSSも商品になる
・もう１つの標準化「社内仕様」

３）「CSSプランブック」の紹介／作り方

一応、教育業界からの参加ということで「CSSのよく分からないベスト5」も用意。プレゼンテーションの詳細は後日、掲載。

■CSS Niteのスケジュール：

●CSS Nite Vol.5
日時：2月16日（木）19:00〜
ゲスト：長谷川恭久さん（COULD）

●CSS Nite Vol.6
日時：3月16日（木）19:00〜
ゲスト：境（←私）

●CSS Nite Vol.7
日時：4月20日（木）19:00〜
ゲスト：益子貴寛さん（CYBER@GARDEN）

●CSS Nite Vol.8
日時：5月18日（木）19:00〜
ゲスト：CSSと言えば‥（まだ非公開）

CSS Nite

「CSS Niteで何をやる？」というメールを数通いただいたので簡単に告知。まだ先のことなので詳細は変更する可能性あり。

■CSS Nite VOL.6
場所：Apple Store Ginza
日時：2006年3月16日（19時～）

内容：
「CSSページビルディング」
9月に出版された「XHTMLマークアップ＆スタイルシート　リフォームデザインガイドブック」に掲載できなかったリフォームデザインのワークフローを紹介、CSSページビルディングを実演。

・WebクリエーターのCSS、アーキテクトのCSS
・マークアップエディターの役割
・「余白」と「意味」
・Web - model in the nude
・CSSプランブックとスタイルガイドの作成方法
・CSSページネーションとデザイナーの手業
・カラーボックスの是非
・IDセレクタとエレメント管理番号
・ランニングヘッドのデザイン
・実演「4box ページビルディングによるレイアウトデザイン」
・将来：1997年のWebデザイン、2011年のWebデザイン

私は教育、ビジネス関連の研修が主なのでデザイン業界の方々を対象としたワークショップの経験は浅い（たまにライブをやる程度）。難しい話はできるだけ避けて、実演の時間を多くしようと思っているが‥さて。