RapidWeaver アイディアノート

過密だったスケジュールもなんとか消化できそう。また忙しくなる前にプライベートワークに着手。アイディアノートの第2弾は「RapidWeaver アイディアノート」です。第1弾の「Dreamweaver 8 アイディアノート」は、テーマをCSS 3に絞ったり、バージョン8ではなく‥バージョン10くらいの近未来ツールを妄想するマニアックな内容だったので、かなり楽しめました。
RapidWeaverも書籍としては商業的に無理そうなので、同人誌がよいですね。ドイツの盛り上がりを紙面で伝えられるかな‥
第1弾と同様、こっそりと販売します。

参考：
Rapidweaverについての補足
Rapidweaverによるマルチカラムレイアウト（Video）
スタイルのカスタマイズはCSSEdit 2
CMSとビジュアルエディター

Serendipiter Sound !!

ノベルの原稿はいつになったら上がるのか‥わかりませんが、音楽はある程度できてきました。年内にメインテーマだけ公開します（音声雑記のOPで使っているアレではありません。新しい曲を作りました）。

尚、ノベルの方は「実社会代行サービス」に焦点をあてることにしました。当初は、ネオニートが核になっていたのですが、コンビニエントな日本事情が強くなってしまったので変更。かなり‥重たいテーマになりましたね‥原稿は上がるのだろうか‥

［過去のイメージスケッチ］※音がでます

勉強会「ワークフローを作ろう！」

勉強会テーマ：

• CMSとビジュアルエディター

コンセプト：

• ビジネスブログのもう一つの方向性

今回の要点：

• 中小企業を対象
• HTML、CSS、PHPを完全ブラックボックス化
• パブリッシュされるドキュメントはW3C 準拠
• 関連ツールはすべて安価（でもパワフル）
• 実績、導入成功事例があること

意見交換のポイント：

設定：
ソフトウェアはCMS+オーサリングエンジンで2〜4万円程度。コンストラクションキットの販売が収益となる。コンストラクションキットの費用には、ビジュアルデザイン、UA閲覧保証、構造化モジュール（XHTMLなど）、CSSモジュールが含まれる。

市場の創出：
ビジネスブログのサービスが競合ではなく、あくまで開発ツールがターゲット（コンストラクションキット作成のための開発ツールが新事業となる。つまり収益の二重構造）。

［拡大表示］

編集デの参考番組

松岡正剛先生の映像番組
参考になりますので、お奨めしておきます

SEIGOW's PARTS - セイゴオぶひん屋
「松岡正剛のブロード・トーク 天鵞絨（びろうど）」

NHK 週刊ブックレビューもお奨め
2007年01月14日放送予定(再放送:2007年01月15日)
特集：博覧強記の異才・松岡正剛「千夜千冊」を語る

デジカメ散歩

フィールドワークは来週です

高円寺20年〜雑多な記憶

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

近日発売予定の書籍「Making a Rule for Web Design」の原稿メモ

［１］Web業界を俯瞰して見えてきたもの

昨年、ある制作会社のワークフロー改善を依頼されました。その会社にはDreamweaver MXを核としたワークフローが出来上がっており、特に業務上の問題はなかったのですが、新たな取り組みの必要性を強調していました。きっかけは、クライアントからの要求に「アクセシビリティ」というキーワードが含まれていたこと。そこで、まずは「文書の構造化」「物理マークアップの排除」「検証ツールの導入」を提案して、教育プログラムをスタートしました。ところが結果的には失敗、うまくいきませんでした。実践するには「時間」と「教育コスト」があまりにも足りなかったのです。

最終手段ということで「DreamweaverをMXから8にバージョンアップ」することを再提案。実行してみると、すんなり目標達成できました。話は単純です。要するにアプリケーションソフトの支援ツールによって改善したわけです。MXでは、font要素などで物理マークアップする「HTMLスタイル」がデフォルトでしたが、MX2004からは「CSS」がデフォルトに変更されています。ボールドと表示されるアイコンをクリックするとMXでは「b要素」、MX2004以降は「strong要素」が記述されます。詳細に見ていくと多少の問題はありますが、環境設定や若干のカスタマイズで調整することができました。

［２］日々の業務と依存するアプリケーションソフト

アプリケーションソフトに依存する「HTMLやCSSを直接記述しない」Webデザイナーはたくさんいます。数で比較するとCSSを習得しているデザイナーより圧倒的に多いでしょう。前述したように時間と教育コストを確保できない会社は多く、デザイナーに「がんばって習得してください」とは言えない事情があります。

依頼を受けた制作会社の旧ワークフローで作られたWebページにはh1要素がなく、font要素とb要素で見出しを表現していました。Dreamweaver 8にバージョンアップしてからの新ワークフローでは、物理マークアップが無くなり、table要素によるページレイアウトも最小限におさえられています。重要なのは、デザイナーがXHTMLやCSSを記述していないことです。時間や教育コストを捻出できない状況で、目標達成できたのはツールのおかげだと言えるでしょう。

