進捗［月曜〜水曜］

monkeyish studio の準備、雑誌記事の執筆、ラーニングの企画（免疫学）、声優さん（候補の方々）にお渡しするアニメーションのシナリオ、等々で週前半が終わってしまう。

CSSリフォーム本、金曜夜から土曜、日曜で（残りの原稿と図版）フィニッシュ！という予定。進捗はこのブログにてご報告。作業が終わっていないのに本のプロモーションは順調、いろいろお呼びがかかる。もう待ったなし！である。

本の進捗［52］いよいよ最終作業へ

5月9日（月）午前9時、青空ではないが概ね晴れ、お昼以降さらに晴れて、肌寒さも解消されそうだ。長かった大型連休も終わり（私はあまり関係なかったが‥）、企業も学校も今日から本格的に動き出す。

さて、（スタッフの方々に大迷惑をおかけしている‥）CSSリフォームガイド本だが、ほんとに‥ほんと今週で完了。修正や若干の加筆などが次週頭に延びてしまうと思うが、基本的には微調整の作業である。
本の作業が全て終わった時点で、専用のサイトを立ち上げ、サンプルファイルをダウンロードできるようにする予定。

7月下旬までのカレンダーを今日から埋めていく。
この期間、本は新たに2冊ほど書くことになる。（準備に時間がかかり、1ヵ月も延びてしまったが‥）monkeyish studioいよいよ発動、これで”本を書くスピード”が「数倍速く」なるはず。この仕組みについてもブログで書いていく予定だ。

業務連絡

4月28日（木）正午、予報通り晴れて暖かいが、強風である。前橋、熊谷は30度になるか‥。午後からは東京で作業、移動する。

明日からGWだが、こちらは5/3、4、5の3日間以外は平常通り。本の作業は、PART5の原稿、PART1〜4までの修正・加筆、残っている図版、という順で済ませる予定。
その他、企画関連の作業は予定通り。

■GW中の公開：
◆CSSページ・ビルディング［1］〜［4］
本の執筆メモ（MP3もしくはQuickTime）
4/30、5/2、5/6、5/7

◆HiddenArt ヒドゥンアート塾
d-junk music concrete 総集編（QuickTimeもしくはWindows Media）

本の進捗［51］音声メモの公開日

4月28日（木）今日は暑くなりそうだ。熊谷、前橋は「29度」という予報。夏日になるようだ。東京都内でも24度、初夏の陽気である。
引き続き、最終章PART5を進めている。昨日夜、CSS習得のための新たな切り口を発見。このPARTは書籍の”売り”なので、そのまま採用することにした。

Webデザインの歴史は10年しかない。まだ新しい分野なので、古い資料が容易に手に入る。東京なら神保町をまわれば、ダンボール一杯の専門誌を収集できると思う。なぜ過去を振り返るのか？　それは時代とともに変化していく「流行」および「テクノロジー」とまったく変わらない「不易」を知ることができるからだ。
「不易流行」を捉えることで数年先をイメージすることが可能になる。Webデザインにおいても10年前から変わっていないものがある。それは、これからも不変だといえる。

1997年に出版されたCSS本がすごく参考になった。探し求めていた情報も掲載されていた。ではなぜ、最近の本には書かれていないか？　これは私自身も承知していることだが、扱う情報が非常に増えてしまったので盛り込めないのだ。ブラウザの解釈の違いやバグの対策、アクセシビリティ配慮、SEO対策など（当然だが‥）8年前の本には出てこない。

1997年のCSS本は、W3Cの仕様を読み解くだけである。当時のブラウザがCSSをほとんどサポートしていなかったので、むしろ「CSSとは何か」に取り組むことができたのだろう。そして、それが今役に立っているのだ。
ただ、執筆中の本のなかで「CSSとは何か」を深く追求することはできないのだが。（専門誌などの特集記事では可能だと思う。）前述した通り、新たな切り口で新規性を出していきたい。

さて、本執筆のための音声メモを以下のスケジュールで公開していく予定である。（データサイズが大きいので毎回上書きになってしまうかもしれない。）講義ではないが「語り下ろし」のように録ってあるので、聞き難いことはないと思う。あくまで本のメモである、内容を語っているわけではないので。（まだ発売前の商品なので‥）

本の進捗［50］Webデザインのツールはどう変わる

引き続き、PART5の原稿執筆。
デジタルデザイン専門誌「design plex」1998年6月号で「パーソナルWebクリエイション」という特集が組まれていた。プロが作る個人Webサイトを紹介している。Webデザインの制作ツールについても掲載しており、取材されているデザイナー全てが”タグの手打ち”でページを組んでいたことがわかる。

SHIFT
エディタ：SimpleText
Webツール：Photoshop

cyclone graphix
エディタ：Jedit
Webツール：Illustrator、Photoshop、Flash

waap designs
エディタ：YooEdit
Webツール：Photoshop、Illustrator、Flash

Nendo Graphixxx
エディタ：Jedit、TeachText
Webツール：Photoshop、Illustrator

BADCAVE
エディタ：Edit7

1998年（今から7年前）の制作環境を見ていくと、この時期、「Macromedia Dreamweaver 1.2J」（初めての日本語版）が発売されている。価格は58,000円。さらにGoLive社の「GoLive CyberStudio 3.0」日本語版も発売、56,800円。つまり、7年前から「Dreamweaver vs GoLive」が始まっていたのだ。
ただ、実際はAdobe社の「PageMill」を使っている人が多かったように記憶している。正確に言うと「Adobe PageMill + エディタによる手作業」が圧倒的であった。余談だが、1998年は「Photoshop 5.0」も発売されており、Webに特化した画像処理ツール「ImageReady 1.0」が統合された。

