「情報デザインA」のアーカイブ

以下は、夏期にテスト配信されたものです（過去の”記録”としてご覧になってください）。講義内容は反省会を経て、すでに更新（リライト）されています。これから配信される同内容の講義はバージョンアップ版になります。

■課題：
ブラウザという「商品」について考えてみましょう
映像（一部）「ブラウザが持っているスタイルシートって？」7分］2005.8.15

■課題：
ブラウザのデフォルトCSSをどこまで上書きしていいのか話し合ってください
映像（一部）「デフォルトスタイルシートを上書きしてみる」10分］2005.8.16

■課題：
ユーザースタイルシートで企業サイトなどをカスタマイズする是非について話し合ってください 映像（一部）「ユーザースタイルシートが一番強い！」］2005.8.18

※ビデオではなくFlashムービーです
※音声あり

高校生のための情報デザイン講座A

12月27日（火）今日も晴れ（関東は晴れが続く）

昨夜の「情報デザイン講座」、編集中である。なぜ編集しなければならないか？　背景に音楽が流れていたからである。そういう場所だったのでしかたないのだが。インターネットで公開することができないのでカットするわけだが、これが意外に大変な作業で困っている。次回は注意しよう。
とにかく「編集」の作業が入ってしまうと、（時間やコスト等の問題で）講座運営ができないのだ。「権利処理」についてはもっと神経質になった方がよいかもしれない。
（スポーツのDVDを見ると、よくわかる。選手入場などの音楽が変更されている場合がある。観客の歓声が不自然だったりする‥）

高校生に対して「これからはCSSでデザインしよう」といった話はズレていたようだ。彼らは、最初からCSSを書き換えながらデザインしているので、テーブルデザインもCSSも関係ない。カスタマイズできる無料のブログサービスが普及していることも影響していた。バージョン4のブラウザなど使ったこともない世代だから、IE 5.xのボックスモデル対策くらいしか考えていない。ブラウザごとの多少の差異も受容しているあたり、最初からWebスタンダード的。

彼らは17歳くらい。大学に進学して社会に出るまで5年ある。ある高校生に「まだWebデザイナーという職業はありますか？」と質問される。「心配しなくていいよ」と言っておく。5年後、2010年か‥。ここ1、2年だけ見てもWebのトレンドが多すぎて、5年先など予想できない。

「高校生のための情報デザイン」のページに講座の音声データを公開準備中である。（尚、クローズドネットを窓口にした実証実験を兼ねているので詳細な情報は非公開となっている）。

ミクシィ日記

12月26日（月）多分、晴れ‥
朝から慌ただしい。デスクワークだけではなく、ライブの仕事も予定されているため、準備などに時間がとられてしまう。しかし、手を抜く無かれ、時間優先でもクオリティコントロールを忘れてはいけない（‥という意識が必要だ）。

CSS Niteのコミュニティに参加するため「mixi」に登録。過去、何度も誘われていたのだが、なかなか登録せず無風の状態だったがコミュニティ参加という明確な目的によって殻を破った。
審査のある厳しいクローズドネットはいくつか参加しているが、mixiは意外とゆるい相互監視の世界だった。せっかく利用させていただいているので、ここで書いている”私的な”日記の要素をmixiに移したいと思う。

■裏・仕事日記　→mixiの日記
■CSSに関連した音声雑記　→mixiの日記
※登録名は本名ではなく「monkeyish」→訂正、本名だった(12/27)

■格闘技「体験」日記（1/10まで）→CNの日記
■情報デザイン講座メイキング　→月刊徒然音声雑記
※月刊徒然音声雑記は映像なので新しいブログを作成

ちなみに本日は「高校生のための情報デザインA」講座が行われる。

近況、格闘技から学ぶ身体能力とクリエイティブ

12月20日（火）晴れ、気温2.4度
朝のミーティング終えて、時間割の調整。本日は午前からグッズ本をメイン作業として進める。夕方からはCSS（ムック）の残り原稿を仕上げ、合間に雑誌記事の構成と書籍myのサンプルを平行する。深夜はまたグッズ本に戻って作業。だんだん作業数が減ってきて加速してきたが、まだまだスピードアップしないといけない。

