近況報告、PSPをiPodの代わりに

※業務連絡：
本日、サーバー内のデータ一部を移動するため、公開中の3つのWebサイト（仕事用）にアクセスできなくなります。夕方には完了する予定です。

7月31日（月）晴れ、本日も涼しい
今朝の気温20度！！　
明日から8月なのに「20度」である（昨日、関東甲信も梅雨明け）。北海道の札幌と同じ気温だ。半袖だと肌寒いくらい。

●ぼやき1：
ご多分に洩れず、本日は月末の慌ただしさ‥（銀行の行列に並んだり）雑務に追われる予定。

●ぼやき2：
メールチェック。あるアドレスにスパムメール526件。とりあえず、ボタンを3回押して、全削除しておく。フィルタリングが効いているアドレスは、ほぼ完璧に振り分けてくれるので助かる。7つのアドレス中、3つは仕事用だがネット上に公開していないのでスパムメールはゼロである。やはり対策は必須か。
仕事関係以外の方はできればミクシィのメールで‥（もしくは私の本名を件名に含めていただけると）

●ぼやき3：
作業場、2月に引っ越してから郵便物が激減。転送の手続きはしているのだが、おかしい。ペーパーレスは良いことだが‥迷子になっている可能性も高い。
宅配便のおじさんは元気だ。ピンポーン、ドン！ドン！「○○さ〜ん！」ドン！ドン！「○○さ〜ん！宅急便で〜す」ピンポーン、ドン！ドン！

●講座再公開：
今のところ「情報デザイン」の要望が多い。今回公開できない講座についても追々編集したいと思っているが、まずは1つ。
関連：「希望講座のリクエスト方法（再）」

●ビデオキャスティング：
Hidden Art Video［s011］
「観音胎内、地上56メートルの異空間 」の補足
比較対象をロボットに設定してネットで調べてみると、ガンダム（18m）、マジンガーZ（25m）、コンバトラーＶ（57m）なので、コンバトラーVという巨大ロボットの頭部まで上がって、外に出るというイメージである。タワーなどの建造物とは異なり、金網だけなのでスリルがある。もちろん高所恐怖症の方にはお奨めできない。
参考：
東京湾観音

iPod用のビデオファイルがPSPでも再生可能になった。RSS購読も可能なので、マックなどで無線LANを利用して（ハンバーガーでも食べながら）ダウンロードしてほしい。
「PSPシステムソフトウェア バージョン 2.80　アップデートについて」

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

ピクトグラムでプロジェクトワークフローを視覚化
・ズームアップすると詳細な作業が表示される
・アイコンをクリックすると関連する「上流工程の作業」とラインが結ばれる

●過去の執筆メモ：
［V-001］［V-002］［V-003］［V-004］
［R-001］

※このエントリーは秋に出版される予定の書籍-執筆メモ（およびスケッチ）です

近況報告、進捗Podcasting

7月27日（木）朝は曇り、午後晴れるという予報
あと4日で「8月」、あと5ヵ月で「2007年」である。

・残暑対策
関東の梅雨明け、来週前半という気象庁の見通し。私の予測は8月1日。今年の夏は長いようだ。つまり残暑厳しいということだ。長丁場なので強い冷房には注意したい。

・ミクシィのメール
1日のスパムメール、300〜400通くらいで少し減ってきた。日本のスパムは「セレブからのご指名です」みたいなわかりやすいものから、「打ち合わせの件について」とか「暑中お見舞い申し上げます」等々、件名が日常的なものに変化、巧みになっている。
もう、完全に機械まかせ（自動削除）になっているので、読まなければならないメールも巻き添え。
こういう状態なので、ミクシィのメールが役立ってきた（プレミアムにしようか‥）。

・進捗Podcasting
某プロジェクトでPodcastingを始めた。「作業の進捗をお知らせする音声」である。
当初、数名の人から「聴くのが面倒だから進捗報告はメールにしてくれ」と言われていたのだが、最近は‥音声は聴いてくれるがメールはあまり見てくれないという状況になった。

昨日、あるメンバーに「昨日の打ち合わせで言ってたアイディアだけど‥」と言われたのだが、そのアイディアを提案したのは打ち合わせではなくPodcastingであった（音声の中で語ったことなのだ）。完全に混同している。これは面白い。

