CSS Nite LP, Disk 1のお知らせ［3］

■講演テーマ：
「CSSデザインを自動化するための7つのルール」

プレゼンテーション・テーマに関連したお話を音声で配信しています。当日はPCを使ったデモが中心となりますので、深いお話はPodcastで（※もちろん聴かなくても大丈夫です、デモで完結していますので）。

■Podcasting：
第２回「センス・感性とは？　自然の秩序とデザイン」
10月2日（月）配信

・自動化されない（しにくい）仕事
・効率化できない（しにくい）仕事
・人間マクロ（同じ作業の繰り返し）は辛いけど改善できない
・デザインアプリケーションソフトウェアと技
・「センスが良い」と評価されるデザインはどうやって生み出されるのか？
・デザイナーの仕事を分解

第３回「商業デザインとビジネス」
10月6日（金）配信

・テーブルレイアウトが自動化されて変わったこと
・画像分割（スライスイメージ）機能が搭載されて変わったこと
・HTMLを記述しないデザイナーに支えられていたワークフロー
・現在のCSSデザインはエディタによる手作業
・CSS「支援」ツールから「自動化」ツールへ
・実装工程の均一化と新たな価値
・当日のプレゼンテーション（デモ）内容について

■過去の配信：
第０回「イベント告知」
9月9日（土）配信（10分／MP3）

第１回「コンピュータが登場する前のデザイナー」
9月10日（日）配信（15分／MP3）

デジタルデザインの歴史は「手作業」をシミュレートしてきた自動化の歴史／今まで習得してきた技術、道具が必要なくなってしまった！／デジタル化されて作業が減ったのは最初だけ、手作業のときより忙しくなった

Sergey Brinの講義

次回のcommon style. 勉強会テーマ：
「講義の無料配信によって得られるもの、失われるもの」
「学校が（学生にとって、先生にとって）魅力的な”場”として機能するには」

以下、Google Videoを活用した事例です。
講義の評価などチェックしてみてください。

サーゲイ・ブリンの講義（2005）
ダウンロードしてiPodやPSPで視聴することも可能
「SIMS 141 - Search, Google, and Life: Sergey Brin - Google」

Google Videoを使った大学の講義配信：
Press Release
「UC Berkeley offers courses and symposia through Google Video」
「UC Berkeley on Google Video」

大学、専門学校の講義配信にバリエーションが出てきました。iTunesやGoogle Videoをプラットフォームとするエデュケーションサービスは（もちろんタイアップもありますが）単独の学校プロモーションとしても価値あり。

Web本の執筆メモ［R-016］

CSS Nite LP, Disk 1のお知らせ［3］は、後ほど投稿

補足：デジタルテレビで取得できる番組情報

昨日、時間が足りなかったので補足を掲載しておきます。

参考：
番組に関する（視聴者が知りたい）情報について

フジテレビ
http://www.fujitv.co.jp/index.html
TOPページ「こちらフジテレビ」＞「FAQ・Q&A」＞「番組で使われる曲」＞フレーム内の「番組で使われる曲」＞FAQ

［引用］
土曜プレミアム『電車男DELUXE　最後の聖戦』
http://www.fujitv.co.jp/faq/qa/2006/20060926.html
＜使用された楽曲に関するお問い合わせ＞
＜出演者に関するお問い合わせ＞
＜その他のお問い合わせ＞

・番組情報：現在はPCやケータイによる公開だが、デジタルテレビ（※これから発売される商品）で取得可能になった場合どういうサービスが展開できる？　昨日、議論された通り、バラエティ番組と映画・ドラマとでは扱いが異なってくる。
・番組情報：テレビプリントにスタイルフォーマット（きれいなレイアウトで印刷できる機能）を組み込むべき？
・番組情報：ショッピング・コードとクレジットカード、PCを使った従来のネット販売

・テレビ検索（TVの中で使うGoogleなど）のデフォルトは人気キーワード選択で十分か？　リモコンを使ったキー入力はあくまでオプション？（PCを使った検索との差別化）
・戦略的ダウンロード配信（テレビ局が配信する番組動画）と放送番組とのデータベース共有は動画ファイルに埋め込むメタデータが鍵となる

・利害関係：探ると、何もアイディアが出てこないほど複雑なので‥先送り。但し、いくらアイディアや技術があっても、関係する企業の立場（特に現状維持を主張する企業、団体）やレギュレーションによって「実現不可能」になる場合が多々あるので、情報収集は怠らないように。

業務報告：デジタルテレビが普及しなかった場合

本日の会議ですが、補足です。以下のテーマを取り上げたいと思います。現在、2011年までに「デジタルテレビ」が完全に普及する前提で進めてますが、若年層の動向が気になります。