先頃発表されたAdobe社のMacromedia社買収によって、GoLive ブランドかDreamweaver ブランドどちらかが消える可能性がある。シェアならGoLive が整理されそうだが、新バージョン「GoLive CS2」がリリースされるので、結論はかなり先になりそうだ。価格に差をつけてどちらかを安価な商品に変え、ホームページビルダーにぶつける可能性も‥（そんな余裕はないか。日本市場だけ見てもしかたない。）

いずれにしても、今後は「visual CSS layout」が標準となり、一気にCSSデザインのサイトが増えてくるはずだ。CSSをあまり理解していないデザイナーがそれなりに作業できるほどソフトウェアの機能が進化した。（もちろん、このことで別の問題が出てくると思うが。）Adobe社が、シックス・アパート社と共同開発を行い、GoLive CS2 にTupePadとMovable Typeのデザインテンプレート編集機能を搭載したことも次章への一歩と捉えている。

本の進捗［49］泳ぐCEO溺れる

4月27日（水）今日は晴れて気持ちの良い1日になりそうだ。
昨日書いたOpera社のCEOの件で「泳いでないぞ！」というメールを知人数名（Fさん、Tさん、Hさん、その他）からいただく。しかし、よく考えていただきたい。ノルウェーから米国というのはすごい距離である。日本のテレビでも取り上げるくらいの話題になるはずだ。これはもう‥他のニュースサイトも楽しんで付き合っているのである。

企業の社長さんが新製品のプロモーションにあわせてマラソンに挑戦したり、演奏会をやったり、突然街に出没したり、いろいろある。Apple 日本法人の社長だった原田 氏（現在は日本マクドナルドのCEO）がシャーロック・ホームズのコスプレしてワトソン博士と秋葉原に現れるというのは面白かった。Mac OSの新機能「Sherlock」にちなみ扮装したのだ。パフォーマンス嫌いの人は渋い顔をしていたが、私はこういう遊びが好きで学校の先生をやっていたときもいろいろ企んだ。パフォーマンスとして通用せず、失笑をもらい悪評を買っていたわけだが。

さて、本日は残りの章であるPART5の原稿を仕上げたい。
順序を無視して適当に掲載してきたPART6の会話劇だが、原稿の方はすでに終わっている。ストーリーは、CSSオーサリングソフトの企画開発まで大きく展開しているが、本には前半のみ掲載される。そもそも後半は余計な話である。機会があれば、後半部を膨らませたいと思っているが「役に立つ」内容ではないので、このまま消えていくだろう。（「こんなCSSツールがあったら便利」、「じゃ、作ろう」という展開なのでCSSを学びたい人には関係ない内容なのだ。）
以下は前半部、本には図版も掲載される。

本の進捗［48］PART6-7

CSSリフォームデザイン
PART6「これからのWebデザイン」
※最終章はアーキテクト、プロデューサー、デザイナーのミーティングを取り上げ、会話劇の手法で構成

本の進捗［47］CSS本の音声メモを公開

4月26日（火）お昼、曇り時々晴れ、天候は不安定。栃木や群馬、埼玉、茨城には雷注意報発令中。これから平野部にこの雷雲がやってくる。午後は晴れても、突風、雷、雹などに注意したい。

CSSリフォームガイド本、PART1〜4は初校から修正加筆へ。原稿の残りはPART5、その他数ページのみ。図版は遅れ気味。新たに考えるような箇所はなく、順次決まった作業をこなしていくだけである。
2月末でほぼ決まりかけていた内容をリセットして、3〜4月は原稿の再編集に費やした。贅沢な時間の使い方をしてしまった。
映画に例えるなら「撮影に3ヵ月、編集に3年」といった感じだろうか。おかげで、もう2冊くらい別の切り口で本が書けるくらいの材料が残った。出し惜しみするほどの内容でもないので、今週末からの連休中に公開しようと思う。

本のアイディアをボイスレコーダーに録音して、それを聞きながらノートにまとめ、執筆前の構成を作成していた。喋る、聞く、書く、の繰り返しでイメージを作ってからパソコンに向かって入力していくというやり方である。二度手間のようだが、いきなりワープロを起動して打ち始めるより結果的に早く作業が終わる。
この音声、CSSの初心者向け講義のようになっているので、そのまま公開しようと思ってる。

執筆のための道具をいつも持ち歩く。（携帯電話がつながる場所ならどこでも作業可能。）ケータイは、データベースにアクセスできるので「メモ帳」のように使う。ハンドヘルドPCはワープロ代わり。入力した原稿はネット上のサーバーに保存するので、何も持たずに作業場へ行っても続きの仕事ができる。

本の進捗［46］雑記 安全神話

4月25日（月）急に晴れたり、曇ったり。天候は不安定。気温は20度まで上がった。
朝から原稿執筆を進めていたが午前10時過ぎ、地震でグラッと揺れた。小さな地震は昨年から多発しているので体が慣れてしまっている。日記用に地震速報の画面を記録しようと思い、セットアップボックスをONにする。（作業場は、地上波テレビもデータ圧縮され光ファイバーで送られてくるのだ。）
すると、画面には電車が脱線した映像が‥

米国、イギリス、中国、ドイツ、フランスなどの海外メディアでは最重要ニュースとして扱われていて、ほとんどがトップ級の報道。
「世界で最も複雑な鉄道体系を持ち、安全といわれる鉄道先進国の事故」ということで、注目度が高かったようだ。BBCのサイトでは、事故現場の近くに住んでいる英国人のコメントも掲載しており、ネットの即時性には驚かされる。また、ドイツでは番組を中断して生中継映像を流していたようだ。

