WILLCOM D4とiPhone 3Gを活用したモバイルワーク／Dropbox

GPSlogからの転載：

「WILLCOM D4とiPhone 3Gを活用したモバイルワーク」から「Dropbox」の一部を抜粋して掲載しています

Dropboxでデータを共有・同期しているPC

• PowerBook G4
• iBook G4
• WILLCOM D4（Windows Vista SP1）
• デスクトップPC（Windows Vista）
• VAIO（Windows XP）
• iPhone 3G
  ※iPhoneからはアップロードできないため、データの閲覧および視聴のみ

外出中は、カフェなどでD4（Vista）を使って作業。仕事場AではiBook（MacOS X）もしくはPowerBook、仕事場BではデスクトップPC（Vista）を使っています。外出中、特に移動しているときはiPhone 3Gで閲覧、視聴します。

念のため作業データは「quanp」にもアップロードしていますが、今のところDropboxの”同期中の事故”はありません‥

記録：

WILLCOM D4で管理しているデータ（写真、ビデオ、PDFなど）をiPhone 3Gで閲覧および視聴する

１）
［WILLCOM D4］の操作

• My Dropboxフォルダに写真画像ファイルを入れます
• 必要に応じて新規フォルダを作成して管理します

２）
［iPhone 3G］の操作

• Safariを起動して、Dropboxにアクセス（ログイン）します
• フォルダに入れた写真が表示されているのでタップします

• 最大表示で確認
• 以下の写真は、NTT docomo FOMA F906iで撮った写真画像（JPEG／1500×832px）

３）
［WILLCOM D4］の操作

• My Dropboxフォルダにビデオファイルを入れます
• 以下は、iPhone Wi-Fi用の高画質ビデオ（m4v形式）とiPhone 3G用の低画質ビデオ（3gp形式）

４）
［iPhone 3G］の操作

• フォルダに入れたビデオファイルが表示されているので、再生したいビデオのファイル名をタップします（3gp形式のビデオを選択）
• プレーヤーが起動して、ビデオが再生されます。Wi-Fiではなく、3Gで接続しましたが、問題なく再生されました
• ビデオが終了すると、Dropboxの画面に戻ります
• 3gp形式の音声ファイルも同様に再生できます

尚、m4v形式のビデオは再生できませんでした（「このファイルはダウンロードできません」のアラートが表示されます）。

PDFはほとんど問題なく閲覧できましたが、大きなファイルは情報が一部欠けていました。
原稿の初校チェックなどは（不完全な表示だとマズいので‥）、ケータイやiPhoneを使わず、D4でチェックしています。

参考：

• Dropbox

2008年9月19日 午前7時に更新

本日の導線

GPSlog - 導線日記（2008年9月19日）

• CNET

x-Chronologyとflickr

昨日のPodcastで取り上げた「x-Chronology」のメモをアップしておきます

• ［file-013］x-Chronologyとflickr
  （2分26秒/m4v）

参考：

• x-Chronology

ワイドスクリーンディスプレイの全面表示で使っています。
以下は、私が今まで投稿した写真や動画を「過去」方向にスクロールさせている様子です。上のタイムラインが「Flickr」、下は「YouTube」です。

画面はちょうど2月～4月になっていますが、この頃はケータイで動画をたくさん投稿していましたので、写真よりも多い。

私も参加しているFlickrのプロジェクト「Project 365+1 JAPAN -2008- 」も、これで見ています。

• Project 365+1 JAPAN -2008-

プロジェクトの参加メンバーは現在47名。毎日投稿される写真を一覧できます（数名に分けて、お気に入りに登録しています）。
※投稿した写真に（たとえば）「Project 365+1」というタグを付けていると良いのかな？

中央が、プロジェクトの主宰者である[cipher] さんのタイムラインです。

上は、月単位の表示なので毎日の投稿だと見づらくなります。
一日単位の表示にすると、見やすくなりますね。

