Timeline

@nifty Timeline - ソーシャル・タイムライン
本日よりスタート
ココログなど、ブログサービスと連動したら面白い。
ブログパーツとして貼り付けることは可能なので、私も音声雑記ブログの方に（音声に関連したタイムラインを作成して）貼り付けてみよう。

2007年の講座

高校生向け講座、2007年も4月のスタートです。カリキュラムは3月に公開。テーマは、私が本業でおこなっている「モノ、場所、仮想のつながり」を中心に構成しています。
今年はできるだけオープンネットで公開していきたいと思ってます。いつも権利処理がうまくいかずクローズドネットのみで消費されていくわけですが、今回は可能な限りオリジナル素材を用意する予定（費用がかかるため講座数は激減しますが、インターネット上で公開できる講座は増えます）。本業に関わるプライベートワークなので、がんばりたいと思います。もちろん、法人の方も‥

---

以下は、2006年のアーカイブ（一部）

・effect vol.1「編集と作為」前編（18:16）
・effect vol.1「編集と作為」後編（19:40）
・effect vol.2「流行の作り方」前編 →クレームがきて非公開
・effect vol.2「流行の作り方」後編 →クレームがきて非公開

---

以下は、2005年のアーカイブ（一部）

2005年12月19日〜／ネットラジオ講座1を順次配信
2005年12月26日〜／ネットラジオ講座2（一部映像）を配信

■2005年／ネットラジオ講座1
高校生のためのデジタル編集工学
映像表現A

■2005年／ネットラジオ講座2
［ブラックボックスデザイン］高校生のための情報デザイン

●公開：
・クローズドネット（非公開）
・オープンネット（common style）

※以下は過去に掲載した抜粋記事

・ブラックボックスデザイン［1］
・ブラックボックスデザイン［2］
・ブラックボックスデザイン［3］
・ブラックボックスデザイン［4］
・ブラックボックスデザイン［4］補足
・フラッシュアニメ講座[1]
・ストーリーメイキング［1］

Webデザインのルール化 - 奮闘記2006 -2

The Rule より抜粋
第2章　機能設計から生まれるWebデザイン

［拡大表示］

［拡大表示］

参考：奮闘記2006 -1

SecondLife徒然日記

「SecondLife徒然日記」の”砂嵐に巻きこまれた”レポートは削除しました。

セカンドライフSNSというサイトが開設されたので、入りました。いろいろ聞けるし、初心者には良いね。

夜の勉強会

遅刻します‥

テーマ：「サービスキットについて」
シリーズ：仕事が変わる（3）v+CMSで変わるWebデザイン

• チームで考えるWebデザインのモジュール（合宿の事例）
• バージョン管理とルールの更新手続き
• サービスキットを配布して社内で共有しよう
• 品質向上のためのモジュール化

Secound Life - Makeup8

video | Secound Life - avatar realism
Secound Lifeで学ぶグラフィックデザイン［一緒に公開しました］

※3DCG体験、終了。この歳でメイクアップ（化粧）の勉強をするとは思いませんでしたね‥。銀座の某ショップでは本当にお世話になりました（化粧品を買わないのに‥ご丁寧に教授していただきました）。

• Secound Life内の風景を使ったフォトグラフィ
• メイクアップされたアバターのフォトグラフィ
• Secound Life写真集の発行
• 仮想世界の肖像権

参考：
SHISEIDO The Makeup

無料で使えるDAZ Studioを試してみよう（再）

昨日投稿したCGのグラフィックについて（なぜか？）たくさんメールを頂きましたので、使用したソフトウェアなどを記載しておきます。ただ、私は初心者です‥詳細についてはDAZ のサイトをご覧ください。PDFのマニュアルがダウンロードできます。

使用したアプリケーションソフト：
DAZ Studio

Windows版とMac OS X版があります。アカウント登録が必要になりますが「無料で使用」することができます。「Tell-Ware」、つまり友人、知人にどんどん教えてあげてください、というソフトウェアです（「Tell a Friend and Share the Satisfaction.」）。仕様は「POSER」の簡易版という感じですが、動作は軽く、私が使用しているiBook G4でも問題なく使えます。

DAZ Studioは、Second Lifeのアバターのテクスチャをデザインする際、チェック用としても使われているようです。以下のサイトで解説されています。

SecondLife Wiki JP - DAZ | Studio