1月中旬の総合格闘技「体験」のため、年末年始が無くなる。運動不足で鈍った体では参加できないのだ（怪我をするから許可できない、と言われてしまった）。専門の方に相談したところ、最短で2週間あれば「普通」の体に改造できるようだ。
現在メニューを作成してもらっているが、29日から始めて1/11まで”1日もかかすことなく”こなす必要がある。朝夕の散歩（ランニングじゃないのが情けない）、食事のコントロール、基礎運動など規則正しく行う。

せっかく規則正しくなるのだから、書籍の作業も年末から前倒しで行うつもりだ。一石二鳥ではないか。
但し、たった1回の「体験」のために年末年始を犠牲にするので、猛反対している人が数名。話し合いで解決しよう‥（※この「体験」は新しい講座企画のため。もちろん格闘技の講座ではない。追々触れていきたい。このタイミングを逃すとまた1年くらい延びそうなので決断したのだ）
この「体験」が終わったら、いつものライフスタイルに戻る‥

■ネットラジオ講座
高校生のための情報デザイン
特別講座（表現）「Flash 8 オンラインセミナーA」は、予定通り12月26日に配信。
「ヒドゥンアート塾」のビデオキャスティングは1月上旬に変更。

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デザイン

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

ネットラジオ講座「Flash 8 オンラインセミナーA」

■特別講座のお知らせ：
Flash 講座A
（Aは一般の初心者向け講座）

今月下旬、common style -ネットラジオ講座の特別講座をおこないます（学習コンテンツは動画仕様となります）。動画仕様というのは、「音声」だけでは教授できないタイプの学習に用いる簡易動画です。今回はFlashムービー（SWF）で配信いたします。

●解説ムービーのサンプル
※サンプルに音声は入っていません
※ムービーサイズは、可読性を高めるため大画面仕様（960x720）になっています。1,024x768 のディスプレイで閲覧する場合はブラウザを全面表示にしてください
※このサンプルは来月中旬に発売されるFlash本に収録されているものです（セミナーのサンプルではありません）

●公開情報
・オープンネットで公開しますので、どなたでも閲覧できます。URLはネットラジオ講座の準備ページです
・セミナー日は今月下旬（只今調整中）
・書籍と連動したセミナーは1月下旬頃になります

●講師
monkeyish studio

●補足
講座ではバージョン8を使用します。FLASH Basic 8でこれから学習する初心者をメインターゲットにしています。プロ版も多少解説します（あまり期待していなかったカスタムイージングですが、かなり使える機能でした。但し、使い方にコツがありますね‥）。

近況および「時間管理」について

11月16日（金）快晴
早朝ミーティングでマネジメントさんとスケジュール調整。昨日で2つの書籍が終わり、あと2つとなる（これは週末でほぼ完了させる）。週末は作業場に「ライブカメラ」が設置される。監視というより、進捗を時間単位で更新していくそうだ（たしかに、もはやスケジュールの信用失墜）。今回ばかりは意見することもできないので素直に従おう。

5つの出版社の方々と「同時に」やり取りするのは初体験で、通常の時間見積もりでは対応できなかった。今後の反省材料として役立たせるしかない。
昔、手塚治虫さんが週4本の連載（しかもアニメ制作もしていた）をもっていて大変忙しい時期があったと聞き驚いたものだが、その仕事量よりも「大勢の人に迷惑かけたんだろうな‥」という舞台裏を想像してしまった。

私はクリエイティブ業界よりもビジネス分野の方が深かったので、作業量とクオリティコントロールのバランスがとても気になる。しかし自分自身の問題になってくると、そのしわ寄せは「時間」にかかるわけで、結局タイムマネジメントが落ちてしまう。これではワークフロー云々の記事を書いても、まったく説得力がない。
先週から「時間管理」を専門の方（←ライブカメラを設置する人）にお願いしたので、なんとか調整できそうだ。このあたりのプロセスおよび役割分担、そして自分の経験については後日まとめて公開しよう。
普段、学生を「指導している」学校の先生が、自動車教習所の教官に「指導される」‥みたいなロールプレイングはとても良い勉強になる。