mixiのコミュニティ「1Day散策」でも、散歩しながらFlickrに写真を投稿すれば、面白いことができそうですね。

• 1Day散策
  mixiの散策コミュニティです。散歩が好きな方は‥

x-Chronologyは、Windows VistaのPC（Intel Core 2CPU 4300@1.80Ghz）で使っていますが、とても動きがスムーズで気持ちがよいですね。まぁ、しかしリッチアプリケーションなので、もう一台の古い XPマシンでは重たくて使えないでしょう‥
（※Windowsのみです。Macユーザーとしては‥とても残念。私が便利だと思っているサービスの大半は、Mac未対応なんですね‥）

2009年9月11日

Google Chrome インストール記録（モバイル環境テスト）

9月3日（AM10:00）

• Google Chrome

ブラウザでの新たな試み

私たちがオンライン上で費やす時間はますます増える傾向にあるということから、私たちは、もし、今ある最高の要素を取り入れたブラウザをゼロから開発できるとしたら、どのようなブラウザになるだろうか、とういことを真剣に考え始めました。

ウェブは、シンプルなテキストのみのページばかりが提供されていた時代から、リッチでインタラクティブなアプリケーションへと進化を遂げています。これに伴い、私たちは、ブラウザを全面的に見直す必要があると考えました。

特に、今本当に必要とされているのは、単なる「ブラウザ」ではなく、ウェブページやアプリケーションに対応した最新の「プラットフォーム」なのだということを念頭に開発を始めました。

そして今日、私たち発表するのが、新しいオープンソースブラウザのベータ版である Google Chrome です。

見た目のデザインは、シンプルで合理的なものにしました。オンライン上で何かするとき、ほとんどの人は、ブラウザそのものに意識を向けることはないでしょう。

重要なのは、ホームページやサイト、アプリケーションといった、ウェブを構成する中身の部分であって、ブラウザはそれらを動かすためのツールにすぎません。Google Chromeは、Google のホームページのように無駄がなく、表示スピードが早く、洗練されており、ウェブ上の行きたいところにすぐ行ける、のが特徴です。

Google Chrome「ブラウザを作成した理由」より

インストール開始：

私はモバイルワークが中心なので、肥大化したブラウザはとても使いづらく、シンプルなものが登場するのを待っていました。Google Chromeは、かなり理想に近いものでした。
早速、WILLCOM D4にインストールしてみます。

>

AM10:16

>

ダウンロード：

>

ダウンロードおよびインストール完了：

• 起動が速い！

>

検索：

• Google Omnibox
• アドレスバーに検索キーワードを入力

>

メニュー：

>

管理（タスクマネージャ）：

• モバイル環境で大変便利な機能

>

履歴管理・履歴検索：

>

シークレットウィンドウ（シークレットモード）：

• incognito mode
• このウィンドウでアクセスしたWebページの履歴は残らない
• ウィンドウを閉じると、Cookieなどの記録も残らない

• 右クリックで選択することも可能

>

開発（ソース表示）：

開発（ウェブインスペクタ／JavaScriptコンソール）：

• ウェブインスペクタ（要素を右クリック、「要素を検証」を選択）
• 参考：Google V8 JavaScript Engine

V8 is Google's open source JavaScript engine.
V8 is written in C++ and is used in Google Chrome, the open source browser from Google.

>

CSS3：

• サンプル：-webkit-border-radius:10px;

• サンプル：-webkit-border-radius:20px;

>

オプション（基本設定）：

オプション（詳細設定）：

オプション（高度な設定）：

• 参考：Google Gears

Gears is an open source project that enables more powerful web applications, by adding new features to your web browser

>

モバイル：

• Obama MobileをGoogle Chromeで

9月3日（AM10:00）

雑感：

• とても起動が速く、動作も軽いのでUMPCの標準ブラウザとして使えそう
  Gmailの動作が速い（現在、Firefox 3やIE 7だと少々もたつく状況）