［３］標準化の意味を伝えること

Webデザインに対する強制力のある規則はありません。W3Cも「勧告」という形をとっています。Web業界の先端にいる人たちは、W3Cの勧告を国際的な「標準規格」として受け止め、自ら採用し、啓蒙しています。特に、過去の「ユーザーの利便性を著しく損ねた経緯（ブラウザ戦争）」を知っている人は、標準化に積極的です。しかし、CSSを流行と捉える「戦争を知らない若者たち」も多く、共有化されている情報は想像以上に少ない感じがします。「HTMLやCSSを直接記述しない」デザイナーの方々にとっては、さらに関係性の低い話になっています。

本書は、これらの問題を解決するものではありませんが、ワークフローや開発ツールに関するいくつかの提案をしています。「作業をシンプルにするためのアイディア集」といった構成です。ワークフロー改善を模索する人など、「作業の進め方」を見直すきっかけになれば幸いです。

［４］35年前から実践されてきたマークアップと構造化の概念

ドキュメントの構造化は、1969年にIBMが開発した「GML」というマークアップ言語によって実践されるようになりました。膨大な技術資料、仕様書、ユーザーマニュアルなどを管理、発行していたIBMは世界最大のパブリッシャーでした。大量のドキュメントを効率良く管理し、迅速に更新するためにはマークアップ言語が必要だったのです。

1986年にISOによって国際規格となった「SGML」はこのGMLがベースになっています。そして、Webの標準マークアップ言語として使われている「HTML」はSGMLを参考にしています。文書を構造化することのメリットは、すでに30年以上も前に議論・評価されており、情報・科学系の出版社や研究機関、企業などで実践活用されてきました（その後に登場する「DSSSL（ディッセル）」という言語は最も古いスタイルシートです。フルスペルは「Document Style Semantics and Specification Language」）。

SGMLはあまりにも強力すぎて広く普及しませんでしたが、HTMLはシンプルすぎて複雑なWebでは「力不足」、徐々にXMLコーディングの需要が高まってきています。

（ボツ原稿より〜一部）

●過去の執筆メモ：
BOOK-EX ［ex-001］［ex-002］［ex-003］［ex-004］［ex-005］

勉強会「OS - Startsignale」

週末の勉強会は「Startsignale」をテーマにします。

ご存知のとおり、Windows Vistaの起動音は、Robert Fripp（ロバート・フィリップ）が作りました。たった「4秒」の起動音に「1年半以上」もかけたそうです。
私は、Windows 95の起動音「The Microsoft Sound」が好きです。これは、Brian Eno（ブライアン・イーノ）の作品です。

今回は、バーチャルラッピングOS「zero」の起動音を作成するための意見交換をしましょう。使用するアプリケーションは「ACID」です。Micro Track 24/96で録ったサウンドスケープ素材を用意しておきます。

参考：
Windows 3.x、95、98、Me、2000、XP、Vistaの起動音が聴けます
「Windows starting-sounds」

テーマ：

• 自然音をベースにする
• 4秒弱
• 日常音より少し目立つ程度
• 時間帯によって4つのバリエーション（朝、昼、夜、深夜）を持たせる
• 季節によって4つのバリエーション（日本仕様：春、夏、秋、冬）を持たせる

2033年プロジェクトの進捗

韓国行き、延期となり大変ご迷惑おかけしました。
2000年にスタートした「10年タイムライン」プロジェクト、6年経過しました。2007年はライフログデータ活用の段階に入ります。最初の論文は、予定通り2008年末までに書き上げたいと思います（あと1年と2週間しかないので焦ってます）。

さて、私自身‥2033年まで生きられるのか、ほんとに不安になってきました。あと、28回大晦日を迎えることができるのでしょうか？

書籍「網站設計達人講座」

・「操作便利性」usability
・「無障礙網頁」accessibility
・「支援CSS的新型瀏覽器」Standard-Browser
・「網站的更新與管理最佳利器」CMS（Contents Management System）

出版：旗標出版

参考：
中英文詞彙對照表
（無障礙網路空間服務網）

monkeyish studio.
youji sakai
2006.12.18

Flashアニメ・スーパーレンダリング

参考［テストムービーを見る］
※Flash Player必要

新しい本のお知らせ

書籍名「Making a Rule for Web Design」
Webデザイン・ワークフローについての提案書
発行：ソーテック社
近日発売

ブックキャスティングのお知らせ［2006.12.18］：

［1］Method of CSS Visual Design

内容：ルール化の必要性とプランブックのサンプル
書籍：毎日コミュニケーションズ
公開日：公開中
補足：CMSがXML宣言を省略しないため（IE6完全無視状態）、只今改良中。尚、書籍のサンプルも自動処理で作られているため、同様です。省略版は後日アップロードします

［2］Making a Rule for Web Design