本の進捗［45］雑記

4月23日（土）快晴、春の暖かさ。過ごしやすい週末になりそうだ。
午前、CSSリニューアルガイド本、PART5を進める。PART6の手直しも少し。夕方、打ち合わせや取材など。今月からスケジュール的には身軽になったのだが、余裕持ちすぎで調子が良くない。慣れるまでもう少々時間がかかりそうだ。

「「動態グラフィックツールgam」から学ぶ研究者の活動」で研究者の方のお名前が間違っていたので訂正。（制作者は、古堅真彦さん。）国際メディア研究財団の方からメールをいただく。gamを含めた研究活動の公開を予定しているとのこと。興味深い研究なので、注目していきたいと思う。

「Webブラウザの3年後」という記事を書く。Opera のページズームが全てのブラウザに搭載されるとWebページの作り方も変わっていく、‥かもしれないという話。（特許絡みの話題は省く。）ページのズーム機能はほんとに便利である。

本の進捗［44］PART6-6

CSSリフォームデザイン　PART6
「これからのWebデザイン」（※この章は会話劇で構成）

●なんか皆さんの方がデザインに詳しくてボクの出番がないような‥

▲いや、そうじゃないんだな。

■私たちの仕事はかなりシビアです。サイトの方向性を決めて終わりではないのです。

▲誤解を恐れず言ってしまうと「見栄えより成績」なんだ。

●成績ですか？

▲俺たちから見ればWebというのはツールであって、サイトを公開したことによって「商品が売れたか」「新規顧客を獲得できたか」という成果を問われる。

■サイトを公開したら定期的に効果測定を行って結果を出していくのです。ほんとに成績表みたいなものですね。

▲いくらサイトの評判が良くても閲覧者が増えても、まったく事業に貢献できなければ見直しが必要となる。

●なるほど‥

▲例えば、新しく立ち上げた若者向けグッズサイトで注文が増えないとしよう。
無料プレゼントを行ってアンケートを実施したら対象とする若年層の参加が少ないという結果が出た。「若者が見ていない」ということで「もっと若者向けのデザインにリニューアルしよう」と考える。
ところが、これはあくまで「仮説」でしかないんだ。1つの現象だけを見て結論を出すわけにはいかない。そもそもグッズ商品にぜんぜん魅力がないのかもしれない。もしそうなら、いくらサイトのデザインを変えても同じ。

■そういうことですね。1つ2つの現象だけでは原因を見極めることができません。

▲だから、1つひとつ仮説の検証を行ってデータを集める。何度も何度もこれを繰り返すんだ。これが俺たちの仕事なんだよ。ユーザビリティとかアクセシビリティというのは問題解決のための手法として扱われることが多い。SEOもそうだな。
もちろんクライアントから「アクセシブルをアプローチしたい」という要望があれば流行に乗っかるけど、必要以上に「理想」を追うことはない。

■単なる情報提供のサイトは別として、事業の1つとして機能させるためのサイトなら「商品が売れたか」「新規顧客を獲得できたか」という成果で「成功」「失敗」がジャッジされます。

●ボクもそういうことを理解しておいた方がいいんですね。

▲いや、あまり気にしないでほしい。散々自分たちのことを喋ってきたのに、おかしな言い方だけど。デザイナーは徹底的に見栄えを追求してもらいたい。

■デザイナーさんと私たちは意見が衝突して当然、プロジェクトとしては健全ですよ。

本の進捗［43］Opera 8.0 Final released !

4月20日（水）今朝6時過ぎ、福岡で震度5の地震。こちらは曇り、午後は雨になるだろう。只今の気温11.5度、湿度81%、北東の風。
今日、明日はスタジオの地下にこもって本の作業に集中する予定である。進捗はこのブログにて。

19日、Opera 8.0 の正式版がリリースされた。メジャーブラウザで初めて「SVG」をネイティブサポート。「SVG 1.1 Tiny」も対応、プラグインなしで表示できる。（近々リリースされるAdobe GoLive CS2 でも表示可能。）

Opera［SVG - Scalable Vector Graphics］
※このページのモーショングラフィック（アニメーション）は、FlashではなくSVGで記述されたものである。Opera 8.0でご覧になっていただきたい。他のブラウザで再生するにはSVGのプラグインが必要。

本の進捗［42］新生Adobe系クリエーターの登場

4月19日（火）午後8時、ほんとに暖かい一日だった。明日はやはり強い南風で横殴りの雨になりそうだ。午後は、傘があっても濡れる覚悟が必要だ。

夜になって、やっと作業を再開。PART6のストーリーをさらにリアルに変更した（変更している‥現在進行形）。難しい話を避けるために「会話劇」という手法を導入したのだが、解説本としては冒険の領域に入ってしまうかもしれない。
CSSツール「GoodPage」がいろいろヒントを与えてくれる。CSSデザインワークにおけるアイディアが満載である。MacOS X でしか使えないのは惜しい。

先ほど、Adobe 系のクリエーターたちがFlash を買い始めているいう話を聞いて、そういう○○系という括りがあったのかと驚く。もちろん一部のことだと思うが、日本では「Adobe系のクリエーター」とか「Macromedia系のクリエーター」などと分かれているのだろうか。DTP 系とかWeb 系のように見ることは可能だが。