来週からは、初稿チェックしながら新しい書籍（F本とD本）の作業を進める。

■新しい本の曖昧な宣伝

自由にカスタマイズしよう！ Flashで遊ぶグッズ本

ネットラジオ講座の配信予定

スケジュール：
12月19日〜／ネットラジオ講座1を順次配信
12月26日〜／ネットラジオ講座2（一部映像）を配信

■ネットラジオ講座1
［Cのちから］高校生のためのデジタル編集工学（Web CSS概論）
［フラッシュアニメ講座］映像表現A（Flash 8 使用）

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

■ネットラジオ講座3
［セマンティックス］Dreamweaver 8 CSSワークフロー講座

●公開場所：
インターネット
・クローズドネット（非公開）
・オープンネット（common style : http://admn.net/）
・ルームコミュニティ（非公開）
実演
・セミナー（日程はここで告知）

※以下はブログに掲載した抜粋記事です

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

作業の進捗

■曖昧な業務連絡
今週前半の進捗は記事および書籍専用ページに記載、中継は「ケータイ日記」にて（記号化して‥）お知らせ。
マネジメントさんからの提案で作業場に「ライブカメラ」が設置される（もちろん作業の内容はわからないように）。来週までブログのなかで公開。さぼっているとバレるという仕組みだ。おそろしい‥（正装で仕事しないといけない、面倒だ）。

CSSページビルディング第二幕

■CSSページビルディング関連：
「IDにどういうセマンティックス（意味）を持たせるか」というコンセプトを追加したページビルディングの解説と実例

公開メディア
・某CSS本で事例を少し紹介
（1月？発売）ほんの少しだが基本コンセプトを掲載。従来のCSS基礎をベースとする
・某アプリケーション本の改訂版
（1月から執筆作業）サンプルサイトのCSS作業で簡潔に紹介。アプリケーションの解説本なので深くは語らない
・新CSSページビルディング本の企画書作成と提案
（2月〜）
・某ワークショップセミナーで概念を紹介
（3月）PCを使って実演

■メモ［1］
旧サンプルに「s-ID」セレクタを割り振り、CSSのIDデータベースと接続する実験。Webページのリサイクルを「IDセレクタにシリアル番号を付加すること」で対応してみる。
「Dreamweaver 8」（+エクステンション）を使えば、コンピュータプログラムのためのセレクタ・ネーミングでいけるかもしれない。

■空白だった「ツール」もDreamweaver 8 +αで（やっと‥）対応可能

■イメージエレメントも「期限付き」で再利用可能な識別子として管理する

■「裸（XHTML）」と「衣服（CSS）」のメタファ
「着せ替え」という例えで抽象化してみる。「服」に付いているバーコードが「識別子（ID）」
IDの割り振りまでを「スケルトン」、IDにセマンティックスを持たせた後は「裸」と表現する（来週公開できそうな音声雑記「Web - model in the nude」で話題にする予定）

近況進捗

12月8日（木）晴れ
30分ほど作業場（地下室）が使えないのでロビーにて投稿。ホテルの空調にやられてしまい、喉がおかしい。ホテルの部屋は乾燥するので、いつも注意しているのだが‥油断してしまった。

グッズ本、某ソフトの改訂版、CSSムック本、某専門誌の記事が同時に進行中。明日の朝までにいくつかメドがつきそうだ。

来年、CSS関連のイベントで講演することになった。「教育デザイナー」の肩書きで行う企業向けの研修ではないので、あまり堅くならないように注意したい。デザイン業界の方々に役立つ内容を整理しておこう。CSS+デザイン表現+エディトリアル+ID+セマンティック+（ブラックボックスデザインB）を融合させた講演にしよう。

