WEB MAKING BOOKS BLOG

新しいブログのお知らせ

ysous — 2007-09-25T11:37:49+09:00

WEB MAKING BOOKS BLOGを停止して、新しいブログに移りました。

monkeyish studio.

新しいブログは、common style.のリニューアルが完了するまで更新する予定です。リニューアル完了は来年の春になると思いますので、まだ6ヵ月以上ありますが‥

ブログ移行のお知らせ

ysous — 2007-09-18T12:09:52+09:00

5月頃から進行していた5冊の書籍もやっと先が見えてきました（といっても‥大幅に遅れてしまったので関係者にはご迷惑おかけしています）。

「執筆」という仕事に関しては、今年から始めたワークスタイル（朝4時からお昼までの8時間で集中する）が考えていた以上の効果を上げているようです。ただ、毎日6時間のデスクワーク、本業のない週末は18時間、机に向かうという日々が4ヵ月続いてしまったので、眼精疲労が激しく、短期的な回復のための調整が一苦労。
今回の「机仕事による疲労」については、なかなか興味深い記録（データ）がとれているので、落ち着いたらレポートにまとめようと思っていますが‥

さて、あと3ヵ月少々で2008年になります。
来年からリアルアクセス系のプロジェクト（一般的にはユビキタスかな？）、そして念願だった医療関係の分野にもフィールドが広がります。建築の分野にもお世話になります（実は‥20代後半に執筆した、私の最初の書籍は「建築」の本なのです）。

ここ数年はWorld Wide Webのコアな技術（HTMLやCSSなど）に触れる機会が多かったので、現場のデザイナーやエンジニアの方々にいろいろご指導いただきました。
このブログはWebの要素技術系のテーマに絞っていましたが、そろそろ役割を終えつつあるので、一旦終了したいと思います。

新しいブログは近々公開、ここでお知らせいたします。
尚、講座や勉強会などのビデオは（音声雑記でお話したとおり）サーバから引き上げて、YouTubeにアップする予定です。

イベント：NGN

ysous — 2007-09-09T10:45:00+09:00

NGN Summit

2007年10月3日（水）
ビジネスDAY　9：30〜18：10（予定）
2007年10月4日（木）
テクノロジーDAY　10：00〜17：45（予定）

来年を予定している商用サービス開始を前に、フィールド・トライアルも新たな局面を迎えさらに注目が集まるNGNですが、その具体的なメリットについて十分に理解されているとはいえません。そこで、本セミナーでは「NGN上で何ができるか」にスポットをあて、最新動向、海外事例、サービス、そしてテクノロジーと様々な角度からNGNの具体像に迫ります。会場では各社のパネル展示も行います。NGNの今、そしてNGNが拓く未来を体感してください。

会場：
ホテルニューオータニ東京
ザ・メイン宴会場階　芙蓉の間

受講料：
無料（事前登録制)

common style meeting「ロールモデルとデザイナー」

ysous — 2007-08-30T16:13:19+09:00

本日、会場に行けないため‥Skypeによる発表になってしまいましたが、よろしくお願い致します。時間は30分程度です。尚、音声は収録して（音声ブログの方で）Podcastingいたします。

ロールモデルについて考えてもらうため、デザイナー50人を選出しました。
経営者向けの講座とは明確に線引きするため、現役で（プレーヤーとして）活躍していることを条件に選んでいます。

以下、ネット上の動画で見られる人たちだけ紹介しておきます。
BS朝日「追跡！フロントランナー」より〜
バックナンバーには、工業デザイナー川崎和男さんの映像もあります。