海外の業界を見ていると、エバンジェリストとして活躍しているクリエーターの動きが活発だ。Adobe系の人は、今後Macromedia製品の知識も必要となるからだ。今年の後半には生き残る製品も決まって、その後リリースされるであろう統合商品のエバンジャライズ（啓蒙活動）に力が入るはずだ。
こういう時には、Adobe系のクリエーター、Macromedia系のクリエーターではない新たなエバンジェリストが登場してくるものだ。企業が再編して、今までパイプになっていた担当者がいなくなることでエバンジェリストも変わっていくのである。
何にしても世の中、社会というのは「人つながり」で事が起こる。そして、それは固定ではなく動いていくものだ。

本の進捗［41］買収の苦い思い出

4月19日（火）快晴、今日は20度をこえるようだ。朝から暖かい。ただ、明日は「春の嵐」で雨という予報。

昨日は、Adobe 社がMacromedia 社を買収した件で慌ただしく動いていた。いくつか企画を変更し、すでに書き終えていた記事も一部修正。海外では早くも「アドビ 対 マイクロソフト」の話題で盛り上がっているようだが、Macromedia関連の本を予定していた出版社は複雑な心境だと思う。

昔話になるが‥Macromedia Pathware が（ビルごと）Lotus に買収され、推進していたeラーニングのプロジェクトが中断してしまったことを思い出す。パートナー契約を済ませたばかりの会社も買収によって解散することになった。
Macromediaの製品を主力にしていた代理店はこれから大変だ。新契約の移行や引き継ぎなど、慌ただしくなるだろう。日本にいて見えないのは本国の動きである。何がどう変わるのか分からないので顧客に公開できる情報がないのである。営業担当の方にとっては辛い時期が続く。
昨日、この時のことを思い出し、即座に動いたのだ。

さて、CSSリフォームガイドだが、現在PART6を終え（←実はまだ手直し中）、PART5の残りを進めている。これが終了すれば、簡易リファレンスなどの付録ページだけである。
昨日は本の問い合わせメールを10件もいただいた。1日10というのは最高記録だ。
PART6は、会話劇で構成された章だが、話が壮大になってしまったので半分くらい削る予定。小説テイストは苦手ではないので、気が付くと10時間くらい書き続けているときがある。今回もそんな感じだった。

本の進捗［40］PART6-5

CSSリフォームデザイン　PART6
「これからのWebデザイン」（※この章は会話劇で構成）

本の進捗［39］PART6-4

CSSリフォームデザイン　PART6
「これからのWebデザイン」（※この章は会話劇で構成）

▲それで、最初はどんな作業をやるんですか？

■まず「マスターページ」を設計してもらいます。

▲それはテンプレートと捉えていいかな？

■実作業ではテンプレートもしくは「ひな形」と呼んでもかまいませんが、ここで言うマスターページというのはもう少し深いものになります。マスターページは複数の汎用フォーマットで構成されます。フォーマットというのは「形式」のことですが、大別すると「汎用フォーマット」と「専用フォーマット」があって、専用フォーマットはいわば手作り。雑誌の表紙のような効果を狙った華やかなトップページなどがそうです。

▲汎用フォーマットはそんなに自由度はないよね。ほぼ決まってる。ヘッダ、コンテンツ、フッタの構成でコンテンツ領域を二段にするか三段にするか。今のサイトってほとんどこのフォーマットがベースになってるでしょ。

●面白味がないですよね。

▲面白味がないというか‥要するに作り手エゴの時代が終わって社会に磨かれ、洗練されてきたということだろう。特にCSSデザインの場合、実績のあるフォーマットを採用すれば「安全」なんだよ。

●安全？

▲ブラウザの解釈の違いやバグを考えたら、冒険には大きなリスクがともなう。残念ながら、まだそういう時期だ。

●テーブルってもう使わない方がいいんですか。

▲まだまだテーブルレイアウトのサイトはあるわけで問答無用でダメってことはないけど、古いWebデザインなんて言われてるから新規の作業で行うには相当の割り切りが必要だよね。アクセシブルなサイトでアプローチしたいクライアントも増えてるし。

本の進捗［38］PART6-3

CSSリフォームデザイン　PART6
「これからのWebデザイン」（※この章は会話劇で構成）

▲実際、生産効率か、美術性かというのは難しいと思うんだ。

■私たちはデザイナーの皆さんに「もう少し明るく」とか、「もっと軽快に」といった曖昧な言葉で「らしさ」を求めます。

▲曖昧な要望がクリエイティブ作業の余地を作る？

■そういうわけではありません。企画とか戦略というのは「形が無いもの」です。私たちが考える形の無いものを創造していくのがデザイナーの仕事。それはテキスト、画像、余白、段の配置など目に見えるもの全て。仕様や法律など数多くの「制約」や「テクノロジー」の特性や癖と格闘しながら、形作る。

▲要するに戦略があって、たくさんの要望が出て、それを様々な制約の中で具現化していくのがデザイナーの役割だと。

●なんだか大変な仕事に思えてきました。ちょっと不安です。

▲大丈夫、大丈夫。俺が噛み砕いて「レイアウト三段組でヘッダにFlash入れて‥」とか露骨な頼み方するから。

●まぁ、その方が作業しやすいと思いますけど。

■デザイナーさんというのは「実直に事を進めたいという使命感」と「溢れ出る創作欲求」との葛藤があるはずです。例えば、Flashで何か作りたくてたまらない時は、仕事にも強引に取り入れたいと思うでしょう。そういう時は肝心の使命感が薄れてしまっていることが多い。Flashの解説本を買いにいって勉強しながら作業するとか、かなり危険な行動に出てしまいます。

●たしかに、そういう時ありますねぇ。