Figureは、「Base Figure」に別売りの「Texture」と「Morphs and Maps」を適用することで老若男女さまざまな表現が可能になります。日本人好みの容姿にすることもできます。

• Base Figure（ベースとなるフィギュア）
• Texture（肌や衣服の質感）
• Morphs and Maps（顔つきや体つき、表情など）

これらは有料ですが、Base Figureには無料で使えるものがあります。ただ、Base Figureだけのレンダリングは、いかにもCGという‥マネキン人形のような質感になります。もちろん、自分でカスタマイズしていけばよいのですが、難易度は高く、知識がないと無理そう‥

現在、「仮想社会の構造：アバターとリアリズム」というレポートを書くため、空き時間を利用しながら大量のサンプル・グラフィックを作成しています。DAZ Studioは、動作が軽いので重宝しています。

以前、有料のフォト・ライブラリを見ていたら、気に入ったものがあり撮影情報を調べたところ「人物はCG」となっていて驚いたことがあります。Photoshopで高度な処理をしていたようですが、どうみても実写との区別がつかず‥とうとう、ここまできたか‥と感じました。女優さんを使った大型ポスターなどは画像処理で成り立っているんだよ、などと言われますが笑い話ではなく、もう実用化のど真ん中ではないかと。まだ、CGにおけるポージングとか高度な画像処理がなければ難しいですが、フォトライブラリのような商業利用では進みそうな気配。

参考：
POSERで作られた3Dフィギュア（男性）
POSERで作られた3Dフィギュア（女性）

上記のようなベーシックな3DCG画像を高度な画像処理でリアルにします。

Webデザインのルール化 - 奮闘記2006

賞味期限が切れたので、某プロジェクトのメモを不定期に掲載していきます
書籍「The Rule」はまだ執筆中です‥

---

アーカイブ（1）

今年（2006年）は「ルール化・モジュール化・ワークフローの改善」にどっぷり浸かった年であった。Web業界の人間ではないにもかかわらず、業務の骨幹といえるワークフローを解体するという責任重大なお手伝いをさせていただいた。この経験は「The Rule」という本のなかで反映したいと思っている。

FrontPageを使っているデザイナーとDreamweaverを使うデザイナーが同じテーブルについて、Webデザインのガイドラインを決めていく際、肝となったのが「ルール化」であった。300ページ以上の「ルールブック」とモジュールのバリエーションを掲載した「プランブック」によって、クライアントに対する説明コストが抑えられ、作業途中で修正が入るという手戻りも大幅に減少した。
この経験は、書籍「CSSビジュアルデザイン・メソッド」（毎日コミュニケーションズ）、「Webデザイン・ルールメイキング」（ソーテック社）、「The Rule ”ルール”」（xxx）に記していきたい。

プロジェクトでおこなった10日間戦争の抜粋を以下に記します。小規模なプロジェクトなので、随所に無駄があります。ただ、低予算でもある程度の成果を得られたので「成功事例」と書いておきます（かなり消極的に‥）。

実践したルール化の手順（抜粋）：