・Web関連の本
構成にかなり手間取ってしまったが、おかげで全体像が明確になったので、執筆加速。
新しいWebオーサリングツールを開発する想定で、仕様書などを作り、そこで体系化された情報をまとめ（さらに言葉を一般用に落とし込んで）、書籍化するという手順。初の試みである。
一見、無駄な時間を使っているようだが、Webツール仕様書に含まれるインターフェイスデザインなどは本のピクトグラムに流用できるし、ビジュアル的にも洗練されるのがメリット。

希望講座のリクエスト方法（再）

関連：講座再放送

●候補１：情報デザイン系の講座
3つの候補の中で一番Webデザインに関係のある内容です。但し、技術やテクニックにはあまり触れず、「情報」の特性、価値、影響などを追求しています。

●候補２：編集工学系の講座
エディトリアル・エンジニアリングの学習ですが、メディア（主にテレビ）の情報編集による「大衆操作」などダークサイドなテーマを多々含みます。

●候補３：視覚表現系の講座
アニメーション表現が主です。個人でストーリーアニメーションを作りたいという人向け。一応、Flashをツールとしていますが「ストーリーメイキング」など話作りも含まれます。

視聴してみたいと思う講座を選んで、以下のメールアドレス宛てに送ってください

design_zeroアットマークadmn.com
（アットマークは@です）

メールの件名欄に

候補１→「情報デザイン」
候補２→「編集工学」
候補３→「アニメーション」

のいずれかを記入してください
（機械的に処理しますので、フリーメール等でもかまいません）

希望の多い講座に決定します
メールの受付は7月31日まで

8月1日に告知、中旬に公開します
ビデオの形式はMP4（FlashVideoも用意する可能性あり）、40分程度になります

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

業務用CMSのデザイン・ルールブックを解析、ページビルディングの自動化によってデザイナーは「不自由さ」を感じるか？
ディスプレイ・プレゼンテーション（キオスク、DVD、TV、PC、携帯電話等）におけるビジュアル言語および設計思想についてまとめる

CSS 6ルール・コンビネーション：

●過去の執筆メモ：
［V-001］［V-002］［V-003］
［R-001］

※このエントリーは秋に出版される予定の書籍-執筆メモ（およびスケッチ）です

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

オーサリングエンジンを活用して独自のデザイン・ワークフローを開発する試み
CMS（もしくはブログでもよい）との連動で個人のページビルディングツールとしても威力を発揮する可能性がある

※このエントリーは秋に出版される予定の書籍-執筆メモ（およびスケッチ）です

近況報告、アニメスタジオの件

7月24日（月）曇り
関東の梅雨明け予測、8月4日（金）くらい。当たるか‥

研究会で事業計画書（←課題）の書き直しを命じられる。この授業（ほんとは授業ではない）、仕事しながらこなすのは大変である。参加者は企業の人たちが大半、よくやっている。起業しよういう意気込みを感じる。

本の執筆、全体的にはそれほど大変な作業ではないのだが、肝となる「構成」に試行錯誤。ここさえ決定すれば、あとは楽である。アプリケーション本は、構成がすぐできて、その後の作業に時間がかかる。今回は逆のパターンだ。

某所でチラッと書いてしまったアニメスタジオの件、いわゆる娯楽系ではなく教育コンテンツである（といっても「カリキュラマシーン」系のくだけたもの）。コンセプトは「マガジン」、レンタル提供の教育コンテンツ。

設立は2007年（来年）だが、やることが山のようにあり多難。
RETAS! か、AfterEffectsとFlashか‥それとも‥制作はアウトソーシング？

以下、曖昧に‥古い関連リンク（情報も古いのでご注意
古すぎて参考情報にはならないが‥要するに仕掛けの多いWebで生かせるアニメを企画、ということである。但し、ゲーム性を取り入れた（再生中に画面をクリックする等の）参加型ではないもの。
むしろ、インタラクティブな部分はケータイなどのコンパクトディスプレイと連動させたい。

●劇カツ

[Flashサンプルを見る]

●飛び出す！ステレオまんが
「スパイキッズ 3-D」と同じカラーアナグリフによるフラットモーションをサンプルとして制作中。
以下は、Flashアニメーションではなく静止画。

［赤青メガネで見る］
［交差法で見る］

交差法の見方：
モニタから目の距離は50cmくらい。その中間に人差し指を立て、寄り目にして見つめる。モニタには３つの画像がぼんやり見えるはずなので、ゆっくり中央の画像にピントを合わせる。
ピントが合ってきたら、人差し指を画面から離す。