▲だけど、実際そうやってスキルアップしていく人が多いよ。たしかにマネジメントする立場としては怖いけどね。

■そういうやり方を完全に排除するということではなくて、最初にテスト期間と称してスケジュールに入れておけばいいと思いますよ。マズイのは「気がついたらそういう状況だった」ということ。「あれっ？できるんじゃなかったの」っていうのは困りますので。

本の進捗［37］PART6-2

CSSリフォームデザイン　PART6
「これからのWebデザイン」（※この章は会話劇で構成）

本の進捗［36］PART6-1

CSSリフォームデザイン　PART6
「これからのWebデザイン」（※この章は会話劇で構成）

■今回のWebリフォームは中規模なプロジェクトです。

●リフォームってなんだか住宅の増改築みたいで面白い表現ですね。

▲一般的なリニューアル作業と差別化するためにそう呼んでるんだ。

■見栄えは変えず内部構造を再構築してほしいという要望が多いので分けてますが、明確な線引きはありません。営業上のアプローチと捉えてもらってもかまいませんよ。

●見栄えを変えないんですか。ということは、デザインの修正がないわけだからボクの作業はあまりなさそうですが。

▲とんでもない、かなり大変だよ。それこそ”手抜き工事”で訴えられないようにがんばってよ。

●ええっ！

■見栄えをあまり変えず、構造を作り替えるというのは簡単なことではありません。きちんとしたワークフローを持たずに作業を進めたら混乱するでしょうね。むしろ、一から作業を行った方が楽だということになる。

▲それじゃ大リニューアル工事だ。お金もかかるし制作期間も必要になるから企業も困る。

●具体的にはどんな作業になるんですか。ボクはこういうプロジェクト初めてなんです。

▲簡潔に言うと、テーブルはずして文書構造を再構築してCSSでデザインするということ。CSSは使えるよね？

●えぇ、いつも使ってます。ただ、レイアウトを含めて全部CSSでデザインしたことはありません。

▲Webリフォーム対応のワークフローがあるなら作業は決まってるんでしょ？

■決まってます。だから安心して、とは言えませんけどね。考えてもらうことも多いので。

本の進捗［35］静養

4月12日（火）朝から雨、気温7度、寒い一日になりそうだ。昨日は（海に落ちたときの怪我等で）体調も低下。午後の時間すべてを休養に使ってしまう。今日は午前中、遅れてしまった雑誌記事の執筆、ブログとFlashに関する記事。
CSS本は明日から作業再開である。PART5を仕上げればすべての章が終わったことになる。作業時間の心配は無くなったので大丈夫だと思う。4月に入って身軽になったので、完全に集中できるようになったのだ。（身軽になった途端、海に落ちるとは出来過ぎてるが‥）

先週金曜のCNET Japan、見逃していた。「マクロメディア、Flashの大幅な機能強化を発表」Windows MediaやReal、QuickTimeのビデオストリーミング技術に対抗するというのは‥
FLASHFORWARD BLOGで「Flash Film Festival」の作品が見られる。

たまたまAppleのサイトを開いたら真っ白なトップページが”真っ黒”になっていた。Tigerが今月末に出荷されるようだ。

本の進捗［34］海に落ちる

4月10日（日曜）晴れ、気温24度、強風。桜吹雪が舞っているが、花見は今日が最後かもしれない。明日は雨という予報。
私は、”歩いていて海に落ちる”という奇想天外でユニークな出来事があり、仕事も進まず大変なことになっていた。ワープロが濡れてしまったのは大事なのだ。可能な限り悲惨な話として書きたかったが、どうやっても笑い話になるので止めておく。文章の技巧の無さを痛感。（気が向いたらケータイ日記の方に書こうと思う。）
体調が回復したら進捗ページを更新する予定。

本の進捗［33］新たな気持ちで（2）

4月3日（日）快晴、20度近くまで気温上昇、春の香り。夜、一転して嵐になる。強風、雷、激しい雨、気温もどんどん下がって早朝4時、とうとう6度になった。これから雪も舞うという予報である。なんという寒暖の差‥

昨日、今日はマイペースで作業。身辺整理も行いながら執筆を進める。CSSリフォームガイドも全体を俯瞰しながら作業できるようになった。PART4を10ページ分、書き直してしまった。集中すると1週間かかったものが1日で出来てしまうとは‥
私の場合「書けなくて悩む」ことは少なくて、「書く度にアイディアが出て終わらない」ということが多い。それでも適当なところで切り上げるのだが、今回の本はテーマが旬、いつも以上にアイディアが溢れて出てしまった。

書籍の増刷が決まったので、本を見ながら訂正する箇所がないかチェックする。
ちょっと遅れてしまったが、複数の雑誌に記事を書いた。ブログやWebデザイン関連の記事。web creators は先週、発売されている。その他、情報は後ほど。

monkeyish studioに関しては、月曜あたりから新しいワークスタイルに移行できそうだ。

本の進捗［34］新たな気持ちで作業再開

4月1日（金）晴れ、今日から新年度のスタート。事務作業もほぼ終え、私も心機一転である。午前10時頃から挨拶メールが届き始める。新しい担当さんからだ。企業は異動がある、だからこの時期は新たな出会いが多くなる。
個人情報保護法が全面施行されたので（プロバイダやサービス提供会社などから）約款改訂などのメールも多数届く。

CSSリフォームガイド本、やっと‥やっと作業再開である。今日、明日で最終章PART6を終わらせる。PART5は半分以上が図版ルーチンワークなので後回しにする。