• タスクマネージャで、重たいページだけ「落とす」ことができるのでありがたい

移動中のレポートなので、ここまで‥

• WILLCOM D4
• リモート操作による投稿
  

Apple iPhoneで読むコミック

Apple iPhoneおよびiPod touchで読むコミック

Voyagerの電子書籍ビューア「T-Time（ティータイム）」が、Apple iPhoneおよびiPod touch用に最適化されました。マルチタッチインターフェースに対応した「T-Time touch」が提供されています（コンテンツに内包する形式で販売）。

実際にさわってみましたが、とても柔軟な作りになっており、ソファにごろんと横になって読むときに必要な操作がすべて実現されています。

• レポート：
  iPhone用コミックビューア（操作のビデオ） - YouTube

参考：

• 報道資料：待ち望んでいた理想の本、T-TimeはiPhoneに着地する
• Voyager Japan
• iPhoneで読む講談社コミック

• iPhone App Store 電子書籍
• タイトル：伝染歌 映画原作版
• リリース：2008年7月17日
• 価格：115円
• 販売：Voyager Japan,inc.

その他の参考：

漫画は「紙」媒体で提供されますが、常に最新のテクノロジーにあわせてコンテンツ化されてきました。ビデオ、CD-ROM、電子ブック、Web、ケータイなど、メディアの特性を活かしながら、さまざまな形で表現されています。

• ビデオ劇画（VHSビデオ）
  参考：YouTubeのビデオ
• 電子ブック
  参考エントリー：10年プロジェクト「電子ブック」
  ※2007年の記事です
• デジタルコミック（パソコン／CD-ROM）
  参考エントリー：モーショングラフィック・スタイルのデジタルコミック
  ※ご注意、2004年の記事です
• ケータイコミック（携帯電話）
  参考：YouTubeのビデオ
• Webコミック（パソコン／ブラウザ）
  参考：COMIC SEED!

2008年8月26日

Googleマップ・ストリートビューで阿佐ヶ谷を散歩する

歩こうと思いながら、なかなか時間がとれず実現できていなかった散歩のコースを歩いてみます。バーチャルなカメラ散歩ですね。

続きを読む "Googleマップ・ストリートビューで阿佐ヶ谷を散歩する"

Googleマップ・ストリートビューの記録（東京都23区）

作業場Aの近辺をGoogleマップのストリートビューで確認していたら、知人が写っていたのでメモしておきます。しかも‥
以下省略

以下は、新宿西口の高速バス乗り場、ヨドバシカメラのある場所。
ここでも、ある重要なものを発見‥
以下省略

サービスメモ：

• ストリートビュー - 不適切な画像の報告について
  

Dreamweaver CS4（beta）動画解説とCSS管理についての補足

レポートの補足：

発表が終わったら補足します。と言って、忘れていた内容について記しました。

Adobe Dreamweaver CS4（beta）の動画解説
※視聴にはFlash Playerが必要

Dreamweaver CS4 Sneak Peak Tours!

Check out these tours before or after you install the beta and we're sure you'll see just what we're so excited about.

WebAssist Professional - Web Pro Center

Eric Meyer's CSS Sculptor for Dreamweaverもバージョン1.1.2になりました。

A new version of CSS Sculptor is now available. CSS Sculptor v1.1.2 addresses the following issues and adds the following functionality:

• Preview engine updated for Mac OS.
• Updated the CSS Sculptor Wizard’s auto-save feature so that it only saves the current layout if the UI is exited in an abnormal manner and not when the UI is closed or the Cancel button is used.
• Updated CSS Sculptor to work properly under Mac OSX when Users are stored on a different volume than the OS.

関連エントリー：

• 事例「Eric Meyer’s CSS SCULPTOR」
  ※昨年の9月の記事です。情報が古いのでご注意