●スリラー・サウンドノベル

［スリラーコンテンツのパンチラインムービー］
・すぐにFlashムービーが再生され、音が流れるのでご注意！
・スピーカーではなくヘッドフォンで聞くことが前提になっている
※リンク先の情報は古いのでご注意（講座は終了しています

●ストーリーアニメーション

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

●モーションディスプレイ童話

［作りかけの”おもちゃ”］

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

構造化ドキュメント（XHTML等）を視覚的に作成するためのツールを選出、検証する。

複数のツールを組み合わせて、ワークフローに沿った「新しい使い方」を考える。
いずれ強力なツールがリリースされ、ページビルディングのプロセスも自動化されるはずだ（DreamweaverやGoliveの進化の過程を振り返れば、次の展開が想像できる）。そのイメージを現在使用可能なツールで膨らませてみる。

CSSEditからスタイルガイドに変換する試み：

●過去の執筆メモ：
［V-001］［V-002］

※このエントリーは秋に出版される予定の書籍-執筆メモ（およびスケッチ）です

夏休み「Webデザイナー講座」再放送

過去の講座から使用可能なものをミックスしながら、再編集をおこない8月に公開する予定。

高校生向けの講座だが、一般の方々にも参考になるよう編集しようと思う。

以下は、候補の講座記録およびメモ（一部は視聴可能）である。この中から選出して再編集する。尚、以下の講座は一部音声のみ公開されているが、大半は非公開になっている（現在のところ、クローズドな環境で視聴する仕組みになっているため）。

情報デザイン関連はWebデザイナーの皆さんに役立つかもしれない。ストーリーメイキングおよびフラッシュアニメ講座は趣味的なレベルでよいかもしれない。
余力を考えると公開できるのは1講座、要望の多い方に決めようと思う。

＞リクエストお待ちしています

●common style 勉強会
「高校生のための情報デザインB　ウェブ・ディレクター・システム」

・視聴する［Flash Video（標準画質）／9:32／12.6MB］
※Flash Player 8 が必要です
（FlashVideo低画質とMP4ファイルは講座タイトルのリンク先にあります）

●ネットラジオ講座
情報デザインの課題
記録：
［Cのちから］高校生のためのデジタル編集工学
［フラッシュアニメ講座］映像表現A

●知のアーキテクチャー講座
・高校生向け講座「知のアーキテクチャー」
・Web視覚表現「20年タイムライン」

●common style meeting
・中学生とネットコミュニティ
〜空気のように意識しないインターネット
参考記事：
中学生の皆さんには最強のWebプロデューサーになってもらう

●design zero - PSP web
「ミドルディスプレイとしてのPSP」
関連情報：「PSPユーザー優勢」

●創造塾
・フラッシュアニメ講座とノベル版Serendipiter
・高校生向け特別講座「ストーリーメイキング」
・ケータイ写真学「ケータイで綴る低解像度の世界」

●講座メモの記録
「Webクローズドビジネスとアセットホルダー」

近況報告、「2011年のWeb業界」の原稿あちこちに移籍

7月20日（木）曇り、気温20度
今朝も涼しい。
うっかりひいてしまった風邪も迅速に対応したので、なんとか回復。今日の日中は、23度くらいまで上がるそうだ。梅雨明けは来週、いきなり30度をこえるのだろうか？

某プロジェクトで使っていたクローズドネットが役割を終えて解散。そこで書いていた「第四世代のWebデザイン専門誌メモ」をミクシィの日記で再開（過去分は編集が面倒なので破棄）。

知人から「ケータイでアクセスしている人が多いので短い文がよい」と言われていたが、長文が続いている。それより、ミクシィで書く内容ではないような‥

このブログに一部載せていた「2011年のWeb業界」（以下抜粋）、部分的に他媒体へ移行中である。
［link］中小企業のためのビデオキャスティング1
［link］中小企業のためのビデオキャスティング2
［link］会社のオフィシャル情報と社員ブログのVideocast
［link］CSSデザインの80%が自動化される

「2011年のWeb業界」のビジネスに関わる実践的な部分は「WEB STRATEGY」（MdN）の現在発売されている号より書かせていただいている。
「教育コンテンツの現場から〜実践！サイト制作のアセット管理」である。「教育」と付いているが、次号からはビジネス色が強くなる。
その他は、後日お知らせ。