●追加テーマ：
「若年層でデジタルテレビが普及しなかった場合」
一応‥議論したいと思います

１）デジタルテレビを買わないでPCでテレビを見る人が増える
Aパターン（若年層）
＞安価なチューナーの製造、容易な購入

２）デジタルテレビを買わないでPCでテレビを見る人が増える
Bパターン（若年層）
＞録画された番組がネットで流通
・デジタルテレビの画面「カメラ撮り」映像を320x240px程度に縮小（テロップも読めて、かなりきれい）

居間に大画面の液晶テレビ‥は良いとして、PCを仕事やプライベート問わず、日常の道具として使っている若年層はどうか？
人間誰でも等しく1日24時間、コンテンツビジネスは「時間の奪い合い」だが、ネットでテレビ番組のダイジェストをつまみ食いする習慣がついてしまうと、どういう変化が起こるのだろう？

議論するときの題材：

１）事件が起こる
２）ネットのニュースで知る（mixiなど）
３）詳しく知りたいので検索する
４）ヒットした個人ブログなどを読む
５）リンクされていたニュース映像を見る（YouTubeなど）
６）PCだけで、ニュースソース、テレビの報道番組の映像、個人の意見、等々‥多面的かつクリティカルに読み解くことができる

テレビをいつも見ている友達とある程度「共通のリソースを共有」できるので、テレビを見ることにこだわらない。

業務連絡：common style.

明日の会議：
１）前回の「DTVとSaaS」についてのまとめ
２）事業提案

事業提案については、学校法人において（少々中途半端な状態で‥）試行しているcommon style.の教育プランAと同じです。「2007年から全身全霊をかけて〜」と言ってきましたが、その決意をダラダラと聞いていただくことになるかもしれません‥。まずはインストラクショナルデザイナー（IDデザイナー）についてのモデルイメージでしょうか。現在「教育デザイナー育成プログラム」としていますが、これが急務かと思います。

事前に見ておいてほしい参考サイトは「UCLA MAGAZINE」です。

ご迷惑おかけしてます、行方不明ではありません‥

Web本の執筆メモ［R-015］

・IE 7 [ page zoom ]
・body background-image

Web本の執筆メモ［R-014］

・１／２広告（ディスカウント）フォーマット
・2x2-Tgifバックグラウンド技法

Web本の執筆メモ［R-013］

・１／２広告（ディスカウント）フォーマット
・ノンSEO割引
・2x2-Tgifバックグラウンド技法

行方不明ではありません‥

業務連絡：研究会

明日の研究会用資料を配信しました。一部、3月に開催した「キャラクターデザイン講座」（企業内研修）と同じシラバスを採用します。

●コンテンツビジネス概論

テーマ：
１）ショートコンテンツのオールライツ
２）商業作品とクリエイティブコモンズ
３）レンタルと時効モデル

現在、行方不明状態になっておりますが‥生きてます（精進中です）。明日早朝、出発してお昼には東京に到着します（ケータイ日記）。尚、終了後すぐに戻らなければならないため、雑談ネタはPodcastしておきました。

行方不明ではありません‥

Web本の執筆メモ［R-012］

CSSプランブック［色彩計画モデル／意見交換用のプランニング・ツールとして活用］

Web本の執筆メモ［R-011］

CSSプランブック［55p part - color］

Web本の執筆メモ［R-010］

CSSプランブック［感性訴求編］

Web本の執筆メモ［R-009］

Adobe Photoshop CS2［Action］
Dreamweaver 8 & CSSEdit
Photo：素材辞典（DATACRAFT）

※レタッチなし、レイヤー合成のみでメイクアップ（化粧）／アクション（自動処理）を活用

Web本の執筆メモ［R-008］

劇場版「Serendipiter」プロダクションノート

Web本の執筆メモ［R-007］

msm magazine - web 7 -
構造化とターゲットマニピュレーション
［ポストカードを衝動買いする心理とGenerally］
［魅力と訴求力］
［ノンブランド商品のブランド化］

業務連絡：明日の会議はDTVとSaaS

議題です。ぎりぎりになりますが、レポートをアップロードいたしました（します）。議題は3つ、検証は某社のSTBを使用します。
政府方針およびレギュレーションを考慮しない方向性で。

議題１：デジタルテレビで得るネット情報

・TV Googleの憶測
・ネット上の情報をテレビ閲覧用に編成するのは人？プログラム？
・自ら情報収集しない層には「おすすめ情報」が適している？
・チラシのディスプレイ表示はHTMLレンダリング？ベクター？
・入り口と出口をHTMLベースにすれば、中身は独自言語でもよい？