CSSレイアウトの管理は、RapidWeaverと同様にXMLを使います。
プランブックのページビルディングも同じ管理方法です。
マークアップやCSSデザインの基礎作業を自動化しているプロダクションも概ね近いシステムを稼働させていることは、昨年のレポートで

参考：

• RapidWeaver 4
  ※QuickTimeムービーが配置されているページにリンクしています。ただし、クリックしないと再生されません。
• RapidWeaver Advanced Features

昭和の名作「ウルトラQ」第一話をYouTubeでみよう！

円谷プロダクション・ウルトラチャンネル

※ここに貼り付けられているYouTubeビデオの再生時間は、25分41秒です

ウルトラQ 第一話「ゴメスを倒せ！」

• 放送日：1966年1月2日
• 監督：円谷一
• 特技監督：小泉一
• 脚本：千束北男

Wikipedia

• ウルトラQ

世界に名立たる円谷英二が特撮技術を監修することが売りであり、国産初の本格的SF怪奇ドラマシリーズとして撮影が進められた『UNBALANCE』だったが、TBSサイドの意向により怪獣路線へと変更を迫られることとなり（円谷＝「怪獣」特撮という世間の認知度によるものと考えられる）、同時に番組タイトルも『ウルトラQ』へと変わった。

関連エントリー：

• 親子でみるYouTube「ウルトラマンワールド」

2008.6.4

政治家の動画共有サイト活用メモ（4）

• Brown首相、YouTubeチャンネル「DowningSt's Channel」を開設
• 有権者からの質問を受け付けている（6/21まで）
• 首相は6月末に（投稿された質問から選出して）答える

参考：

• 保守党の党首David Cameronのサイト「webcameron」
• YouTubeチャンネル「webcameronuk's Channel」

James Gordon Brown（ジェームズ・ゴードン・ブラウン）

2007年6月24日開催の英国労働党大会で党首に選出され、同年6月27日に首相の座を退いたトニー・ブレアの後継としてイギリスの首相に任命された。

Wikipedia

政治家の動画共有サイト活用メモ（3）

政党の動画共有サイト活用メモ

• 山本一太と国会に行こう！ - YouTube
  自民党
• おバカな田原総一朗ちゃま（苦笑） - YouTube
  新党日本
• 映画『靖国』 上演中止に抗議・記者会見 - YouTube
  社民党

関連メモ：

• Barack Obama - OBAMA MOBILE
• hillaryclintondotcom's Channel The Hillary I Know

RapidWeaver4 bata

RapidWeaver4 News

• The Unveiling of Secrets
• Exclusive preview: RapidWeaver matures with version 4

Realmac Software's RapidWeaver is a feature-rich Web design application with a unique balance between simplicity and power. It occupies the space between everything-plus-the-kitchen-sink apps like Dreamweaver and bargain-bin apps like iWeb or Google Page Creator.

過去の関連エントリー

• RapidWeaver 3.6 Demo（2007年5月10日）
• Rapidweaverによるマルチカラムレイアウト（2006年12月27日）
  ※上記リンクはビデオ（SWF）です。音声はありません
• RapidWeaver アイディアノート（2006年12月27日）

Web標準に準拠したサイト（XHTML1.0 & CSS2.1）をケータイで閲覧（再）

以下のエントリーの続きです

• Webレポート「ケータイサイトとCSSデザイン」（XHTML1.0とCSS2.1のサイトをケータイで閲覧）

編集の時間がないので‥（デモの一部ですが）今朝、Xactiで撮ってアップしておきました。

デモの映像（YouTube）：

• Web標準に準拠したサイト（XHTML1.0 & CSS2.1）をケータイで閲覧
  ［PC用ビデオ］NTT DoCoMo F905i & "jig browser" - Web Browsing
  ケータイ視聴用のビデオ
  