1. W3Cの（HTMLおよびCSSに関する）TRをほぼ全てプリントアウトする
2. ドキュメントを読み込む
3. 採用するHTMLの要素を決める
4. 必要と思われるセレクタの名前を列挙してリストを作成する
5. 採用するCSSのプロパティを決める
6. 記述するプロパティの順序を決める
7. 使用するアプリケーションソフトの環境設定を変更する（ソフトの各機能を記述ルールにあわせる）
8. プロトタイプを作成する
9. バリデータでチェックする
10. Firefox、Opera、Safari、IE 7（ベータ版）でプレビューする
11. バグや解釈の違いを確認する
12. ルールを決定する
13. アクセシビリティガイドラインを読み込む
14. 優先する項目を列挙してリストを作成する
15. リストに沿ってプロトタイプを作成する
16. バリデータでチェックする
17. ホームページリーダーでボイスプレビューする
18. 問題を修正する
19. ルールを更新する
20. IE 5、5.5、6 およびMac版IE 5でプレビューする
21. バグや解釈の違いを確認する
22. デザイナーの評価が高いWebサイトのソースを検証してブラウザ対策の傾向を知る
23. 安定した対策方法（CSSハックなど）を列挙する
24. 条件付コメントとの組み合せでローカルルールを決める
25. IE 5、5.5、6 およびMac版IE 5でプレビューして確認する
26. ルールを更新する
27. 使用するアプリケーションソフトの環境設定を変更する（CSSハックと条件付コメントのローカルルールを取り込む）
28. ルールブックを印刷して各チームに配布する（オンライン版のURLを公開する）
29. Web Designing、web creatorの2005年11月からのバックナンバーをすべて購入する
30. 大藤幹氏、益子貴寛氏などのCSS関連の書籍を購入する
31. 雑誌と書籍を分解して概論、技法、裏技などに分ける
32. 分類したページを箱に入れ、番号をつける
33. ルールブックのアップデート可能な部分に番号を記載していく
34. ルールを更新する
35. 著作権フリーの素材集を購入する
36. Webサイトのカテゴリを12に絞り、プロトタイプを作成する
37. サイトのStructure（構造）を示す図をどのように描くか検討する
38. サイトのDesign Guideline（ガイドライン）を示す図をどのように描くか検討する
39. 描画ルールを決定する
40. プランブックの仕様を決める
41. 各ルールのアイコンをデザインする
42. ルールのヘッドラインを書く
43. カテゴリ12のプロトタイプWebページをバリデータでチェックする
44. ホームページリーダーでボイスプレビューする
45. Firefox、Opera、Safari、IE 7（ベータ版）でプレビューする
46. IE 5、5.5、6 およびMac版IE 5でプレビューする
47. プランブックを作成する
48. プランブックを印刷して各チームに配布する
49. クライアント向けのプランブックを編集する
50. 発注先のデザイナーを対象にルールブックとプランブックの使い方、勉強会を開催する
51. クライアントを対象に説明会を開催する
52. ルールブック更新手続きを決める
53. クローズドネットもしくはSNSにコミュニティを立ち上げる
54. 海外のWebデザイン関連の情報を翻訳してもらい定期的にアップしてもらう
55. 楽しんで仕事をするため「余裕が持てる」ように意識を高める

このプロジェクトでは、Web標準の導入やCSSデザインへの移行といった目標を持たず、最悪（必要であれば）部分的な物理マークアップ、たとえばtable要素による固定レイアウトなども許容する覚悟であった。ところが、DreamweaverやFrontPage、ホームページビルダーなどが混在する恐ろしい協業だったので、一度すべてをリセットするしかなかったのである。W3CのTRをプリントアウトすることから始まり、ルールブックとプランブックが出来上がる頃には、いわゆる「Web標準」的なものになっていた。逆の見方をすれば、時間をかけて準備をしないと標準化を導入するメリットは十分に得られないのかもしれない。スキルの高い人たちが集まっていれば、最初から共通のリソースが豊富なので問題ないが、アプリケーションソフトに99%依存するチームにおいて無計画の標準化導入はうまくいかないようだ。各人の自己学習の努力にかかってしまうと、足並みが揃わない。

プロジェクト2006の概要：

現状把握：

• Web業界の裾野の広さ
• ホームページビルダーの業界普及率
• 中小企業、自治体のWebサイトもホームページビルダー
• Dreamweaver MX 健在

要望：

• クライアントからの要求に変化
• ワークフローを改善したい

実利判断：

• デザイナーの教育コスト（困難）
• 教育時間の確保（困難／休日は可）
• アプリケーションのバージョンアップ（段階的なら可）

体制：
4つの制作会社の協業（使っているアプリケーションソフトがまったく異なる。ハンドコーディングできるデザイナーは少ない）

• プロダクションA：Dreamweaver 8
• プロダクションB：Dreamweaver MX、MX2004
• プロダクションC：ホームページビルダー10
• プロダクションD：FrontPage 2003（変更：Expression Web）

ミッション：

• クライアントの要求に応えられる体制とスキルをつける
• 採用するアプリケーションの種類に影響されないワークフローをデザインする
• A、B、C、D社で共有するためのルールを決める

参考：
アセット管理で実現する「Web Magazine - Designing」
Web本の執筆メモ

教育デザイナー勉強会

本日夜の勉強会、3つのテーマで話します。ダークサイドな話題を含みます。どんなことにも必ず「表と裏」があり、まずは全体を俯瞰することで本来やるべきことがわかってくると思います。前に取り上げた「スピード違反」と「パチンコ」の例に近いものですが、今日はワールドワイドにテーマを広げます。
※すみません‥先週末からの設備トラブルで資料などの準備出来ていません。ホワイトボード使わせてください‥

テーマ１：調和