内容：ワークフローの発想／ルール化の実践／デザインスニペット
書籍：ソーテック社
公開日：書籍の発売日に公開
補足：メモ

［3］Flash Character Animation

内容：キャラクターアニメーション概論、技法／ストーリーの構築
書籍：技術評論社
公開日：12月下旬

サイトで公開される図版や資料などのデータはダウンロードできます。プレゼンや企画書など、自由に使用できます。詳しくはクリエイティブ・コモンズ・ライセンスを参照してください。
※尚、著作権フリーの素材を使って作成されたサンプルなどは対象外です。閲覧のみとなります。サイトに記載されていますので、ご確認ください。

この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。

「本とネットの融合」について

以前から試行していた「本とネットの融合」を実践することになりました。「書籍＋MP3（音声）＋サンプルデータ」という組み合せで、1つのコンテンツを構築していきます（これはオンラインブックとは異なったアプローチで模索していたものです）。まだ、正式なものではありませんので、見直しの必要性が出てきた場合、運営がストップする可能性があります。

キャラクターデータのダウンロード

2007年1月より新しいキャラクター設計をおこなうため、お知らせしていた通り、過去（2004〜2005年）のキャラクターデータをダウンロードできるようにしました。ブログパーツやプレゼンのアイテム、学校の授業（素材）などにご利用ください（クリエイティブ・コモンズ・ライセンスを参照）。

データのダウンロードは、ブックキャスティング-B「FLASHキャラクターアニメーション」サイトです（一般公開は下旬）。こちらは「大人講座［6］」がベースになっています。

尚、Flashグッズは‥まだまだ現役ですので、書店で‥

「自由にカスタマイズできるFlashグッズ30」

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

近日発売予定の書籍「Making a Rule for Web Design」のメモ

クリックで拡大

●過去の執筆メモ：
BOOK-EX ［ex-001］［ex-002］［ex-003］［ex-004］

CSS Nite LP, Disk 2のスピーチシート

●テーマ
アセット管理で実現するフルCSS「Web Magazine - Designing」

参加者の皆さんへ：

当日使用したスピーチシート：
［スピーチシートのダウンロード］PDF／900KB

会場では「時間がない」と勘違いして、飛ばした箇所がありますので‥このシートで確認してみてください。言葉では喋っていますので音声を聴きながらご覧くださいませ（音声データに関しては参加者向けに配信されているメールをご確認ください）。

尚、デモとスピーチシートの合間にお見せした「ルールブック」は、近日発売の書籍に掲載しているため、「発売後に」データなどを公開します。ルールアイコンや会場でお見せしたCSSハックアイコンなどをAI形式でダウンロードできるようにします。自由に使ってください。詳細は「書籍コンテンツについて」をご覧ください。
書籍の発売日については少々お待ちください。

以下、CSSルールブックの一部
・デザインスニペットのルール
・開発ツールのコーディングルール

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

近日発売予定の書籍「Making a Rule for Web Design」のメモです。

◆書籍の構成：

PART-1［計画］プランニング
1-1 ワークフローって何？
1-2 ワークフローのタイプについて理解しておこう
1-3 インフォメーション・アーキテクチャとは？
1-4 計画の工程で決めておくこと

PART-2［情報］ライティング
2-1 情報の管理と作業環境を明確にする
2-2 作業のための記述規則

PART-3［構造化］マークアップ
3-1 構造化する意味をもう一度考えてみよう
3-2 XHTMLとマークアップ
3-3 構造化の手法
3-4 構造化の実践方法
3-5 プロトタイピングモデルによるマークアップ

PART-4［意味付け］セマンティック
4-1. Webサイトと検索サービス
4-2. 検索サービスの仕組みを理解する

PART-5［デザイン］〜スタイルシート
5-1 フルCSSのサイトはコスト高か？
5-2 CSSを使うメリットとは？
5-3 CSSの基本的なルールについて再学習する
5-4 CSSの概念と記述ルール

PART-6［管理］〜メンテナンス
6-1 ワークフローと専用ソフトウェア
6-2 CSSデザイン［ページビルディング方式］
6-3 CSSデザイン［プロトタイピング方式］
6-4 作業の効率化、CSSのモジュール化を実践する

●過去の執筆メモ：
BOOK-EX ［ex-001］［ex-002］［ex-003］

ブックキャスティング［06.12.3］

Method of CSS Visual Design

●2006.12.4「テーブルレイアウトがデフォルト（2）」
（09分30秒／MP3）
●2006.12.3「テーブルレイアウトがデフォルト（1）」
（10分12秒／MP3）
※逆説的な話し方になっていますので、読み解いてくださいませ‥

●2006.11.26「作業の進め方を変える」
（10分06秒／MP3）
●2006.11.26「We制作者のトレードオフ」
（10分01秒／MP3）
●2006.11.25「Webサイト制作の実利的判断」
（11分41秒／MP3）

不定期更新／PART-1からPART-7まで続きます
長めに録ったものを10分程度に分割しています