• フルFlashによる「Gucci」キャンペーンサイト
  4月1日にリニューアルしたiメニューのヘッダにバナーがあります。ドコモのケータイを持っている方は確認してみてください
  ［PC用ビデオ］NTT DoCoMo F905i - i-mode Browsing
  ケータイ視聴用のビデオ
  

その他：
Webサイトをモーションコントロールで閲覧するビデオを発見しましたので掲載しておきます

• D904i 直感ブラウジング（YouTube）

一度、試したことがありますが、片手でWebページを閲覧するとき、この機能は意外に便利なのです。

親子でみるYouTube「ウルトラマンワールド」

お母さんのための予習ビデオ

気に入ったウルトラマンのビデオをYouTubeで共有しよう。
お友達とウルトラマンについてメッセージをやり取りしよう（「メッセージ」について説明してあげてください）。

• ウルトラマンワールド - YouTube
  コスモスＶＳティガ・ダイナ・ガイア（再生時間30分）

参考：

• ウルトラギャラクシー大怪獣バトル - YouTube
  円谷プロダクション

YouTubeの高画質（H.264）スイッチ

YouTubeの某チャンネルで話題になっていましたので、メモしておきます。

• YouTube - HD
  NASA Space Shuttle Launch and space video HD quality
  ※プレーヤーの「原寸表示」アイコンをクリックしておかないと劣化するようです
• STS-120 Space Shuttle Discovery Launch in High Definition
  ※こちらも同様にプレーヤーの「原寸表示」アイコンをクリック

• NEW (HD) Hellboy II The Golden Army Trailer Movie - 2 Two
  ※同様に再生する前にプレーヤーの原寸表示アイコンをクリック

個人映像なら、ザクティ（Xacti HD1000）で撮ったHDムービーをそのままYouTubeにアップロードして、「&fmt=18」スイッチを付けて再生すると、高画質で視聴できるようですね。

• Sanyo Xacti HD1000 - Tokyo Highway
  ※同様に再生する前にプレーヤーの原寸表示アイコンをクリック

以下は、私の古いザクティで撮った「低画質」の映像ですが、ノーマル再生よりもかなり画質が向上しています。

• LifeLog - Archives vol.004 Aquarium
  これはHD映像ではないので、そのまま視聴

さて、YouTubeのもう一つの話題といえば、「ライブ」でしょうか。YouTubeで生中継が可能になりそうです（‥という噂があります）。

追記：
「&fmt=18」スイッチは、 Apple TVやiPhone、iPod touchで視聴できるH.264（MP4）のビデオデータのようです。仕様が変更されるとパソコンでは視聴できなくなりますね。

Test of PictoBrowser

• monkeyish photo 2008
• Flickr: Project 365+1 JAPAN -2008-
• Edit: PictoBrowser
• Reference article: PictoBrowserを使ってFlickrをブラウズ

monkeyish photo 2008

• monkeyish - PictoBrowser

レポート：Webサイトの緊急処置

緊急処置ガイドライン

コーセー「Visee（ヴィセ）」公式サイト

只今このサイトは都合により一時停止させていただいております。
ご不便をお掛けしますことをお詫び申し上げます。
株式会社コーセー

ホンダ「ゼスト スポーツ」公式サイト

只今このコンテンツは都合により一時停止させていただいております。
ご不便をお掛けしますことをお詫び申し上げます。
本田技研工業株式会社

RW 3.6 & iPhone theme

Realmac Software「RapidWeaver 3.6」に早速「iPhone」のデザインテンプレートが入っていました。
日本では、いつiPhoneが使えるようになるのでしょう？

• RapidWeaver Site Showcase

参考：
日本語版ラピッドウィーバー3.6
アクト・ツー

Steve Chen氏の講演

いつも愛読している「古川享ブログ」ですが、Steve Chen氏の講演についての記事がアップされていました。関連記事、映像も掲載されています。

古川 享 ブログ
YouTubeの創業者による講義に出席せり
2007.10.30