議題２：テレビ番組と連動したパーソナルサービス

・デジタルテレビのブログ的？サービス
・当然ながら日記のような記述システムは適していない（PCを使えばよい）
・お気に入りテレビ番組の情報、登場するアイテムを「集める」仕組み
・合法YouTube、番組のシーン・コレクションとデータベースの共有
・キャノンのテレビプリンタをどう活用するか
・朝起きて、まずテレビをつける習慣の復活（mixi -1/10要素）
・「見るテレビ」と「使うテレビ」
・自ら情報収集したいと思った人がPCに流れる誘導プラン「フローティング・コマーシャル」案
・現在のアナログテレビの受像機イメージを払拭して、（PCを取り込むことも考慮した）実用家電のブランドを創出（してみよう、とりあえず。あと2年あるので‥
・とにかくシンプルに考える（PCの役割を無理に持ち込んでもしかたない）

議題３：アプリケーションソフトウェアの広告モデル

・ソフトが無料で使用できるなら、広告表示も受け入れられるか？
・商品広告はやはりNGか？
・カニバリ防止のチェック機能はどうする？
・プロ向けの市場では成立しない？

※尚、会議後はすぐに移動しなければならないため（いつもの雑談会に参加できないため）、私の意見をPodcastしておきました。

Web本の執筆メモ［R-006］

■ヒアリング：
インターネットを利用するためにパソコンを購入した初心者を対象とした教室（高齢者が多い）

１）ヒアリング１：文字の拡大とページの拡大

文字の拡大（テキストズーム）機能

［便利］なし
［不便］拡大されない文字がある（※グラフィック文字を意味する）

ページの拡大（ページズーム）機能

［便利］クリックするだけで拡大できること
［不便］水平スクロールの操作

まとめ：

なぜ、テキストズーム（文字だけ大きくする）という機能があるのか理解できないようだ。そもそも「今までページズームがなかったことがおかしい」という感想だった。IE 6を知らないユーザーなのでしかたない。
ページズームの場合はステータスバーのアイコンをクリックするだけで拡大できるため、利用者に対しての強制的選択が働く（テキストズームは完全に埋もれてしまった）。IE7が普及した場合、ページズームは利用頻度の高い機能として定着しそうだ。今回、対象とした人たちは「Webブラウザ = Internet Explorer」であり、他のブラウザは選択肢にはならない。
購入されたパソコンは安価なモデルでも高解像度ディスプレイが多く、高齢者の方々にとってページ全体が大きく表示される機能は有効であった。拡大表示された画像は劣化するが、思っていたより不満の声は少なかった。
（講習の後、IE 7からIE 6にもどすのだが不便を感じるのではないだろうか‥）

閲覧サイト：

自治体サイト、企業サイト、個人ブログなどから30ほど選択して閲覧してもらった。サイドバーが中央のコンテンツに重なってしまう致命的なトラブル、多々あり（CSSに影響されない機能だが、なぜかCSSハックが原因？のようだ）。フルFlashのサイトは位置が大きくズレてしまうものが多かった。ただ、閲覧した大半のサイトは問題なく表示されていた。
※IE 7 RC1では水平スクロールバー関連が修正されている

ページズームの操作：

ステータスバーのズームアイコンをクリックする度に125%、150%、そして100%に戻る。メニューからの選択もできる。また、拡大率を入力することも可能。

Web本の執筆メモ［R-005］

OmniGraffle Professional - Structure Design
OmniPlan - Project management

・デザインに使用した技法：42
・訴求案：10
・クライアント提出：6
・ブランドカラーのチェックおよび意見のまとめ
・修正デザインに使用した追加技法：4
・新たに作成した訴求案：4
・クライアント提出：3
・デザイン決定
・カバーバリエーションの作成開始

［拡大表示］

［拡大表示］

［拡大表示］

業務連絡：小説 Serendipiter

予定変更のご報告：
韓国取材、かなり先になりそう。また、インドの資料もまだ不完全。ノベルの執筆は、10月下旬もしくは11月より再開の予定。
尚、設定を2011年から2020年に変更、「ネオ・ニート」という呼称も週刊誌等で目にするようになってきたので変更。次世代無線技術、携帯アコーディオンスクリーン、ペットボトルなどに貼り付ける動画シール、その他、第二少子化問題なども絡めることに。

Serendipiter（←※効果音入り）旧設定：

