« 2006年1月 | トップページ | 2006年3月 »

2006/02/27

業務連絡「Webクローズドビジネスとアセットホルダー」

3月の勉強会
■テーマ:「アセット流通」

・「作り込んだHTMLとCSSを必要としない」世界
・コンテンツの”コンテンツ”を売る商売
・アセットホルダーという職業
・CMS第三世代

・アセットからHTML
・アセットからPDF
・アセットからSWF

●高校生向け講座への落とし込み:

・セマンテックス、ルール決め
・取材と情報デザイン
・アセット作り
・テーブルワークによる検証
・アセットをCMS(ブログでもよい)にインポート
・CSSプランブックでページネーション決め
・公開、意見交換

●事例:eラーニング業界
共有化を前提とした教材は、HTMLやJava、Flash、PDFなどで作り込まない。
特定の技術に依存した学習コンテンツ(JavaやFlashなどで作り込んだ教材)では、共有化がうまく進まないため、基本的にはアセットでやり取りされる。
アセットは各社のCMSにインポートされ、それぞれの講座にあわせた作り込みでリミックスされる。個人(受講者)の場合はアセットから必要な情報だけを取り出して、独自の教材を作成できる。
「パーソナルCMSの進化」および「作り込まないインパクトはブログを拡張する」を参照。

●デザイナーの視点
・デザインする要素がより明確になる
・時間を要するデザイン作業に集中できる
・ルーチンワークが減少する

2月 27, 2006 [01nr1]ネットラジオ講座 | | トラックバック (0)

2006/02/24

近況、3冊の本

2月24日(金)朝4時
引き続き、ほぼノンストップ。さすがに眼精疲労で頭痛。でも免疫学のデータが取れる。せっかくの疲労だし、無駄にはしないのだ。もちろん即、疲労回復に努めるが。
待望のメダルかもしれない‥ということでオリンピック見たい。しかし作業場にはテレビ無し。作業に集中する。

S社のF本(グッズ本)完了、近日発売。
グッズ本のイメージ


M社のF本、多分‥今日明日で脱稿!
G社のD本、多分‥今月〜来月初週で脱稿!

”3冊同時執筆の終わりが見えてきた”

金メダルとったらしい‥ニュースがデスクトップのツールバーに表示される。クリックすると詳細なページ。ほぼリアルタイム。この即時性に感動しないのは、”当たり前”のメディアとして慣れてしまったからだろう。
まぁ、大型スポーツコンテンツのライブはネットに落ちないので、映像情報は地上波併用。

2月 24, 2006 [13z1]雑記-1 | | トラックバック (0)

「ブラックボックスデザイン」書籍化メモ(01)

●「Webデザイン基礎」という本

2002年1月に「Webデザイン基礎」という書籍を出版した。前年にヤフーBBがスタートして、「日本もブロードバンドが普及するか!?」と興奮していた時代だ。

この本の執筆は、過去3〜4年で得た情報をベースにした。最初は難解なテーマばかりを取り込んでいたが、結果的に初心者向けの仕様におさまった。

Webデザイン基礎のカバー

NTTサイバー総研」(私は科学特捜隊基地と呼んでいた)で講座を担当させていただいた経験や「SFSU」のプロジェクト、「MIT Media Lab」や「NYU」で見せてもらった研究の数々など、ネットにアーカイブされていない情報が山ほど集まり、(その一部を)Webルールという括りで置き換えながら体系的にまとめてみようと思ったのだ。

●「ブラックボックスデザイン」の書籍化

この頃から「ネットにアーカイブされていない情報」「アーカイブされることを嫌う情報」を追い続けているわけだが、4年経って”ある情報のかたまり”が蓄積されてきた。
昨年後半から断片的に取り上げている「ブラックボックスデザイン」である。来月中旬あたりから執筆を始める予定だ。このテーマについては複数のプロジェクトが動いており、現在も某業界の方々と異種格闘技戦のような攻防が続いている。

●フィールドワークの優位性について再考

Googleの勢いは凄まじく「アーカイブされることを嫌う情報」もどんどん検索の対象になってきた。これは恐ろしいことである。同時にエキサイティングでワクワクしているが。
いずれにしても今までのフィールドワークでは厳しくなる。そういう意味でも「ブラックボックスデザイン」の体系化はこのタイミングが良いと判断した。今のところ、解説書ではなく読み物になる予定。ただ、いつものパターンで図解が増え、ハイブリッドな仕様に変わっていく可能性もある。