チェン氏：「現在はYouTubeには300名近くの従業員がいるけれど、技術系の人間は全員...僕が直接のボスで...階層的な組織なんて相変わらず無いのさ、一人一人の名前を全部知っているしどんな技能を持っていて何をやってもらっているか全て掌握している、そんなところは気の合う皆と会社をスタートアップしたときと何にも変わっていない。」

参考：
Steve Chen氏のYouTubeチャンネル

関連エントリー：
※上の記事とは関係なし（マイログとしてリンク）
シークレットミーティングと裏ブログ ［再］
2007.10.26

自分にとってのブログとは（２）メモの追加

先ほどのエントリー「自分にとってのブログとは」の追加メモ

調べると、ブログを使っていろいろな実験がおこなわれてますね。個人サイトとは分けている人が多いのですが、やはり異なるモチベーションなんでしょうか？
ブログの使い分けについても事例を集めてみたいと思います。

• 茂木健一郎さんの実験ブログ
  the qualia journal

ココログセレブ／Specialインタビュー／Vol.27―茂木健一郎さん（後編）

インターネットは世界に開かれています。にもかかわらず、日本人は日本語圏内をうろうろしている人が多い。学者にしてもドメ男くん、すなわちドメスティック（国内的）な領域でものを調べ、ものを考え、発表している人ばかりです。だから、世界から見ると日本というのは巨大なブラックボックスになってしまっているんですよね。日本から世界に出ていくのは、たとえばオタク文化といわれるようなアニメーションなどの限られたものだけ。だから僕は『The Qualia Journal』で実験をしているんです。つまり、内田百間（小説家）や小林秀雄（評論家）が日々、身の回りで起きたことを記述したようなことを英語でやってみようと思って

自分にとってのブログとは

「自分にとってのブログ」という原稿を書かなくてはならず、ざっとネットサーフィン（死語）してみました。有名人ブログから、いくつかメモ。

今、更新している10コのブログの半分はココログを使っています。私がブログを始めたのは2004年5月2日で、遅いほうだと思います。

第一号は「ケータイ日記」で現在3つ目。これはライフログ・プロジェクトが目的で2010年まで毎日続けなくてはならないのです。スタートはJ-PHONEの写メールが発売された2000年で、当時は「はりがみ屋」というサービスを使っていました（2000年から現在まで、毎日更新しており、写真枚数でいうと‥どのくらい？）。ブログに移行してからは投稿数がかなり増えました。

第二号は「WEB MAKING BOOKS BLOG」で執筆中の書籍について書くためのブログです。スタートは2002年で「本を作る！」というサイトでした（ブログに移行した2004年に停止）。これは、暗黙知プロジェクトのひとつで、新しいメイキング・コンテンツを模索する目的で始めました（ただし、本のプロモーションという機能もあります）。現在は、新しいメイキング・ブログを準備しています。

個人サイトを最初に立ち上げたのは1995年ですが、ブログを始めてから個人サイトはクローズドな環境に移して、オープンネットではブログオンリーです。
「自分にとってのブログとは？」という問いに対しては、今のところ「道具です」という漠然とした応えにとどめておきましょう。

以下、ココログさんの”プロモーションコンテンツ”から引用

岡田斗司夫（作家）

ブログとは、僕にとってやっかいな存在です。友だちかと思えば、裏切るし。心を開くと、それを引用して悪口を書かれるし。構えて書くと、それが見透かされて、心優しい人を傷つけちゃう。難しいですよ、ブログと付き合うのは。まるで、外国人の友だちみたいですね。やっかいと思いながらも、こうやって続けているのは、けっこう好きなんですよね。僕はブログが。ぜんぜんお金にならなくてもやっていますし。本を書くのはいますぐ止められるけれど、ブログは止められません
ココログセレブ／Specialインタビュー／Vol.42―岡田斗司夫さん（後編）

茂木健一郎（脳科学者）

