今日は、昨今Web技術が進歩しているなかで、僕たちデザイナーがどうやってこのような技術に理解を深めれば良いのか、について考えてみたいと思います。PCブラウザから始まり、現在はスマートフォンや電子書籍がWebにつながる端末として一般的な世の中になりました。今年はテレビが来る、とみんな言ってます。要はWebにつながるテレビ。実はあまり知られていないことですが、もう10年くらい前に「インターネットテレビ(あえてそう言います)」は発売されていますが、正直普及しているとはいいがたく、例え使っている人にとってはおそらくそのテレビはそのうち使いにくいもの、あるいは使えないものになっているかもしれません。理由はいくつかありますが、大きな理由はいくらテレビ本体(ハード)が魅力的でも、放送用のデータをやりとりするフォーマットがWeb標準に存在しない当時は、独自のフォーマットに頼ることしか手段がない、といったところかと思われます。なると配信されるコンテンツも豊富になるとは思えません。Language」の略)というものがあり、デジタル放送用に使われている言語ですが、世界に普及していません。1999年に既に策定されているので、10年以上前の当時にはそういった標準規格があったようですが、世界とつながるWebだけに、日本独自とも言える規格ではせっかくのWebテレビもあまり魅力を感じられないといったところでしょう。家電をWebにつなぐ、ということは、テレビに限らずこういった標準技術がしっかりしていないと、上で説明した通りまったく意味をなしませんし、ビジネスとして成功を収めるのも困難でしょう。W3Cが徐々に家電用の標準規格策定に対する動きを見せています。これが策定され勧告されだすと、世界中のWebにつながるテレビは(というより家電メーカーは)一斉にそっちの標準規格を採用するといわれているので、世界中のコンテンツにアクセスしやすい環境が生まれるわけですね。●今後のWebにつながるデバイスとして上記から言える通り、ただ「Webにつながる」というキーワードだけではあまり意味がないのです。Webにつながっても、それによって生活がどう便利になるか、が問題であり大事なんだと言えるのです。今後のデバイス......例えばクルマ、電子レンジ、冷蔵庫といったように生活に密着した色々な機器がWebにつながり、僕たち人間が操作する側となる「インターフェイス」が、今のスマートフォンで操作しているタッチパネルと同じような「表層」をHTMLやCSSで構成されて、WebにつながるエンジンがJavaScriptによって情報をやりとりする時代が来ると予想する人も出ています。今の流れからいうとありえるな、という気もします。電子書籍の規格で有名なEPUBもXHTMLで情報が構成されています。このバージョンが3.0になりHTML5+CSS3を使えるということらしいのですが、いずれにせよWeb標準フォーマットですね。ある一定のフォーマット(規格)の域から外れずに、データのやりとりが可能なら、僕たちのHTMLのスキルもひょっとしたら役に立つかもしれません。あとは、デバイスの特性を考えた対策が可能な技術も必要でしょう。クルマを例えてみましょう。移動するメディアなので、電波の届かない所にいることを考えないといけません。カーナビがGoogleMapsのようなサービスと連動している場合、電波が届かない場所を走っているときは、あらかじめ周囲数10kmの地図情報をデバイスにキャッシュしておくなど対策がないと困るわけですね。HTML5ではWebサイト(ページ)を本体にキャッシュしておける機能があります。オフライン時、つまりネットにつながっていない環境でも情報を閲覧することができるわけで、これと似た機能でカーナビにも採用したりするといいでしょう(そもそもキャッシュとは既に閲覧した情報を貯めるので、意味的にはちょっと違いますが...)。GMailなどはその例ですし、スマートフォンのWebアプリは「オフライン対策は必須だ」という人もいます。>もうひとつ例をあげましょう。電子レンジやオーブン、グリルなど「火」を扱う機器。今のWeb標準技術には、「熱」を感知するAPIは勧告されていません。電子レンジのパネルに、料理のレシピサイトから提供されているレシピが表示され、ユーザはそれに従って食材を入れ加熱させるわけですが、その加熱時間はすでにレシピサイトからの情報を受け取っているので、ユーザが時間を指定しなくても自動で行ってくれるのです。何かの間違いで、指定外のものを入れてしまい加熱して事故になることも視野に入れなければなりません。熱を感知して加熱を停止させる機能がないと、自動化などするべきではありません。その機能が家電機器(ハード)に備わっていることも大事ですが、「熱(温度)」を感知する機器を例えばJavaScriptで判定するようなAPIも提供されていないと、Webアプリの開発には常に危険がつきまとうと言っても過言ではありません。このように安全面を考えると、「自動化=便利」と「危険」との背中合わせの部分をどう対応するかが極めて重要です。●Webにつながる家電に対するデザイナーの仕事として今僕たちはスマートフォン用のWebサイトの制作に色々知恵を絞っています。iPhoneだけなら単独プラットフォームなので、微妙なバージョンの違いでなければMobileSafariのレンダリング結果なんてそう差はないはずですが、Android用のWebサイトともなると、表示するだけならまだ良いとしてもWebアプリの機能が加わると色々手を煩わせられます。この問題は、スマートフォンというデバイスにおける問題と考えられがちですが、実はこれらは始まったばかりで、これからの未来を考えると、スマートフォンの悩みは氷山の一角にすぎません。している間にもどんどんWebブラウザやそのレンダリングエンジンも整備され改善されていくでしょうから、未来は今程デバイスごとの表示や挙動の違いに悩まされないかもしれません。ところが、テレビのリモコンや電子レンジのパネルがタッチデバイスとなり、そのインターフェイスがHTMLやCSSで表示されている可能性はまったく否定できません。テレビのリモコンはスマートフォンでも代替できるようにもなるでしょうが、スマートフォンを持っていないユーザもいることを考えて、やはりテレビ専用の次世代リモコンは付属、もしくは別売りとなるかもしれません。普及当初はスマートフォンがリモコンになる場合、ネイティブアプリが提供されるかもしれませんが、オープンなWeb標準技術で仕様書も公開されているなら、僕らがWebアプリとしてリモコンを作る仕事もあるかもしれません。お年寄りにはシンプルな「音量」と「チャンネル」と「電源OFF」のボタン機能だけでよいと言う人もいるでしょう。逆に多機能で、予約録画ボタン、多重放送のプレビューが手元のデバイスでテレビと連動したほうがいいという人もいるでしょう。ユーザの好みは多岐にわたるのです。今のテレビのリモコンはご存知のとおり「ハード」です、つまりボタンの位置をユーザ層によって付け替えることはできません。タッチパネルとなればそれが可能になるのです。ユーザの好みで、インターフェイスデザインをカスタマイズすることなんて、既にPCでは行われています。HTMLやCSSをJavaScriptで操作して動的に表示すればよいわけです。何パターンかユーザーインターフェイスを用意しておいて、まるでブログの「テーマ」のように、ユーザが複数のデザインを自分用のリモコン画面として設定保存できるのです。ここで記したことは、すべて僕たちが普段扱っているHTML+CSS、あるいはJavaScriptの知識資産を使って可能なことです。家電に向けたWeb標準がどう策定され勧告されるかはまだわかりません。可能性は否定できません。なると、僕たちの仕事のフィールドがPCからスマートフォンだけでなく、生活に密接な家電にも広がることになります。スマートフォンサイトで必須とも言えるviewportやメディアクエリーなんて、もうスマートフォンのため、などと言えなくなる未来があるかもしれません。日本の家電メーカーは今韓国などのメーカーに押され、大変な時期です。Webがオープンな規格なだけに、他社製と差別化をはかるのも以前より困難かもしれません。家電がAndroidのようなオープンなOSを搭載する可能性もあるからですが、しかしながら明らかに独自路線を突っ走るよりは、ユーザへのサービスを充実させることに重点に置くべきことは家電メーカーも充分に分かっているでしょうし、そこを契機とし、起死回生をはかることができるかもしれません。iPodやiPhone単体だけの成功ではなく、そこにiTunesというサービスと結びつけたからこそ成功したアップルの例からも言える通り、テレビをはじめとする家電も、それだけではもう魅力的ではないのです。最近いつもそんなことを考えている毎日です。>テクニカルディレクター・デザイナー。交通広告を多数手がける。同時に音楽活動も活発に行い、西日本半全国ツアーなどを展開、某専門学校のテーマソングを作詞作曲、編曲から楽器全てを演奏してレコーディングするなど、マルチなクリエイティブ活動も。最近では東京と大阪の教育施設などで講師業をも務める。GraphicDesign...多種スキルを持つ。Web標準技術だけに執着せず、全てのメディアで説得力のある表現にチカラを注ぎたい、そんな仕事をしたい。明日もデザインで食べていこう![27]家電のインターフェイスを僕らWebデザイナーが作る未来/秋葉秀樹この著者の記事一覧へこのサイトについてこのサイトは平日毎日発行しているメールマガジン「日刊デジタルクリエイターズ」のバックナンバーを収録しているサイトです。1998年4月の第1号からすべて収録されています。著者別の掲載リストもあり(ページ末尾)、気になる著者のバックナンバーを読むことができます。基本的にメールマガジンの発行後、このサイトが更新されるので、最新情報を確実に読みたい場合は、メールマガジンを購読して頂くことがお薦めです。「日刊デジタルクリエイターズ」のメールマガジンは、デジタルメディアで活躍する現役クリエイターたちのコラムで構成されている本格派のメールマガジンです。実用的な内容から、インスピレーションを刺激する内容まで多彩なコラムをお届けします。メールマガジンスタンドの「まぐまぐ」「melma!」にメールアドレスを登録するだけです。ご購読は以下のボタンから。Amazonを使用しています。記事)川合和史@コロ。