ネットラジオ講座と音声雑記は、執筆作業が落ち着くまでお休み。
「ヒドゥンアート塾」のビデオキャスティングは今月下旬。

来年「ヒドゥンアート塾」を勉強会として立ち上げる。こっそりと塾生募集‥

ブラックボックスデザイン［4］補足

ネットラジオ講座、第4回の補足です（12/4再録）。
家庭にあるSTBや博物館などのキオスクなど、PCの「専用機化」は様々です。OSを利用者に見せない（操作させない）「専用機化」では、人によるメンテナンスができませんからハードディスクの自動修復機能なども搭載されています。
弱い専用機化の事例を紹介しておきます（古い事例ですが参考になります）。

●事例：PCの「弱い」専用機化
Apple社のAt Ease
Macのデスクトップ（MacOS）を隠し、利用者別に適したインターフェイスを提供するソフトウェア

Apple［At Ease 3.0 ワークグループ用］
Apple［At Ease 3.0 Basic版］
※アーカイブの情報です
※現在は発売されていない製品です

「At Ease」のコンセプトに関しては音声雑記でも話します（週末になります‥）。

グッズ本［1］

■新しい本の曖昧な宣伝

自由にカスタマイズして遊ぼう！ Flashグッズ本
テクニック解説+素材集のスタイルブック

・デザイン学校の授業で教材として使う
・自作Flashゲームの素材として使う
・プレゼンムービーのキャラクターとして使う

［サンプル-14］

近日発売（‥）

ブラックボックスデザイン［4］

common style　ネットラジオ講座
高校生向け特別講座「ビヘイビア・トラッキング(仮称)」
［15:00 × 4 ／MP3］
※音声はcommon style Aからダウンロードしてください
※一般公開はcommon style B［http://admn.net/］です（準備中）

※講師（境）、本日多忙のため音声配信は週末となります

■課題：
夢の箱「Dream box」を作ろう！
〜PCを専用機化するトレーニング

●専用機化の参考：
「受験マーケットと電子辞書」

図書館の二階に上がると学生（中学生、高校生）で大混雑。皆さん、黙々と勉強している。テーブルの上にはノートに参考書、そして「電子辞書」が置かれている。「電子辞書」は受験生にとって欠くことのできない必需品になっている。
最近の「電子辞書」には、英語、国語、日本史、世界史などの受験対策用コンテンツも含まれている（2006年からセンター試験に組み込まれるリスニング試験対策コンテンツも搭載）。

CASO 受験対策コンテンツ搭載-電子辞書「XD-LP4700」
（家電量販店などの実勢価格36,800円くらい）

●材料：
低価格、高機能のPCを「専用機化」する

Apple「Mac mini」
（税込み58,800円）

※［プロトタイプ］［設置］［宣伝］［効果測定］はシミュレーション学習です

［発想］
・ターゲットとマーケットを決める
・ニーズを探る
・イメージスケッチ

［プロトタイプ］
・PCのOSをブラックボックスにする
・リモコンに（厳選した）OSのコマンドを登録

［調査と再考］
・フィールドワーク
・駅の券売機、銀行のATM、自販機などを取材（※銀行では許可確認）
・インターフェイスをデザイン
・リモコンに登録するコマンドを再検討する

［設置］
・設置場所を決める（カフェ、ショップ、公共施設など）
・設置の手順をデザインする
・期間、回収のスケジュールを決める
・提案書の作成
・プレゼンテーション

［宣伝］
・ブランドキャラクターをデザインする
・キャッチコピーを決める
・専用ブログを公開する（準備日記の更新）
・ステッカーやストラップなどの配布用グッズを依頼
・イベントを企画する（グッズ配布）

［効果測定］
・オペレーションのログ解析
・アンケート集計
・総括
・報告書の作成

近況、高校生からのメール

12月5日（月）晴れ
新しい週がスタートした。フリーランスにしてはかなり緊張感のある月曜だ。今週前半はもう待ったなし！である。