数年続けてきた企画関連プロジェクトのほとんどが終了したので、今月からフリーランスらしいワークスタイルになっていくと思う。そのモデルとして「monkeyish studio」を”正式に”使っていく。
本の作業も改革する。今までは作業の依存関係が循環していて出口がなかった。依存関係というのは、ある作業をおこない成果物を生む、その成果物を得て次の作業がスタートするという流れのことだ。第一章を終えて、第二章、そして第三章‥という進め方である。こういった連載小説を書くような作業は時間がかかる。これからは、きちんとWBSを作成してから執筆を行うつもりだ。

心機一転で作業を始めているが、今日はエイプリルフールなので注意しないといけない。だらだらとネット閲覧してしまう。仕掛けが多いのでつい熱中してしまうのだ。
例えば‥ライブドアのWebサイトにアクセスすると以下のページが１秒だけ表示される。
確実にお昼のワードショーでネタにされる‥

本の進捗［雑記33］明日まで事務仕事

3月30日（水）快晴、午後から東京で打ち合わせ、ミーティング、事務仕事など。3月中に処理しなければならない事務作業に追われる。書類と電卓持って右往左往。明日の夕方まで続く。やむを得ず、31日夜まで本の作業は中断ということに‥
これが終わると（つまり4月から）monkeyish studio始動である。しばらく書籍の作業に集中できる。中旬くらいには新しいワークスタイルでスタートできそうだ。

CSSリフォームガイド本の作業を記録したムービーをネットで公開する予定である。（もちろん、本が発売されてからの公開）単なる記録なので凝ったことはしていない。ほんとに作業を記録しただけの内容である。ビデオのデータサイズが恐ろしいほど大きいので、明日からはDesktopToMovieXを使うことにした。（先ほど購入、700円）
以下はサンプルとして記録したもの。10MBほどあったファイルが、劣化なしで1.5MBまで小さくなった。実は圧縮のコツがあるのだが‥

［サンプルQuickTimeムービー（20秒／1.5MB）］
※QuickTimeムービーファイル（音声なし）にリンクしています

音声（私のぼやき）を入れると上のムービーの場合、2MBくらいになる。１作業3〜5分くらいになる予定だ。ページがCSSで構築されていく様子がわかると思う。映画で言えば、完全にメイキングビデオである。
あくまで本のメイキングであって教材にはなっていないのでご了承を。

本の進捗［雑記32］音楽アーティストのWebリフォーム

3月28日（月）雨、今日は午後から東京で打ち合わせ、その他、年度末の雑務。車で移動したが、事故渋滞、警備渋滞、工事渋滞で3時間以上かかる。疲労困憊である。深夜、半島の作業場に戻ると、M8.5の地震速報。しばらくニュースチャンネルを見入る。

けっきょく本の作業できず。明日は進められるが明後日はまた雑務あり。4月1日からは身軽な立場になるが、それまではバタバタしそうだ。後ほど、monkeyish studioについても書いておこう。

今週のWebリフォーム。今回は企業サイトではなく、音楽アーティストのオフィシャルサイトから抜粋。構造を再定義し、CSSでデザインされている。アーティストのサイトでは「アクセシブルなサイトになりました」などと書かれることはないので、ソースを見ないと分からない。（アクセシビリティチェックでは問題となる箇所もあるが、基礎工事完了と考えておこう‥）

上がCSSを適用した表示、下が文書構造の表示

■島谷ひとみオフィシャルサイト

■Every Little Thing オフィシャルサイト

■安良城 紅 オフィシャルサイト

以下は、CSS +部分的にテーブルを使ったハイブリッドサイト。今後、さらにリフォーム（構造の再構築）されるかもしれない。
来月からリフォームラッシュ。仕事もかなり増えており、スキルあるクリエーターは稼ぎ時である。3、4年前「CSSデザインだと地味になる」と言っていたことが懐かしい。
と同時にWebアーキテクトの存在も注目されつつある。誰のためのサイトなのか、抽象化して語れる人が必要になる。

本の進捗［雑記31］

3月27日（日）本日も快晴、引き続き太平洋を眺めながら作業。穏やかな3月最後の週末である。

CSSリフォームガイドの原稿（テキスト）、いよいよ終わりが見えてきた。（図版の作業が残っているが‥）このブログを見ていると、時間をかけ丹念に文章を書いているようにレポートされているが、各章を何回も白紙からやり直しているのが長期戦になった理由だ。結局、PART6も書き換えている。
前にも書いた通り、海外の動向を意識し過ぎているのかもしれない。過渡期に出る本は「短期勝負（CSSハックやトリッキーな裏技集など）」か「実験的な試み（新しいワークフローの提案など）」が多く、とても刺激的。こういう状況は（Adobe、Macromedia関連で）年内あと１回ほどありそうだが、まぁ‥なかなかやってこない。
張り切りすぎて、長編映画製作のごとくスケジュールを延ばしてしまった、深く反省しないといけない。

来月からは、monkeyish studioモードになるので倍以上の作業効率が期待できる。「天はみずから助くる者を助く」である。

本の進捗［雑記30］水面下ではビジネスになっているWebリフォーム

3月26日（土）快晴、太平洋を眺めながら作業。免疫学の勉強を済ませ、Webアーキテクトの素案を1時間ほど、あとは本の作業だ。

Webリフォームの会社が設立されるという”噂”を聞き某所へ取材に行く。まぁ、しかし過渡期（つまり期間限定）のビジネスだからノウハウを公開することはないだろう。1997年頃のWebワークフロー・ブームもそうだった。専門誌に取り上げられる前に稼ぎきっていた。
それにしてもWebに詳しい人を集めて朝から夜まで毎日、ガイドラインを作っているのだから‥すごい。彼らを雇われ「影のドリームチーム」と呼んでいる。
CSSの検証も10台くらいのパソコンで数十種類のブラウザを使う。これが理論武装の目的だけで行われている作業なのだ。この体制で本を作ったら、すごいものが出来そうだが公開するはずないか‥。企業から受注するためにやっているのだから。