日本庭園デザイナー
枡野俊明(ますの・しゅんみょう）さん

「群言堂」デザイナー
松場登美（まつば・とみ）さん

工業デザイナー
奥山清行（おくやま・きよゆき）さん

ウェブ関連教育/会議メモ（common style）

ysous — 2007-08-29T21:14:10+09:00

common style リニューアル中のため、こちらにも議事録（PDF）と会議メモをアップしておきます。
今週は、まだカンズメ状態でホテルから出られません（すべては私の責任でありますが‥）。リニューアルプランは、9月中旬を予定。

2008年度のウェブ関連教育について：

レポート：
DTP業界における分業化の流れ（DTPデザイナー職からデザイナーとオペレータに分かれていった経緯）を20年間のタイムラインを見ながら紹介しました。
※タイムラインは、Adobe Illustrator 88（1988年）リリースの前年からスタートしています。

過去の講座：
1998年に始まった「ホームページ概論」、「ウェブクリエーター講座」は、2000年に入ってディベロップメント系の講座を設けて分業を前提としたカリキュラムに修正しました。2005年頃から（同じ職種でも要求されるスキルが大きく異なるなど）求人情報に大きな変化が出てきました。
多くの企業からテクノロジースキル（HTML、CSS等）や情報デザインだけではなく、視覚表現の基礎となるグラフィックデザインやエディトリアルデザインなどの教育要望をいただいています。

現状：
Web業界は（※今のところ）他分野と同様の道のりを歩んでおり、教養主義的な流れに入ってきました。2000年以降、業界に関わるようになった若い人たちが他分野の概念やノウハウをWeb制作に取り込み始めたことも強く影響しています。
多種多様なスキルを要求されるのはしかたのないことです。ただし、体系化できないと教育プランは作成できませんので、先行している海外の学校を参考にまとめ、「ウェブデザイナー」から「ウェブ」を取り、ベーシックデザインの教育と情報デザインの教育を分けることにしました。

図で示されている「Front-End Architect」（米国の事例エデュケーションプランを参照）が、情報構築から視覚表現への展開を担う役割であり、多種多様なスキルが要求されていたウェブデザイナーを情報デザイン寄りに専門化したものです。
尚、この呼び方は日本では理解されにくいため、教育プラン・ドキュメント内の使用にとどめます。

「Wildbit　Our team at glance」

Webデザイナーのためのレジュメビデオ入門

ysous — 2007-08-23T04:18:22+09:00

こちらもかなり遅れてしまいましたが、当日の記録を掲載しておきます。
（2007.8.23）

テーマ：セルフプロデュース
デザイナーは、エージェントと契約するとVideo Resumeを作らないといけません。このビデオはエージェントスタッフが営業用のツールとして使います。単なるポートフォリオではなく、音楽アーティストにおけるPVのような機能を持たせます。最近はYouTubeの利用などが増えてきましたが、DVDは必ず用意する必要があります。
今回は、海外の事例をみながら学習し、実際にVideo Resumeを作成してみましょう。

Video Resumeを作成する過程で、自分の職業を俯瞰することができます。「やりたいこと（理想）」「やるべきこと（現実）」「実際にやれること（実力）」など、ぼんやりしていたことが見えてくるでしょう。

Video Resumeの構成 15:00

アイスブレーク 00:30
プロフィール（簡単な自己紹介）01:00
トラックレコード（今までの実績）05:00
バリュー（最も得意とする作業）06:00
スピリッツ（仕事に対する信念）02:00
ワンフレーズ（最後に一言、印象に残る言葉）00:30

※バリューパートでは必ず自分の「作業シーン（コーディングしながら話す）」をベースに組み立てること
※テロップによる解説は避け、ホワイトボードなどを使うこと

参考：プレゼンテーションビデオ

ボディランゲージモデル
（オーバーアクション効果）
Innovation at Google
Presentation by Google CIO Douglas Merrill on Innovation at Google

クラスルームモデル
（ホワイトボードを使った動的な演出）
What is Web 2.0?
It's one of the biggest buzzwords out there, but what exactly does it mean? Andy Gutmans of Zend defines Web 2.0 and explains how it's changing the face of the Internet.

スタンダードモデル
（標準的な速度と目線）
Videos of the Week (Vol. 11): XHTML
Learn about XHTML, a language in which webpages are written!

スクリーン連動モデル
（斜め座り＆流し目／カット割り）
NeXTSTEP Release 3 Demo
Steve Jobs demoing the NEXT operating system. Many of the features shown here are now in Macintosh OSX.

参考：Webプロダクションのレジュメビデオ
GOING INTERACTIVE
Recruiting a Web Developer

サブテーマ：
自分のスキルを目に見えるかたちにする
「Webデザイナーのパーソナル・レコーディング」
自分の作業を記録して公開することのメリット

Creating Snazzy Message Boxes

CSS Tutorial // Div Layers, Classes

Introduction to CSS editing using Firebug

小さな白板だけで進行
SGML, XML and HTML Part 2