地道に毎日100パーセントの力をブログを書くことに注ぐ。そういう気持ちで取り組んでいます。 アメリカの若者の間では、そこらの学者や作家よりも、アルファブロガー（影響力のあるブロガー）のほうが偉いと普通に思われていたりします。僕の野心は、英語のブログで地道に読者を増やし、英語圏におけるアルファブロガーになることですが、日本語のブログもいまより影響力のあるものにしていけたらと思っています
ココログセレブ／Specialインタビュー／Vol.27―茂木健一郎さん（後編）

藤川京子（グラビアアイドル／競馬ジャーナリスト）

私のプライベートなことをブログに書いても誰も興味を持ってくれないだろうなと思ったんです（笑）。だから、競馬に関係ない記事はあまりアップしてません。それより、少しでも多くの人に競馬の楽しさを知ってもらいたい。競馬の知識をあまり持っていない人にも馬やレースを好きになってほしいんですよね。そんな思いで今のブログを始めたんです
ココログセレブ／Specialインタビュー／Vol.47―藤川京子さん（後編）

うつみ宮土理（タレント）

毎日の生活を細やかに思い出すようになりましたね。何かあると、これは今日のブログに載せようかどうしようかと思うようになって、夕飯を食べるあたりから、どんなふうに書こうかなと、考えています。そして寝る前に15分ほどで書き上げていますが、私にとってブログというのは一日の締めくくりであり、"今日も一日終わった"という、おしまいのエンドマークでもあるのです。
ココログセレブ／Specialインタビュー／Vol.39―うつみ宮土理さん

参考：
ココログセレブ「Specialインタビュー」

社内SNSの調査レポート

株式会社Beat Communicationのサイトで「社内SNS調査レポート」が公開されています（PDF文書／3ページ／ZIP圧縮）。

情報は山崎教授（日本ナレッジマネジメント学会専務理事）のブログ経由
参考：
社内SNS導入は何故急ぐ必要があるのか／ボーグのソーシャルネットワーキング解説
2007.10.14

Video Pre-Roll のコンテンツ融合化（再）

勉強会で取り上げるテーマについて記載しておきます

テーマ：
2011年以降の「Pre-Roll Video Advertising」について提案いたします（発表者：境祐司）

• ビデオ広告についての復習と現状把握
• Pre-Roll Video Advertising の是非
• 嫌われる動画広告のタイプ

• Pre-Roll Video Advertising の失敗例
• テレビCMモデルの挿入はコンテンツを壊す
• 分割レイアウトモデルの新しいPre-Roll Video Advertising の検証

• ワイドスクリーンのテレビが普及
• 画面の一覧性と情報量
• バラエティ番組の事例（一画面に入るタレントの人数が多くなってきた）
• テレビCMは「説明」ではなく「15秒の印象」

• NGN におけるPre-Roll Video Advertising
• スーパーカスタマー向けのサービス例
• プレミアムサイトの事例

海外の最新動向を知る：
テレビ、新聞、雑誌、ネットなど、ばらばらに広告を出すのではなく、戦略的に統合

• コンテンツ融合化のバリエーション
• 興味の連鎖を創出するには

CBSの事例：

• media cross-selling divisionの設立
  テレビ、ラジオ、インターネットなど、これらを組み合わせてクライアントに提案、戦略的なdivisionをつくる
• cross-platform media selling division

---

復習のための資料（旧）：
CBS Advertising Media Kit - Gallery:

• IAB Standard Ads:
  728x90, 160x600, 300x250, 300x600
• Home Page Takeover
• Break In the Action
• Scores At A Glance
• Video Pre-roll & Companion

CBS Interactive - Online Media Kit

ターゲットが絞られている事例：
※最近の手法ですが、今回は動画広告の古いモデルとして分類しています
Wallpaper.com

レポート：官公庁のWebサイト No.4

水産庁
URL: http://www.jfa.maff.go.jp/index.html