昔（CD-ROM搭載のパソコンが出始めた頃）、作成したCD-ROMタイトルを10数台のマシンで動作チェックしたことがある。出版社の担当さんと私とアルバイト1人で検証した。高田馬場にあった時間貸しスタジオだが、まるでパソコン博物館のようだった。実はこの頃も書籍は二次情報の掲載が多くて、実際に検証してみると「あれ、動作しないじゃないか」ということが多かったのだ。
こういうスタジオは今でもあるのだろうか？　調べてみよう。

さて、愛知万博サイトだが‥「売り」である観覧予約システムが停止してしまった。アクセス殺到でサーバーの増強が必要になったらしい。4月2日に再開するとアナウンスされているが間に合うのか？
「サポートナビ」機能も今週の木曜と金曜は停止するそうだ。愛知万博サイトは、今後もさまざまな貴重なデータを残してくれそう。関係者は不眠不休が続くと思うが‥

本の進捗［雑記29］

3月25日（金）快晴、強風、花粉も飛散。愛知万博が開幕。急激な気圧の変化、花粉大量飛散などで上手に体調管理できず、四苦八苦。しかし、このような体の変化は免疫学に興味ある自分にとって格好のデータだ。苦しいが、「なるほど」と感心しながら記録している。

今週はほとんど本の作業が進められなかったので、週末集中だ。PART6を先に終わらせる予定である。最終章は、引用箇条書きタイプの「まとめ」で締めようと思っていたが、”小説”タイプに変更。CSSデザインになかなか移行できないWebクリエーターを主人公にして、Webリフォームを実体験させるストーリーにする。
あくまで「まとめ」の章だから、心理描写の少ないプレゼン舞台になるが、多少の感情移入は仕掛けておきたい。

今まで書いた原稿、PART1、2、3、4を見直して、ストーリーを構築する。このブログにも載せていこう。

本の進捗［雑記28］Web制作ソフトの明示

3月24日（木）朝7時、曇り時々晴れ、夜はまた雨らしい。
今週前半は外出が多く作業が進まなかったので、今日は机から離れずキーを叩く。まずはスケジュール調整だ。原稿はほぼアップするので、図版は後回しにした方がよいかもしれない。平行作業だと全体的に遅れてしまう。PART4は、ブラウザの画面だけで60点ほどあるのだ。

航空自衛隊の新しいCMがサイトにアップされていた。今回は、女性隊員（救援捜索機のパイロット）を主人公にしたショートストーリーになっていている。
いつもの癖でFirefoxのソース表示ボタンを押してしまう。すると「META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 8.0.0.0 for Windows"」と記述されていた。航空自衛隊のWebサイトは、IBMホームページビルダーで制作されているようだ‥

昔は多かった。某大企業のサイトがAdobe PageMillで制作されていて驚いた記憶がある。たしか、Microsoft FrontPageも自動的に記述される仕様だったので、多かったと思う。GENERATORに関しては削除する制作者がほとんどだったが、独自に開発した専用ソフトでデザインされているサイトなどは（当然だが）積極的に記述していた。

海上自衛隊のWebサイトには、GENERATORの記述がなかった。ちなみにこちらのCMはSWFフォーマットで公開されている。（航空自衛隊のCMはMPEGファイル）今年はかなり”普通”の映像だ。昨年のCM（下の写真）の方が断然インパクトがあったが、不評だったのか？

※いきなり軽快な音楽が流れるので会社および学校でアクセスする人はご注意

本の進捗［雑記27］Firefoxを持ち歩く

3月23日（水）午後6時、激しく雨。ライブドアがまた勝利したらしい。これからニッポン放送の緊急会見が始まるようだ。

やっと、本日の作業をスタートする。明日は何も予定がないので、これから明日夜まで集中するつもりである。

こんなものがあったらいいな、と思っていた商品が登場した。
外出が多く、複数の作業場で仕事をする人には待望の「Firefox 内蔵 USBフラッシュメモリ」（ハギワラシスコム）が発売される。パソコンにインストールすることなく、フラッシュメモリを差し込むだけでFirefox が自動的に起動するのだ。ログオン情報や履歴はメモリに保存されるので、使用するパソコンに閲覧の痕跡を残さない。

Thunderbirdも内蔵されているのでメールに関しても同様の仕組みだ。これをいつもカバンに入れておけばネットカフェなどでも安心して使える。
私はCSS検証用にカスタマイズしたFirefoxを使っているので、これをポケットに入れて持ち歩けるのは有り難い。

本の進捗［雑記26］私はリプレイサブルな人間

3月23日（水）曇り時々激しく雨。今週は曇りが続く。菜種梅雨（4月上旬頃までの連続した降雨）のようだ。気圧も低いので、気だるさを感じてる人も多いだろう。深い深呼吸をお奨めしたい。

さて、今日は某イベントで講演。（ということで作業はこれから‥）
数ヶ月前からの予定だったが、急遽CSSリフォームガイドの宣伝プレゼンテーションになった。まだ執筆中の本をここまで”しっかり”宣伝するのは始めてである。ますます自分を追い込んでいる‥
講演のテーマは「Webリフォームビジネスとreplace」だ。