書籍3冊（+雑誌）をほぼ同時に終わらせる感じになる。木曜までは地下室でセブンイレブン（朝7時〜夜11時という意味）の時間割。こういう時に限って、滅多に起こらないような「めずらしいトラブル」で作業が中断する。いつもなら雑談のネタとして頂戴するのだが、今回は歓迎しない。何事もないよう祈るばかり。

ネットラジオ講座は、そういう事情で今週お休み。音声雑記もあと数日は滞りそうだ。

1日から韓国で携帯向けの地上デジタル放送がスタートしたが、米国は（日本より2年早い）2009年に地上デジタル放送へ完全移行する（議会でアナログ放送終了時期を定めた法案が可決された）。アナログ波は競売にかけられるようだ。

ブラックボックスデザインと平行して立ち上げるWebデザインBバージョン（仮称）は海外の動向を見ながら進めていきたい。Bというのは、高解像度になったデジタルテレビで閲覧するページデザイン（テレビブラウザ+XML文書+PDFのようなレンダリング？）イメージを考えていく勉強会のことである。←かなり大雑把

高校生からメールが届くようになった。「かっこいいサイトが作りたい」とか「ブログのデザインを変えるには？」といった質問が多いと思ったが、「この画像は引用の範疇ですか？」とか「ミクシィのようなコミュニティを運営するにはどうすれば？」、「FOMA-Vライブのようなサービスは他にないですか？」等々、予想を超えた内容ばかり。

音声雑記を聴いてくださっているようで、視覚表現よりも情報デザイン系の話題が多い。
それにしても、やろうと思っていることのスケールが大きい。高校生であっても実現可能なのだから、技術の進歩にも驚く。しかも、わからないことはネットを介して聞けるのだから（某大学の有名教授にも質問メールを出したらしい。マナー違反も若さの特権だ）。

彼らは現在17歳くらいか？　小学生の頃すでにインターネットが普及している。学校では必修科目「情報A」がある。インターネットネイティブの先生に教わっている学生などはセマンティックをテーマにレポートを書かされているのだから、指向に変化が見られるのは当然かもしれない。

さて、そこで問題になってくるのは興味のない（もしくは）ついてこれない人である。これは年齢ではなく個人の問題だから、なお難しい。我々40代でも格差は広がるばかり。私も分野によっては「万年初心者」、中級者との差はそう簡単に縮まらない。日々の生活における優先度が低いということだが‥

ブラックボックスデザイン［3］

common style　ネットラジオ講座
高校生向け特別講座「ビヘイビア・トラッキング(仮称)」
［15:00／MP3］
※講師（境）、本日多忙のため音声配信は週末となります

課題：
皆さんは「Webプロデューサー」として「パソコンを使わないネットユーザー」を対象とする大きなプロジェクトに参加します。これからのWebサービスを考えていきましょう。
「テクノロジー」と「社会」と「デザイン」をバランスよく見ながらロールプレイングしていきます。

●現状
ビジネスホテルの宿泊予約の事例を振り返ります

・携帯電話（通話）で予約すると
　一泊シングル「5,000円」
・携帯電話（ネット）で予約すると
　一泊シングル「3,800円」

フロントに電話して予約すると「人」が対応しなくてはなりません。ネットで予約すれば、このプロセスが省かれるため安く提供することが可能になります。ネットを使えば「安くなる」「早くなる」といったサービスが急増していることも確認できたと思います。

日経新聞の「住宅ローン、ネット経由なら金利優遇」は確認したでしょうか？
逃した人は、銀行のサイトを見てください（NIKKEI NETにはダイジェストしか掲載されていません）。

ポイント：
・ネットで住宅ローンを申し込むと借入期間中の金利を通常より1%優遇（りそな銀行）
・ネット取引口座を開けば住宅ローン金利を1.5%優遇（住友信託銀行）

※利便性の視点だけで見るのは少々問題（ネットサービスを提供する企業の「思惑」が抜けています）ありますが、今回は絞っていきましょう