世の中の矛盾とは
どんなに素晴らしい技術でも国際標準にはならない
技術を応用できない国が出てくると優劣が決まる（それはよくない？）
国際標準を狙うためは妥協しなければならない
国際標準のために妥協しないぞ！という技術者は独自規格で勝負
世界のバランス
個人のエチケット、国家のプロトコル

テーマ２：ラフコンセンサス

HTMLって国際標準なの？
HTMLの扱いやすさを重視する人たち
HTMLの機能をアップさせたい人たち
意見の対立、落とし所
手打ちで決まった標準化の事例
情熱、沽券（こけん）、プライド

テーマ３：モノを売る手助け

デザイナーとは？
グラフィックデザイナーは誇大広告をどう見ている
消費者のため、クライアントのため、自分の生活のため
自分の信念を正当化する「合理化」の心理
訪問販売のイメージ、商業デザイナーのイメージ
企業の商品を売る、企業の商品を宣伝する
アートと商業デザインの境界線
商業デザインにおける「アート」の役割はオブラート
エゴの効用

BOOKCAST プランニング［進捗］

「本とWebの融合」をコンセプトに進めているブックキャスティングですが、大まかな方向性が見えてきました。本をWebに置き換える、Webのコンテンツを書籍化する等のリプレイサブルな試みとは異なるアプローチをさらに追求してみたいと思います。

現在のところ、以下の書籍を対象として「音声（この場合はPodcast）」を配信しています。

• Method of CSS Visual Design
  CSSビジュアルデザイン・メソッド
• Making a Rule for Web Design
  Webデザイン・ルールメイキング

今後は、Flash Live（クラブイベント）やスタジオ録音、Second Life内でのワークショップ等、メディア横断的な発想で試していく予定です。先日の「Webデザインの可能性」でお話した内容と重複しますが、「ブラウザから解放されるWebデザイン」については、音声雑記で語ってみたいと思います。

研究会（再）

本日夜の研究会：

申し訳ございません、メールお送りしましたが以下の研究会、延期いたします。設備関連の雑務で上京できなくなってしまいました‥
尚、ビジネスセミナー等は予定通りおこなわれます（私は残念ながら欠席）。

発表内容：「中小企業向けCMSの新しいアプローチ」

• クライアントとの雑談は重要
• ヒアリングのポイント／プランブックの見せ方
• 既存ワークフローの解体と再構築
• CMS用ビジュアルエディターのメリット
• 海外で流通する膨大なデザインモジュール
• 「作り込む」ページと「組み合わせる」ページ
• Webクリエーターもこの分野ではマネジメント仕事
• ディレクター化する（もう一つの）Webクリエーター像

SecondLife徒然日記ブログ

SecondLife徒然日記、このブログでは少々違和感があったので移動しました。

新しいSecondLife徒然日記のURL：
http://monkeyish.justblog.jp/life/

目標：
「SecondLife」に小さな学校を建て、受講者を集めて講義をする

放浪のルール：
できるだけマニュアルを見ないで、直感的な操作で進める
但し、SecondLife内での教授はOK

使用マシン：
Apple iBook G4
（このマシンでSecondLifeを始めるとすぐにCPUが熱くなり、ファンまわりっぱなし‥です）

勉強会「Robot Therapy」

明日の勉強会のテーマは「Robot Therapy（ロボットセラピー）」です。奥深く、かなり難しいテーマですが、資料を読み込みながら意見交換していきましょう。
以下、参考記事を見ておいてください。

• なぜ動物ではなくロボットなのか？
• 否定意見と代案
• ロボットと違和感について
• 人間とのインタラクションを考える
• バーチャルリアリティとの違いは？
• 海外での事例
• 衛生性、安全性、信頼性、耐久性、メンテナンス

2006年5月22日
「パロ」、ヨーロッパでドキュメンタリー映画に
産総研　知能システム研究部門

参考：
アザラシ型メンタルコミットロボットPARO（動画）

2006年10月6日
ロボット用ミドルウエアの国際標準仕様原案を国際標準化団体OMGが採択
独立行政法人 産業技術総合研究所（産総研）

THE DINOSAURS

Experience the live 'Walking with Dinosaurs'

WORKSHOP FOOTAGE
「WWD Dinosaur Workshop」

Walking with Dinosaurs: The Live Experience

ハンドコーディングをおこなわないCSSデザイン

ブックキャスティングのお知らせ（2/8）
Making a Rule for Web Design