• ハイブリッドタイプのリキッドレイアウトを採用
• ページ組み込みのアクセシビリティ機能
  文字の大きさ・色を変えるには
  URL: http://www.jfa.maff.go.jp/j/use/ac_on.html

ヘッダ領域に含まれる機能

• 専門用語の解説
• English
• このサイトの使い方
• サイトマップ
• 検索

サイドバーのトップビュー・コンテンツ

• フォトレポート（左）
• 検索の多いキーワード（右）

※現在リニューアル中？のため、一部のリンク先が古いページになっています（2007/10/9）。

事例「Eric Meyer’s CSS SCULPTOR」

制作会社向け意見交換会 - 9/30

テーマ：
「TV-Webとセッティングゼロ・スタートの設計思想（１）」

今回は、デジタルテレビ上でプレビューする構造化ドキュメント（HTMLなど）の扱いやワークフロー、自動化の事例についてお話しする予定です。

デジタルテレビに関してはディズニーの事例が最もわかりやすいのですが、その前に現状把握の意味でパソコンベースのWebを取り上げます。自動化についてはリクエストの多かったCSSデザインツール（Eric Meyer氏の冠がついた）「Eric Meyer’s CSS SCULPTOR」を検証しましたので、報告会にて発表いたします。

デモの内容：
Adobe Dreamweaver CS3 上でCSS SCULPTORを起動させ、3カラムのエラスティックレイアウト（スクリーンレイアウトおよびプリントレイアウト）生成までのプロセスを紹介しながら、ポイントを解説します。

Adobe Dreamweaver CS3での展開方法について解説します。

ブラウザ・プレビューについての解説をします。

common style. のサイトをCSS SCULPTORを使って構築するデモをおこないます（今回はパソコンベースの解説です、ご了承ください）。
技術者やデザイナーの作業をどのように形式知化し、データベースおよび自動化ツールに落とし込むか等、重要なポイントのみ簡潔にまとめます。

尚、ビデオ資料などはYouTubeなどで公開し、幅広く共有したいと思っていますが、許諾が難しい場合は参照リンクにとどめます。

参考：

Eric Meyer’s CSS SCULPTOR

Let Eric Meyer, renowned CSS master, help you create the custom Web standards compliant, CSS-based layout you want and flatten the CSS learning curve. Start by choosing from any of the 30 included layouts—and then modify the design to the max: change the page width and position or number of columns. Specify margins and padding for any page element along with type properties for paragraphs, headings and link states. Bring in background colors, background images (repeating or not) or any style of border. Eric Meyer’s CSS Sculptor generates styles sheets for both screen and print in one operation. You can even save your modified layouts as new presets to be easily re-created or modified further. Bring the master’s touch to your designs with Eric Meyer’s CSS Sculptor.

Silverlight系リッチWebのアクセシビリティ

SilverlightとFlashによるリッチWebのテスト（レポート用メモ）
リッチWebとOSのアクセシビリティツールがどのように連携すればよいのか検証。Windows Vistaのアクセシビリティツールと併用してみる。

私がアクセシビリティの学習を始めたのは1997年の「Active Accessibility」リリース時ですが、OSのアクセシビリティツールについての取り組みは1992年頃から。
尚、ウェブ・アクセシビリティに関してはW3Cの資料を参照。

参考記事：
「アクセシビリティへの取り組みの歴史」

ちなみに、高齢者向けのパソコン教室では「拡大鏡」などのアクセシビリティツールの使い方を最初におこないます。Webサイトの閲覧補助においてもOSのアクセシビリティツールを使っています。
このような学習環境では、Webサイト内のアクセシビリティ機能（文字拡大など）はテキスト情報しかサポートしていないため使用されません。

参考記事：
「Windows Vistaのアクセシビリティ機能」

検証サイトは以下の2つ

• Silverlight & Live Search「tafiti」
• REMIX07 TOKYO