●執筆のメモをテキストと音声で公開していく

アプリケーション本はなかなかメイキングを公開できないが(すぐに何の本だか分かってしまう)、この手の内容であれば「リフォームデザインガイドブック」の時のように、ブログにメモしていくことができる。昨年の夏からPodcastingもやっているので、音声メモも残していこう。

「書籍の執筆メモ」+「ブログ&Podcasting」+「eラーニング」の連動で進めていきたい。本の執筆中にここまで展開するのは初めての試みとなる。特に”完成していない本”とeラーニングを絡めるのは、新しいIDの提案でもある。

●2011年に社会人となる高校生

この「ブラックボックスデザイン」は、高校生にも読んでほしいと思っているが、その理由は追々書いていこう。

2月 24, 2006 [01a01]ブラックボックスデザイン | | トラックバック (0)

2006/02/23

CSSデザインの軌跡「history check GIF」

■ヒストリーチェックGIF・ギャラリー
[history check GIF gallery]

CSSデザインのメタモルフォーゼを楽しむアート展覧会

history check GIFサンプル

作品募集中!
‥といっても集まらないと思うので、地道に準備、夏には開催したい。デザインではなく、アートの世界で楽しむのだ。いつものようにマニアック路線。

Dreamweaver 8アイディアノートに少しだけ収録する予定(CSS Niteでプレゼントしよう。欲しい人いない可能性大だが‥)。

2history check GIFサンプル

●過去エントリーより一部転載:

「history check GIF」はCSSページビルディングの検証用に活用されていたものだ。実際はアニメーションにはなっておらず、構造フローチャートからリンクされる静止画の集まりであった。現在は、検証用のツールがたくさん開発されているので必要とされていない。

アニメーション化された「history check GIF」というのは「見ていて、なんとなく面白い」ということで、作られるようになった。鑑賞目的なのでアート作品に近い。CSSが読める人だけに小技を披露することもでき、CSSアートの奥深さも楽しさの一つである。

Webデザイナーから「history check GIF」を提供してもらって、展覧会をやってみようと思ったのは、このような流れから出てきたものだ。

当時、「history check GIF」の書き出しは、AppleScriptで自動化されていた(この時点でMacユーザー限定である)。
「CSSのコメントで切りながら、ファイルを読み込み、ブラウザのキャプチャをとる」、そして「全てのキャプチャをPhotoshopで開き、GIFアニメに変換して書き出す」という流れである(Photoshop内ではアクションに引き継がれる)。
自動化とはいえ、操作の記録を再生しているだけなので不安定。他のマシンではウィンドウの位置が変わるため、うまくいかない。

このくらいの機能であればアプリケーション化できるのかもしれないが、私には無理そうだ。昔、Directorで似たようなアプリケーションを作ったことがあるが、キャプチャや画像ファイルの書き出しなどはXtraのおかげ(Directorは素晴らしい開発ツールだった)。Flashの仕様ではそもそも不可能だし、他の言語は尚更‥

以下、割愛

2月 23, 2006 [01ms1]monkeyish studio | | トラックバック (0)

2006/02/22

キャラクターデザイン講座のお知らせ

関係者の皆様へ

先週お知らせいたしましたが、以下の勉強会は3月に延期されました。

「Flash Product Placement」
monkeyish studio Advertainment

・キャラクターデザインの仕事
・ワンセグとショートムービー
・ショートショートコンテンツの需要
・コンテンツ挿入型コマーシャル

勉強会のイメージ画像
サンプル用の素材

・事例(1):書籍とキャラクター

書籍とキャラクターの資料
大きく表示する

・事例(2):Flashを使ったキャラクターアニメーション
・事例(3):目に見えないサウンドキャラクター

2月 22, 2006 [01ms1]monkeyish studio | | トラックバック (0)

雑記

詳細はよくわからないが‥「ie8」は? 
嗚呼、優先権と公共性

ie7.comで検索するとFirefoxが‥

2月 22, 2006 [13z1]雑記-1 | | トラックバック (0)

2006/02/21

近況、追い上げ

2月21日(火)朝6時、外は少し明るくなった
引き続き、作業である。しかし、昨日も書いた通り、終わりが見えてきたので俄然、勢いが出ている(遅れているので当然のことだが‥)。

本日の打ち合わせが延期になったので、24時間使える。実は「延期してもらった」というのが正しい。嗚呼、有難う(感謝のベクトルがズレている)。

昨日のエントリー「CSS Niteプレゼンテーションまでの流れ」について質問メールをいただいたので補足を。

