海外の「脱ブラウザ」事例

以下、抜粋メモ

Webブラウザの制約に縛られない、いわゆる「脱ブラウザ」をアプローチとするアプリケーション・デザインの事例が増えてきた。注意したいのは、ブラウザの代替えではないということ。選択肢が一つ増えただけで、ブラウザとの併用も想定内。

• Webサイト
• メールマガジン
• モバイル
• スタンドアロンデスクトップアプリケーション

海外ではもう一つ加わる。Second Lifeの場合は、限定したターゲット向けとなる。日本では事例少ない。

• Webサイト
• メールマガジン
• モバイル
• スタンドアロンデスクトップアプリケーション
• Second Life

海外の事例で最も多かったのが、モバイルWebの取り組み。日本でも増えてきている。ケータイのインターネット利用がPCを上回っている日本では、（分野によっては）無視できなくなる可能性がある。
※ケータイ向けWebページ制作とは少々異なる

以下は、MicrosoftのWPFによる事例。出版社などが実験的にサービスを展開している。
Webデザイナーが参加しないエディトリアルチームによるWebデザインは新しい流れ。高度なページネーション、可読性の追求によって、Webブラウザの問題点を解消している（※くどいようだが、ブラウザの代替えではない）。
ディスプレイの大きさによって、レイアウトが柔軟に変化する。ウィンドウサイズに最適化されるマルチカラムレイアウト、イメージ（写真）サイズの自動調整など。

このような脱ブラウザの取り組みは、Microsoft社だけではなくAdobe社（Apollo）も積極的である。
「脱ブラウザ」アプリケーションに関しては、コラム「読むウェブ〜本とインタラクション」で書く予定である。来週公開予定（先週公開分でも多少ふれている）。
尚、情報の構造化やマシンアプローチ（検索エンジンや音声読み上げソフトウェアへの対応）については今後の課題という扱いにしており、あくまで技術の動向と新しい試みをレポートするという立場で書いたテキストである。

BOOKCAST プランニング［進捗］

「本とWebの融合」をコンセプトに進めているブックキャスティングですが、大まかな方向性が見えてきました。本をWebに置き換える、Webのコンテンツを書籍化する等のリプレイサブルな試みとは異なるアプローチをさらに追求してみたいと思います。

現在のところ、以下の書籍を対象として「音声（この場合はPodcast）」を配信しています。

• Method of CSS Visual Design
  CSSビジュアルデザイン・メソッド
• Making a Rule for Web Design
  Webデザイン・ルールメイキング

今後は、Flash Live（クラブイベント）やスタジオ録音、Second Life内でのワークショップ等、メディア横断的な発想で試していく予定です。先日の「Webデザインの可能性」でお話した内容と重複しますが、「ブラウザから解放されるWebデザイン」については、音声雑記で語ってみたいと思います。

ハンドコーディングをおこなわないCSSデザイン

ブックキャスティングのお知らせ（2/8）
Making a Rule for Web Design

第3回「ワークフローと専用ソフトウェア」
13:06／MP3
※サイトがまだ公開されていないため、MP3ファイルは音声雑記ブログにアップします

• プロジェクトに導入される専用ソフトウェア
• Adobe Dreamweaver 8
• Microsoft Expression Web
• GoLive CS2のVisual CSS layout機能の問題点
• 専用ソフトウェアに依存するサイト制作者
• ツールが変わればワークフローも変わる

書籍「Webデザイン・ルールメイキング」のChapter 6-1（196ページ〜）を参照してください。
音声を聞く前に以下のビデオを見ておいてください。

参考ビデオ：
［ハンドコーディングをおこなわないCSSデザイン］

• 高画質（iPod形式）1.5MB
• 低画質（MP4形式）2.6MB

※右クリックでダウンロードしてください
※音声が入っています

Expression Webについては、Web Designingの短期集中連載で解説しています。次号（3月号）には「Expression Webを使ったCSSデザイン」が掲載されていますので参考にしてください。発売は2月17日。

参考：
ビジュアルエディターとしてのExpression Web

ブックキャスティングのお知らせ（2/7）

「Method of CSS Visual Design（CSSビジュアルデザイン・メソッド）」と「Making a Rule for Web Design（Webデザイン・ルールメイキング）」のBookcastingをmonkeyish studioにて先行して配信していますが、ブログでも公開していきたいと思います。
「Making a Rule for Web Design」のサイトは（CMS未完成のため）まだ公開されていません。サイト公開はあと1週間くらい‥の予定。「Method of CSS Visual Design」の第6回以降も公開いたします。

Making a Rule for Web Design

第1回「ワークフローの改善」
12:00／MP3

• Webの仕事はラフ・コンセンサスで進む
• 3年前のWebデザイン専門誌を見てみよう
• Webと流行
• 自分の作業方法はどのように変化したか
• 人の意見も変化している
• 個人でもワークフローを意識してみる

参考：
Webデザインのガイドライン作りは企業が先行［3］

第2回「Web業界のインディペンデントコントラクター」
15:09／MP3
※上記はMP3ファイルにリンクしています

• インディペンデントコントラクターというスタイル
• フリーランスとの違いは？
• １つの会社に縛られない正社員と同じ仕事をするフリー
• 複数の企業と請負契約を結んで活動する独立した個人
• 増加する「CMSを扱うWebデザイナー」
• 情報構築を担い、上級工程から参加
• 肩書きの再考、新たなアプローチ

※サイトがまだ公開されていないため、MP3ファイルは音声雑記ブログにアップしています（第2回は昨日配信したものです）

WEB STRATEGYで連載している「実践！サイト制作のアセット管理」でも関連したテーマを取り上げました。次号vol.8に掲載されています。発売は2月17日。

ブックキャスティングのお知らせ

ルール関連（the rule、Making a Rule for Web Design、Method of CSS Visual Design）のブックキャスティングを1つのサイトにまとめました。

STEP-1
the rule
書籍：近日発売

STEP-2
Making a Rule for Web Design
書籍：ソーテック社

STEP-3
Method of CSS Visual Design
書籍：毎日コミュニケーションズ

統合サイトは今週土曜日（27日）より公開。サンプルデータなども統合サイトに移動します。尚、書籍に記載されているURLはそのまま残ります（既存サイトには統合サイトへのリンクが掲載されます）

統合サイトでは、勉強会で取り上げなかった以下のテーマを掘り下げていきたいと思います

参考：
WebデザイナーとCMSマネジメント［2］
WebデザイナーとCMSマネジメント［1］

ブックキャスティングのお知らせ［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つのコンテンツを構築していきます（これはオンラインブックとは異なったアプローチで模索していたものです）。まだ、正式なものではありませんので、見直しの必要性が出てきた場合、運営がストップする可能性があります。