Webリフォームのアウトソーシングは、コストのブラックボックス化がリスクとなる。このことに企業は神経質になっている。だから、プロダクションから提示された制作費が妥当なのか判断できるように猛勉強しているわけだ。これは、Web事業における企業内の「role（役割）」が明確になってきたからだ。兼任ではなく専任者を置くようになった。
専任者は、毎日のようにセミナーや講習に参加、実際にCSSデザインを習得して、どんな作業が大変なのか把握する。このようなトレーニングによって、日々仕事に追われているWebデザイナーより高いスキルを持つことになる。

この段階で出てくる重要なキーワードが「replace」である。簡単に言えば、”取って代わる”とか”交換可能”という意味だ。制作プロダクションを取り替える「A社はダメそうだから、次からはB社にしよう」というリプレイス・ノウハウを高めることに力を入れ始めた。

Webデザインは大きな変革期に入り、制作側（広告代理店含む）からするとビジネスチャンス。アクセシビリティ、SEO、標準準拠、等々いくらでも提案メニューがある。
企業は、コストのブラックボックス化を嫌うため、リプレイス・ノウハウを持った上で受け入れる。この鬩ぎ合い、かなり高いレベルになってきているようだ。

私は、FlashやWebデザインの本を書く機会をいただいているが、デザイン分野においては完全にリプレイサブル（交換可能）な人間である。私より詳しい（そして正しく解説できる）人など山ほどいるからだ。すぐに代わりの人が見つかる。ただ、企業内研修などの教育企画において途中から代わりの人を見つけるのは容易ではないと思う。ラーニングの世界では多少のアドバンテージがあるわけだ。
つまり、本を執筆する場合でもラーニング分野で培ったものを生かすことで、ある程度の優位性を確保できる、と考えることも可能だ。

この「replace」という視点はなかなか面白い。
Flashをリプレイサブルなテクノロジーとして見たとき、取って代わるのは、標準規格（SVG）か、それとも進化したビデオか‥いろいろな視点からイメージしてみるのだ。
Shockwave for Freehand がなぜ消滅したのか、Directorはなぜネットでメジャーになれなかったのか、Flashが総合開発環境として提供されることの是非など、過去と現在についても話し合う。
インターネット分野は、置き換え可能なテクノロジーの宝庫とも言えるので、よいトレーニングになる。

本の進捗［雑記25］今月のWebリフォーム

3月22日（火）午後3時、雨が激しくなってきた。スタジオに到着したが、昨日ホテルから送った本の資料が届かない。これでは作業の効率が悪い。

STAR WARS エピソードIIIのWebサイトが公開されたが、国内版はテーブルフリーのCSSデザイン（XHTML+CSS）だった。なぜか米国版はテーブルレイアウトなのだ。CSSはテキストのみ。

これは、Webリフォームの最高の教材になる。同じレイアウトデザインを「古い手法」と「新しい手法」で比較できるからだ。しかし、なぜ米国版はテーブルなのか‥

CSSリフォームガイドも大詰め、作業が一段落したら書籍絡みのネタとして「今月のWebリフォーム」をブログで紹介していきたいと思う。見た目はあまり変えず、構造だけ変更したサイトの紹介である。（CSSデザインに”改築”するサイトが増えてきたので「今週のWebリフォーム」でもいけそうな気がするが‥）

本の進捗［雑記24］CSSバグ対策はほどほどに‥

3月22日（火）曇り時々雨、強風。新しい１週間の始まりだ。これから即席作業場を出て、スタジオに向かう予定である。到着は夕方になる。

CSSリフォームガイド、PART4を終えた。まだテキストが乱れているが短時間の編集で完了するはずだ。PART6は図版があまりないので、残る大きな山はPART5である。サンプルは出来ているので、もう‥ほんとに出口手前という状態だが。

さて、土曜からやっているWindows版Internet Explorer 5 の閲覧チェックだが、実は”不具合が多くて”愕然としている。本では詳しく触れないので作業にはあまり影響しないが、IEのCSSバグ多すぎる。（表にすると数ページになる。）Windows MeとIE 5の組み合わせは最悪である。OSとブラウザの組み合わせで発生する不具合は原因がはっきりしていないので”避ける”しか方法がないのだ。もはや時間による解決を待つしかない。

下図、XPでは問題なし（見た目シンプルだが、実はかなり凝った構造になっている。現在主流になっているヘッダ、コンテンツ、フッタ構成の2段組、3段組レイアウトのレベルであれば大きな問題はない。）

国内で出版されているCSS関連の書籍はすべて読んだが、CSSバグを網羅したものはない。ネットで全てのバグ情報、対策方法は手に入るので、うまく整理できたら”売れる本”になる可能性はある。
ただ、Webスタンダードの流れは、標準を正しく解釈する新しいブラウザを対象としたWebデザインにある。不具合のあるブラウザに関しては”ごまかす”ことで回避していく考え方である。つまり、IE 5.x をごまかすテクニックを分かりやすく解説した本の方が実用的といえるかもしれない。
世界で最も普及しているIEも、制作側から見るとマイナーなブラウザなのだ。Internet Explorer 7ベータ版のニュースが伝わっているが、早く足並みをそろえてほしい。IE7は、CSS2を正しく解釈し、もちろんPNGもサポートする。正式にリリースされたら、IE5はレガシーブラウザの仲間入りだ。（まだ先の話だが‥）

斬り捨て御免で一歩を踏み出す。代理店でさえ、そうやってクライアントを説得しているのだから、Webスタンダードの流れは意外に早く落ち着くのではないだろうか。
理想と現実を行き来、Webクリエーターは情報収集怠る無かれ‥