CSS Niteのイベントは3月16日(木)で、13~15日までは関連した話題を音声配信する、ということであった。これを聴かなくても、まったく問題なく、むしろ自分のためにやろうと思ったのである。当日まで続ければ、内容がより明確になっていくのではないかと。

この程度の一人喋り‥
初めてのCSSセミナー」(MP3/8分)

企業プレゼンではよくやっているのだが、一人喋りを15分くらいボイスレコーダーに収録、聴きながら別の作業をする。当日の3日前からその繰り返し。1日15分だが、そこそこ効果がある。何より当日の精神状態が良い。余裕が生まれているからだ。
まぁ、プレゼン内容の評価は別の話になるが‥

この絵は「16日のイメージキャラクター」
CSSプランブック・プレゼンテーションのイメージキャラクター

ちょっとしたイベント(大きなプロジェクト、飲み会、旅行、病気、怪我など何でも)には必ずイメージキャラクターを用意する。
1月のインフルエンザで苦しんでいたときのイメージキャラクターはこれ‥(なかなか治らなかったのは、このキャラのせいかもしれない)
キャラクターのGIFアニメ
1月のインフルエンザ闘病キャラ

2月 21, 2006 [13z1]雑記-1 | | トラックバック (0)

2006/02/20

近況、作業場移転

2月20日(月)外は大雨
先週後半から作業場の引っ越しが重なり、なかなか厳しい時間割を過ごす。ただ、確実に作業は消化されており、昨年末の1/4、先々週の半分まで仕事量が減ってきた。残りの作業はどんどん加速する(遅れているので、さらにスピードアップしないといけないのだ)。

プロジェクト4本は3月から本格化させるとして、本の執筆がいよいよ‥あと2冊となった。

・M社のF本
・G社のD本

新しい作業場はダンボールの山になっているが、生活の場ではないので作業が完了するまで、そのままにしておく。
ダンボールの中でデスクワーク、絵的には面白い。Web中継したいくらいだ。

2月 20, 2006 [13z1]雑記-1 | | トラックバック (0)

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プランブック・プレゼンテーションのイメージキャラクター

2月 20, 2006 [01a02]ワークショップ・イベント | | トラックバック (0)

2006/02/14

Web視覚表現「20年タイムライン」

報告:「高校生のための情報デザインB」について

概要はほぼ決まりましたが、カリキュラムはこれからの作業となります。デザイナー教育ではありませんが「Webを活用した情報発信」はビジネスにおいて必須のスキルになっていくため、デザイナー・ロールプレイングを取り入れました。
この作業は3月になってから本格化します。

・必修「情報デザインA」高校1年〜
・選択「情報デザインB」高校2年〜

選択講座の「情報デザインB」は視覚表現技法を中心としたカリキュラム

●学習B-1「Webの視覚表現」
テーマ:
2012年、Webアーキテクトとして独立するために
〜Web視覚表現の歴史を学び、2012年をイメージしてみよう

・Webデザイナーという職業はどう変化する?
・Webデザインはどこまで自動化される?
・Webブラウザ、プロダクト特性の変化は?
・パソコンWeb、テレビWeb、ケータイWeb
・クローズドIPネットワークの広がり

●Web視覚表現「20年タイムライン」

1)1992年「構造と表現の分離」
2)1994年「font要素の議論」
3)1995年「ブラウザ戦争・開戦」
4)1995年「HTML3.0の哲学」
5)1996年「CSS1勧告」
6)1997年「HTML3.2勧告」
7)1998年「CSS2勧告」
8)2000年「XHTML1.0勧告」
 ↓
2002年「Wired Newsリニューアル」
2003年「css Zen Garden公開」
 ↓
構造と表現の分離に立ち返る
※過去の後遺症をCSSハック(裏技)によって吸収
 ↓
構造化ドキュメントとデザイン(CSS)に関する
参考書が次々と出版される
 ↓
2006年 高校2年「情報デザインB」★現在
2007年 高校3年
2008年 大学1年
2009年 大学2年
2010年 大学3年
2011年 大学4年/アナログ停波
2012年 社会人

●課題:
CSS3の議論に参加
http://www.w3.org/

●課題:
CSS2のワークフローを広げてみよう

20060214_1
拡大表示

2月 14, 2006 [01nr1]ネットラジオ講座 | | トラックバック (0)

2006/02/13

近況、作業場引っ越し

2月13日(月)午前5時、外はまだ暗い
3時間ほど分眠して作業を進める。今週前半は短い分眠が続く予定。