第3回「ワークフローと専用ソフトウェア」
13:06／MP3
※サイトがまだ公開されていないため、MP3ファイルは音声雑記ブログにアップします

• プロジェクトに導入される専用ソフトウェア
• Adobe Dreamweaver 8
• Microsoft Expression Web
• GoLive CS2のVisual CSS layout機能の問題点
• 専用ソフトウェアに依存するサイト制作者
• ツールが変わればワークフローも変わる

書籍「Webデザイン・ルールメイキング」のChapter 6-1（196ページ〜）を参照してください。
音声を聞く前に以下のビデオを見ておいてください。

参考ビデオ：
［ハンドコーディングをおこなわないCSSデザイン］

• 高画質（iPod形式）1.5MB
• 低画質（MP4形式）2.6MB

※右クリックでダウンロードしてください
※音声が入っています

Expression Webについては、Web Designingの短期集中連載で解説しています。次号（3月号）には「Expression Webを使ったCSSデザイン」が掲載されていますので参考にしてください。発売は2月17日。

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

読むウェブ〜本とインタラクション（第2回）

2007年より「Augmented Reality」およびUbiquitousに取り組んでいます。昨年まで積極的に関わってきたPCベースのWebからは離れることになりましたが、重なる領域については連載コラムや書籍などで発表していきたいと思っています。

コラム：
読むウェブ〜本とインタラクション
第2回「ページをめくる」

書籍や雑誌をパッケージングする試みについて考えていきます。90年代では、博物館内のキオスク（タッチパネル操作の情報端末）やPC用のCD-ROMなどで「本や雑誌を模した」デジタルパッケージが作られてきました。現在はWebで同様のコンテンツが作られています。今回から数回にわたって、ディスプレイメディアにおける書物の再パッケージ化について書いていきたいと思います。

上記のコラムとは関係ありませんが、今後「ケータイのPC化」というテーマも取り上げていきますので資料としてリンクしておきます。ケータイやデジタルテレビのコンテンツに関しては音声雑記などで話題にしていく予定です。

SoftBank X01HTの試用映像
［ビデオを見る］MP4（H.264）形式
右クリックでダウンロードしてください

試用しているソフトウェア：
ACCESS NetFront
Windows Live Search

ブックキャスティングのお知らせ（2/7）

「Method of CSS Visual Design（CSSビジュアルデザイン・メソッド）」と「Making a Rule for Web Design（Webデザイン・ルールメイキング）」のBookcastingをmonkeyish studioにて先行して配信していますが、ブログでも公開していきたいと思います。
「Making a Rule for Web Design」のサイトは（CMS未完成のため）まだ公開されていません。サイト公開はあと1週間くらい‥の予定。「Method of CSS Visual Design」の第6回以降も公開いたします。

Making a Rule for Web Design

第1回「ワークフローの改善」
12:00／MP3

• Webの仕事はラフ・コンセンサスで進む
• 3年前のWebデザイン専門誌を見てみよう
• Webと流行
• 自分の作業方法はどのように変化したか
• 人の意見も変化している
• 個人でもワークフローを意識してみる

参考：
Webデザインのガイドライン作りは企業が先行［3］

第2回「Web業界のインディペンデントコントラクター」
15:09／MP3
※上記はMP3ファイルにリンクしています

• インディペンデントコントラクターというスタイル
• フリーランスとの違いは？
• １つの会社に縛られない正社員と同じ仕事をするフリー
• 複数の企業と請負契約を結んで活動する独立した個人
• 増加する「CMSを扱うWebデザイナー」
• 情報構築を担い、上級工程から参加
• 肩書きの再考、新たなアプローチ

※サイトがまだ公開されていないため、MP3ファイルは音声雑記ブログにアップしています（第2回は昨日配信したものです）

WEB STRATEGYで連載している「実践！サイト制作のアセット管理」でも関連したテーマを取り上げました。次号vol.8に掲載されています。発売は2月17日。

Jim Gray捜索の協力者募集

Jim Gray氏の捜索が打ち切られてしまいました。現在、Amazonが衛星写真を用いた捜索の協力者を募集しています。

Jim Gray Missing: Help find him by searching New/Updated High Resolution Satellite Imagery

Jim Gray氏は、データベースおよびトランザクション処理の分野においての第一人者
参考：
データベースの第一人者、ジム グレイが語るMicrosoft SQL Server 2005

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

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

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

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

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