日本は、ステイタスの格差をあまり感じることのない「中級社会」であった。ネットで巨大な匿名掲示板が維持できるほど、誰もが「中級」の意識を持っていたのだ。しかし、リスク社会が到来してから一変してしまった。二極化が拡大し、「希望」を描けない人たちがたくさん出てきた。そこそこ豊かな日常生活を送っているのに将来の見通しがたたないという状況が続く。いくら努力しても現状を打破できないことが分かった若者たちは、「現実逃避」にエネルギーを注ぐようになる。
2011年、世界中で共通の異変が起こる。
実社会には一切、姿を見せず、ネットで自我を確立しようとする「ネオ・ニート」が急増。どこで、どんな生活をしているか、まったく明かさず、実社会から逃避し続ける。
米magic社は、ネオ・ニートをターゲットにした実社会代行サービス「エージェント」を開始。半年で数千万のユーザーを獲得する。後に世界中の非難を浴び、同社はサービスを中止するが、エージェントを回収することはできなかった。現在、世界各国で起こっている「エージェント」事故は、ネオ・ニートたちの過激なメッセージである。

ノベルにはビデオバッジレーベル「frog motion」も登場。ビデオ再生できる缶バッジが流行っている設定で象徴的なアイテムとしてストーリーに組み込む。
（※FlashPlayer 必須）

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

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

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

CSS Nite LP, Disk 1のお知らせ［2］

講演テーマ：
「CSSデザインを自動化するための7つのルール」

当日のプレゼンテーション・テーマに関連したお話を音声で配信していきます（不定期）。音声雑記ブログにて雑談テイストで‥
［このイベントに関するエントリーはCSS Nite LPカテゴリにまとめています］

Podcasting：
第０回「イベント告知」
9/9配信（10分／MP3）

第１回「コンピュータが登場する前のデザイナー」
9/10配信（15分／MP3）

デジタルデザインの歴史は「手作業」をシミュレートしてきた自動化の歴史／今まで習得してきた技術、道具が必要なくなってしまった！／デジタル化されて作業が減ったのは最初だけ、手作業のときより忙しくなった

第２回「センス・感性とは？　自然の秩序とデザイン」

デザインアプリケーションソフトウェアと技／「センスが良い」と評価されるデザインはどうやって生み出されるのか？／デザイナーの仕事を分解

第３回「商業デザインとビジネス」

Web本の執筆メモ［R-004］

WBS specification - process design

Webデザインの自動化［2010］メモ「海外クリエーターチームとの協業」

2010年プロジェクトの2006年レポートまであと3ヵ月。次は2007年レポートである。「2010年のWebデザイン」については書籍には盛り込まず（本当は結びで簡単に触れようかと思ったのだが）、もうしばらくクローズド。
以下、昨日テーマにしたメモ（※Googleサービスは勝手な憶測）

・デジタルテレビ向けにGoogleが提供する「番組検索」サービス
・ソフトウェアキーボードはサブインターフェイス
・注目度の高いタグやキーワードを表示してリモコンで選択
・キャノンのテレビプリント市場戦略
・テレビ仕様のWeb標準化団体（例：韓国はDPF）
・デジタルテレビ情報化研究会（シャープ、ソニー、東芝、日立、松下電器産業）
・デジタルテレビのWebブラウザ（同上）

2010年のWebデザイン（9/5のメモ）：

・SaaSによるWebデザインの完全自動化
※「SaaS」に関しては、ASPイメージを払拭するマーケティング戦略上の言葉と認識しているが説明コストを下げるため使用する

・Webデザインを自動化するSaaSモデル（2007年研究会発足）
・グローバルなアウトソーシング体制が重要となる
・コーディング作業と視覚表現、訴求、ユーカビリティ関連作業の分離
・海外のWebデザイナーチームにコンストラクション・キットを発注
・情報デザイン、視覚表現を徹底的に追求（韓国のデザイン教育機関との連携）
・海外のマークアップエンジニア・チームにユーザエージェントサポートを発注
・ユーザエージェント閲覧保証プログラムと契約
・オーサリングインターフェイスの研究拠点（米国）
・中小企業向け勉強会の開催
・学校向けデザイン教育のアプローチ（情報デザイン教育）

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

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

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

Web本の執筆メモ［V-012］

background designing（スケッチ）：

●過去の執筆メモ：
［制作日記（ほぼ毎日更新中）］
BOOK-V ［V-001, V-002, V-003, V-004, V-005, V-006, V-007, V-008, V-009, V-010, V-011］
BOOK-R ［R-001, R-002］

Web本の執筆メモ［V-011］

Advertisement（例：standardized size）：

color designing（スケッチ）：

●過去の執筆メモ：
［制作日記（ほぼ毎日更新中）］
BOOK-V ［V-001, V-002, V-003, V-004, V-005, V-006, V-007, V-008, V-009, V-010］
BOOK-R ［R-001, R-002］