昨日、車の修理作業で腰を痛める。2、3日続く痛み‥という感じか。レッカーの必要がなくなり、一安心。仕事以外の雑務まだまだあるが、まずは目の前の作業を優先。ただ、週後半は作業場の移動がある。作業場なので家具や家電などは無いが、膨大な本、そして書類がある(紙が集まるとかなり重たい)。短時間で終えたいので、引っ越し業者に依頼するしかない。重労働覚悟。
しかし、なんて素晴らしいタイミングで腰を痛めたのだろう‥

元旦から(受け身失敗で)手首捻挫、高熱(インフルエンザ)、喉(声が出なくなる)等々、試練は続く。勉強中である免疫学の良質なデータになっているので半分、嬉しいことだが‥

※木、金はインターネットが使用不可になってしまいます。メールはケータイで確認できます。この2日間は、PHSカード(64K)によるモバイル接続です。
※半島の作業場、住所が変更になります(関係者の皆様にはお知らせいたします)。
※執筆原稿等、お待たせしているものは週前半、全力投球いたします。

●音声雑記:
[file-129]ネット検索で自壊する若者たち
ご意見募集中

●Dreamweaver 8アイディアノート
一部の人に公開。良い意味で賛否両論。Dreamweaver 8習得が目的ならまったく役に立たないが、コンテンツとしては楽しめるかもしれない。
代行サービスがまだ決まらないため、なかなか公開できず(同人誌系のサービスを利用するか‥)。

2月 13, 2006 [13z1]雑記-1 | | トラックバック (0)

2006/02/10

近況、2日目(記憶無くす)

2月10日(金)朝4時、氷点下
「歓迎」第二幕、2日目。昨夜10時頃からの記憶がない。眠りながら作業をしていたようだが、そこそこ予定通りに進んでいた。かなり心配なのでチェックを始める。驚いたことに、まったく問題ない。眠っているのに文章が書けるのか?
ただ、こうやって同じ作業(見直し)するのは「二度手間」である。睡眠大切。

S社書籍:著者校正(お昼に完了)
G社書籍:今週Part-2仕上がればOK
My社書籍:今週なんとかLesson11、12

2月 10, 2006 [13z1]雑記-1 | | トラックバック (0)

Flashグッズ本とFlash Live !!!

■新しい本の曖昧な宣伝(そろそろ曖昧ではなくなる‥)

自由にカスタマイズしよう!「Flashグッズ」
こまかくパーツ分けされているので、自分の作品にコピーして活用できます!
バースデーアニメやブログ、自作のアニメーション、学校の授業などに使ってください
[カスタマイズの一例]
Flash 5、MX、MX2004、8に対応(Flash 5は一部未対応)
Flashグッズの絵
■「Flashグッズ」本の発売記念ライブ予告-1

5年前から不定期におこなっている「Flash Live !!!

●会場:未定(いつものようにゲリラの可能性あり)
●日時:まだ未定(多分、本の発売日前後)
●内容:「Flashグッズ」を使ったマニアックなアニメーション制作実演
●演者:monkeyish studio