Dan's BlogにRapidWeaverのPHPレンダリングに関するムービーがアップされていた。
「RapidWeaver Tip: Live PHP Rendering」
モダンパブリッシャーは日々進化しているのだ。セマンティックスタンプ搭載も期待したい。
簡易ワープロより、もっとやさしく、学生でも主婦でも誰でも簡単に使えるツールへ（2011年までに‥）。

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

構造化ドキュメント（XHTML等）を視覚的に作成するためのツールを選出、検証する。

CSSEditは、ページの骨格作りをマウスドラッグしながら試行錯誤できる。「ページビルディングのためのスケッチ」が可能となる。教育目的でも使用できる可能性あり。

［構造をデザインする］QuickTimeムービー（音声なし）

●過去の執筆メモ：
［V-001］

※このエントリーは秋に出版される予定の書籍-執筆メモ（およびスケッチ）です

CSS Nite Vol.10

20日（木）、アップルストア銀座で「CSS Nite」が開催されます。

日時：7月20日（木）19:00〜
場所：アップルストア銀座 3F Theater
金額：無料
申込み：事前登録不要
ゲスト：神崎正英さん

第1部が神崎さんのプレゼンテーション「フォーマルで行こう」、第2部は鷹野さんの「フォームのマークアップと整形」です。
Webデザインにご興味のある方は、参考になると思いますので是非お越しください。

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

構造化ドキュメント（XHTML等）を視覚的に作成するためのツールを選出、検証する。優れたツールの機能をまとめ、他と比較してみる。

近況報告、ブログ再開

7月18日（火）曇り
気温20度、すこし冷える。半島は土曜日から海開き、もうすぐ梅雨明けなのに、この気温。どうなっている？
ココログのメンテナンスが先週終了。様子見を終えてブログ再開。

土曜日：
六本木アカデミーヒルズにて「Web標準の日」イベント参加。500名ちかい人が集まる。10時スタート。Web標準には強制力はなく、採用を義務づけられているわけではない。だから多様な解釈を生み出している。曖昧なワードだからこそ、このようなイベントの意味は大きい。
午後9時に終了。その後、交流会。大阪、名古屋、山形、鳥取、等々‥関東圏以外から参加された方もいて、いろいろお話をさせていただく。Webは変化の激しい分野である。ネットのコミュニティだけでは追いつかない。地方こそ、リアル社会における横のつながりが重要だと痛感する。このイベントがきっかけで、地方でも同種の勉強会などが生まれることを期待したい。
（CSS Niteが地方でも開催される。ミクシィで大阪、名古屋、仙台のコミュニティがつくられているのでご興味ある方は参加してみては）

日曜日：
早朝、まだ六本木にいた‥
「ミクシィをもっと使ったら」と言われたので、そうしようと決める。もう半年ちかく利用しているのだが、未だに基本的な機能が理解できていない。日記を書くことしかできない‥（mixiの日記）
Podcastingを始めて今日で1年。一周年をテーマに語った音声が配信できず、試行錯誤しているうちに17日になってしまう（ニフティさん、RSSが‥）。

月曜日：
恐怖の研究会に参加する。
予想どおり、しっかり怒られてきた。しかも宿題が出た。経験豊富な大先輩から経営哲学を叩き込まれるなんて、夢のようだが‥この歳で「怒られる」というのは、如何なものか。大前健一氏のアタッカーズ・ビジネススクールもこんな感じなのだろうか？
講師なのに、分野変われば「生徒」化する。このロールプレイング感はたしかに勉強になる。2007年春まで、少なくともIT、デザイン、映像、音楽、経営、医学は網羅しておく必要がある。
今日も音声配信できず（ニフティさん、RSSが‥）。もしかして、こちらの問題？

お知らせ

今週、ココログが大掛かりなメンテナンスをおこないます。期間中、更新できなくなりますので以下の代替え用ブログを用意しました。

臨時ブログ「zero - alternative」
期間は10日（月）〜14日（金）まで

近況報告、サイトのトップを経由しないLPデザイン講座

7月7日（金）曇り
2010年プロジェクトで苦しい日々。
時は2010年「あの時、もっとやっておけばよかった‥」と後悔する「夢」を頻繁にみる。目が覚めると（当然）まだ2006年。「よし、もっと取材しておくか」となる。要するに4年後の自分にダメ出しされているのだ。
このプロジェクトは、20年前‥社会に出て初めて携わった大型仕事キャプテンシステムに次ぐスランプとなる。