●想定外だったネットユーザー
パソコンを必要と感じていなかった人たちが「ネットサービス」に注目しています。これは家族など身近な人たちがネットを利用し始め、具体的な情報が伝わってきたからです。
「不利益を被りたくない」という意識については議論しましたが、今日はさらに進めていきましょう。

・パソコンを必要と感じていない人たち（高齢者含む）の意識の変化
・身近な人からの情報（具体性、説得力）
・「ネットを使いたい」と思っている（意識の変化）
・パソコン利用が想像以上に大きな障害になっている（教育コストやかかる時間の問題）

●アイディアソース
・オープンネット（インターネット）に蓄積されている情報を「編成」してデジタルテレビで閲覧できる仕組み
・テレビやラジオ、新聞、週刊誌のようにプロが編成、編集したものだけで十分と思っている人について
・インターネットにダイレクトアクセスしなくても「不利益を被らない」ネットサービス
・ボタンを排除し、シンプル化されたテレビリモコンとテレビブラウザ用のスクリーンデザイン
・情報構造と見栄え（デザイン）を分離する重要性
・デジタルテレビのネットラーニング（ユーザー教育）とコミュニティ接続

■おまけ
興味のある人は聴いてください。
※こちらは音声雑記で配信

・セットトップボックスの利権争い（米国）
・12月1日からスタートした世界初の携帯向け地上デジタル放送（韓国）
・世界のデジタルテレビとWebデザインBバージョン

フラッシュアニメ講座[1]

common style　ネットラジオ講座
高校生向け特別講座「フラッシュアニメ(仮称)」
［15:00／MP3］
※音声はcommon style Aからダウンロードしてください
※一般公開はcommon style B［http://admn.net/］です（まだ準備中です）

・パラパラアニメを作ろう（道具：小さなメモ帳とボールペン）
・コマ撮りに挑戦（道具：デジタルカメラと紙コップ）
・Flashで作るアニメの特徴を理解する
・ストーリーアニメーションの制作「はじめに」
・講座「ストーリーメイキング」と連動した学習

教科書：「FLASHキャラクターアニメーション」
※書店でご確認ください

アニメーションメイキング：
「Serendipiter」

[絵コンテムービー（スケッチとラフムービーのテスト版）を見る]
・これは「動くイメージボード」として活用されるミーティングバージョンです
・再生には最新のFlash Playerが必要です
・音声が流れますのでご注意ください
・ブロードバンド用のFlashムービーです

いよいよ「ブラックボックスデザイン」立ち上げ

12月1日（木）晴れ
師走の候、一段と寒くなり身も引き締まる。週末は関東北部で「初雪」の可能性あり。
連日、2006年の打ち合わせが続いているが、重要なのは今週である。書籍3冊（+雑誌）をきれいに締めなければならない。講座の方は一旦中断して来週後半から再開。

午前11時から赤坂プリンスホテルで「地上デジタルテレビ放送開始記念式典」。東京、名古屋、大阪で本放送がスタート。あと5年少々で「停波」である、現在のテレビ放送が停止する。日本の全家庭にネット端末が「強制的に」設置されるわけだが‥間に合うのだろうか。第4次行動計画には「すべての視聴者に使いやすい受信機およびリモコンの開発・供給」などが追加された。

私も2007年（まだ1年以上ある）から「ブラックボックスデザイン（仮称）」を立ち上げるので、放送とWebに関わる情報デザインに取り組む予定である。コンテンツよりも視聴者モデルと教育、コミュニティなどが対象となる。視点はインターネットネイティブのレベルからずっと下げて「PCを使わないネットユーザー」に合わせる。

PCを前提としないWebデザインでは「構造と見栄えの分離」はより厳格になるので”強い”標準化になるかもしれない。トライ＆エラーが期待できるPCユーザーとは異なるため”シンプル”の精神を叩き込まれそうだ。
2007年まで、どんな研究をしていくのかは音声雑記で。

■新しい本の曖昧な宣伝
自由にカスタマイズして遊ぼう！　Flashグッズ本