●ご注意:
これはFlashの習得を目的としたものではなく、タイムラインアニメーションをマニアックに追求する「娯楽イベント」(Flash Live !!!の解説

2月 10, 2006 [01bm4]本の執筆メモ公開中! | | トラックバック (0)

2006/02/09

近況、「歓迎」第二幕

2月9日(木)朝4時
「歓迎」第二幕、初日は分眠せずノンストップで進行中。36時間経ったら(只今20時間目)一旦、作業中断とする。

Md社雑誌記事:ほぼ完了
S社書籍:著者校正
G社書籍:今週Part-2仕上がればOK
My社書籍:今週なんとかLesson11、12

某プロジェクトのミーティングにはスケジュール調整できず不参加。

〜と思っていたが急遽、テレビ会議(簡易システム)の機材が送られてくる。久々の遠隔ミーティング(帽子とサングラスは持参していないのでネタが仕込めない‥)。こっちは320x240くらいの小さな画面だが、あちらでは大型スクリーンに投影されるはずだ。
ミーティングの直前まで作業できる、ミーティング終了後すぐに作業再開できる。さて、これは「便利」なのだろうか? よく考えておこう。

■確実配信メール

AOLとYahooが「確実配信メール」の有料サービスを開始する。AOLはyahooよりはやく、2ヵ月以内にスタート。迷惑メール自動遮断システムに誤認されることがなくなる。
有料だが、これは良い。

私も多くの正規メールを失っているので、なんとかしたいと思っている。毎日届く迷惑メールは300〜500通程度だが、内容を全部確認するのは大変である。この中に「読まなければならないメール(ブログを読んで感想を送ってくれたり、本を買ってくれた読者からのメール等)」が多数含まれているのは、わかっているがどうにもならない。
(※1週間経っても返信がない場合は再送お願いいたします‥)

ただ‥よく考えたら、送信者がお金を払うのか。
迷惑メールが確実配信されることはないのかな?

●参考:
AOLとYahooは「Goodmail Systems」のテクノロジーを採用
Goodmail Systemsのサイト画面

2月 9, 2006 [13z1]雑記-1 | | トラックバック (0)

2006/02/06

3メートル文化に適したWebデザイン

2月6日(月)午前4時
氷点下、冷える。週末は打ち合わせなど多数。作業もほぼ予定通り(といっても調整スケジュール)。まだまだ緊張感を維持しなくてはならない。「歓迎」もあと1週間続くことになった。またまた打ち合わせなどを週末に圧縮。テレビなし、ラジオなし、音楽なしのルームワーク続行である。実はインターネット環境が貧弱なので、ヘビーなものは遠隔操作で対応している(便利だ)。

ほぼ2日間、睡眠をとらなかったが疲労感なし。しかし、疲れは確実に溜まるので調子に乗らず昨夜は分眠する。この配分を間違うと、突然体調を崩すので要注意だ。

いろいろな「噂」が聞こえてきた。[ファイルメニューから保存を選択してください]などと書きまくっている人たち、アプリケーションソフトの操作画面をキャプチャしまくっている人たち等々、日本全国の「著者」たちが、ほぼ同じような状況であるという‥
つまり、3月後半から4月にかけて出版ラッシュということだ。○○本も○○本も、たくさん出てくるようだ。本屋さんのパソコンコーナーは一気に賑やかになる(戦いに敗れた本は棚に納められていく)。

■デジタルテレビのポータルサービス

松下電器産業、シャープ、ソニー、日立製作所、東芝の家電五社は、DTP-WG(DTVポータル検討ワーキンググループ)において、デジタルテレビ向けの共同ポータルサイトの検討を始めると発表。

デジタルテレビ向けブロードバンドポータルサービスの詳細を決める。関連する標準化団体と連携しながら、技術仕様策定を進めていく。メーカーや機種が異なるデジタルテレビでも等しく利用できるサイト作りを目指す。

現在、インターネット接続機能を持つデジタルテレビは松下のプラズマテレビと東芝の液晶テレビ(一部)。

パソコンの「テレビ化」も進んでいるが、メンテナンスフリー(完全自動アップデート)にならないと家電の領域には近づけない。インターネットと相互接続しないクローズドネットワークによる安心・安全な世界を構築していることも重要だ。

■日本テレビがWebデザイナーを募集中

詳細は、日本テレビのWebサイト最上部に表示されているバナーをクリック。
同社の番組サイトをデザインする仕事。30歳位まで。

■中学生、高校生向けのWebアーキテクト教育

オリジネーター・サクセサー問題を重要視、「インターネットがなかった時代を知らない」世代を対象とした新しいデザイン教育。

「作文」を構造化ドキュメントとして扱い、コンピュータプログラムに「意味」を伝えることで、どのようなWebサービスが可能になるか考えてもらう。
部活や学園祭で活用できるWebサービスを提案してもらうための実習を企画。2007年1月まで、達成イメージを具体化。

2月 6, 2006 [13z1]雑記-1 | | トラックバック (0)

2006/02/03

common styleと学習社会(3)

common style meeting
中学生とネットコミュニティ
〜空気のように意識しないインターネット

・講演時間:30分
・配信日:2月上旬
・配信:ライブ配信できない場合はオンデマンドになります
・形式:音声のみ(MP3)/音声+スライド(Flashムービー)

女子中学生とアイデンティティ・クライシス(identity crisis)
「本音・建て前」ブログと多面的自我
〜スタイルシート(CSS)に託す自我像

「本音・建て前」ブログのイメージ

2月 3, 2006 [01nr1]ネットラジオ講座 | | トラックバック (0)

2006/02/02

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

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

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

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

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

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

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

3)「CSSプランブック」の紹介/作り方

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

■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と言えば‥(まだ非公開)

2月 2, 2006 [01a02]ワークショップ・イベント | | トラックバック (1)