逆に教育関連の仕事や本の執筆は良い感じだ。新しい本は出だし好調、まだまだ余裕がある。取材が多いのでシグマリオンが役立っている、外出先で問題なく作業。

高校生向けの情報デザインB講座、実技パート概ね完了。
RSS購読やアグリゲートされることが前提、サイトのトップを経由しないランディングページのデザインを課題にしている。

検索キーワード群を壁に貼り付け、表示させるページのデザインを紙にスケッチさせる。ラフページの作成はRWを使用。視覚表現はCSSEdit、RWのCSSファイルを読み込んで構造化する。こうやってプロセスを文章にすると難しそうだが、やってみると簡単。
XHTML とCSS2を採用。ページビルディングのブラックボックスが優れているので安心してデザインに専念できる。

久々にeラーニング関連の勉強会へ。教育コンテンツ制作における注目度は、いつの間にかFlashからAjaxへ。Ajaxのワークショップは教育者にも人気がある。互いの利点を生かして組み合わせると良いだろう。
ラーニングシステム導入時に必ず聞かれることは「セキュリティ大丈夫？」ということらしい。受講者のパーソナルデータをどこまで扱うか悩ましい問題。

・オープンソースのeラーニングCMSアプリケーション「ATutor」にクロスサイト・スクリプティング（XSS）の脆弱性
IPA［JVN#44846612：「ATutor」におけるクロスサイト・スクリプティングの脆弱性］

・Microsoft社がeラーニング情報共有ソフトを無償提供
Microsoft Learning Gateway「Microsoft SharePoint Learning Kit」

XHTML+CSS (r)evolution

7月6日（木）19:00-20:00、アップルストア銀座（3F Theater）で、スペシャルイベント「XHTML+CSS (r)evolution」が開催されます。Webプロデューサーとして活躍されている益子貴寛さんが［XHTML+CSSにevolution（進化）とrevolution（変革）を］というコンセプトで語ります。
詳細は「XHTML+CSS (r)evolution 公式サイト」をご覧ください。

ビデオキャスティング講座

小規模なイベントとはいえ、ビデオキャスティング関連の講演をおこなうことになった。
きっかけは映像ブログだが‥私はデジタルビデオに関しては経験が浅く、趣味でも「これから勉強」というレベルだ。つまり、ビデオの編集やテクニカルな話ではなく、どちらかといえばマーケティング的な要素に絡めて話せば良いのだと勝手に納得する。
たしかに某クローズドネットでは「プレゼンムービー」が大ブームで、多種多彩なアイディアが飛び交っている。作品ではない「映像」をどう捉えていくのか考えてみよう。

あと、各家庭に眠っている膨大な映像コンテンツ（子供の成長を撮ったムービーなど）の作品化ビジネスも動き出したようなので注目していきたい。昔からあったサービスだが、やっとテクノロジーが追いついたようだ。

近況と新しい本

7月3日（月）曇り
本業、副業、第二領域、趣味など、それぞれブログを立ち上げているので、数が10を超えてしまい、更新頻度が周期的に高低している。教育関連のブログが一番更新されているが、もはやブログである意味がなくなってきた。購読の形態も人によって違ったり、なかなか面白い展開である。XMLの大きなメリットだといえる。

Dreamweaver 8の本が今月、発売となる。
今回、テーブルレイアウト機能をばっさりカットしたので、［CSSスタイル］パネルと［CSSルール定義］ダイアログのキャプチャ画像が膨大である。

［書籍の内容をサンプルムービーで見る］
・視聴にはFlash Playerが必要
・サウンドはマウスのクリック音のみ
・1024×768ピクセルの大画面Flashムービー（CD-ROM用のムービーをそのままアップしていますので、ブロードバンド環境を推奨）
※これは書籍に付属するチュートリアルの失敗ムービー（収録されているムービーとは異なります）

ダイアログの「余白、マージン」を「padding、margin」と書きたかったが、大半はDreamweaverのツール用語に沿って解説。そうしないと、CSS本になってしまうのだ（DreamweaverもCSSエディタとして脇役を演じてもらうことになる）。
初心者向けといっても‥「CSSについて知らなくても簡単にレイアウトが〜」とならないので、工夫が必要となる。次バージョンのDreamweaverには（CSSツール関連で）山ほど提案したいことが出てきた‥

その他、現在進行中（および執筆開始予定）のWeb本は3冊ほど。詳しくは音声雑記「［file-173］近況報告、新しい本の発売」にて。