Archive for the ‘HTML5’ Category

「jQuery」や「HTML5」で企業のサイトも変わってゆく

金曜日, 7 月 2nd, 2010

「jQuery」や「HTML5」で企業のサイトはで変わってゆく

私的な見解ではありますが・・・。
HTML5やjQueryで、これまでの企業サイト(コーポレートサイト)のカタチやwebPRのカタチはだいぶ変わってゆくと思っています。
TwitterブームやiPadなどのデバイスの登場も、企業サイトを変えてゆくことになるかもしれません。

1990年代後半に企業サイトが登場してから、大きな転換点はCMSが登場した2003年頃でした。
それまでのHTMLベースのサイトからCMSへの移行で、企業サイトのコンテンツ(ページ数?)はずいぶん増えました。
でも、CMSを自社サイトにうまく使うには、サイト関係者間で調整・検討の期間が必要だったと思います。

その後登場した jQueryはユーザーインターフェースを洗練させるために、フォームやフォトギャラリーなどの気の利いたTipsに使われてきました。
たしかにそれもいい使い方ですが、jQueryやHTML5を全面的に採用すると、ウェブサイトから “ページ” という概念はなくなってゆくように思います。

ブラウザがOSやデバイスと深く連携ていくなかで、ウェブサイトがひとつの「アプリケーション」のように利用される場面が増えてました。ボクの考えが古いせいかもしれませんが、そういったウェブサービスを当然のように使っているユーザーが多いことは、ちょっとした驚きです。

ウェブサービスでなく、企業ウェブサイトも同じような潮流にあるとしたら・・・

ここ数年の不況もあって、今後の企業サイトは縮小傾向になるでしょう。
コンテンツも少なめで、必要な情報だけをタイムリーに発信するための「アプリケーション」のようなカタチに変化していくかもしれません。ユーザーがIDを持って企業サイトを利用することが当然になるかもしれません。

ウェブサービスではなく、企業サイトそのものが収益を上げるのは、もう少し先の
その企業がユーザーと社会にどのようなサービスを提供して、どんなブランドイメージを作れるが、企業サイトのアイデンティティであることは変わらないでしょう。

あまり考えが煮詰まっていなくて、散らかった文章になってしまいました。
もう少し整理して、またつづきを投稿したいと思います。

わかりやすくHTML5の成り立ちと概要を説明してくれるスライドショー

月曜日, 6 月 14th, 2010

なるほど、そうなんだ。
あらためて知りました。
XMLとかXHTMLって何だったんだろう・・・
って感じがあったのですが、やっと納得できました(苦笑)

HTML5になって、ウェブデザインはいよいよ情報デザインのステージに入ったかも。
さらに、ビジュアルデザインも充実していってる。

デザインとして、これをどう使うのかが問われるんでしょうね。

『HTML5で最も重要なのはvideoやcanvasではない。相互運用の実現が誓約されていることだ。』

金曜日, 6 月 11th, 2010

AppleのHTML5のデモをIEで見たら

http://journal.mycom.co.jp/column/svalley/369/

先日紹介したAppleのHTML5のデモについて、MozillaのエバンジェリストChristopher Blizzard氏がお怒りのようです。Appleが先走って誓約を裏切ったということでしょうか?

キーワードは『相互運用』
これの示すところは「どのブラウザでも同じように振る舞うこと」ということのようです。
それは、当然そうあって欲しいです。
ユーザーエージェントの振り分けや、CSSハックのような徒労はうんざりです。

ちょっと仕様書を読んだだけで、すべて理解してるとは到底いえませんが・・・
HTML5の目指すところは『video』や『canvas』で見た目にリッチコなンテンツをつくることではなく、情報型の標準化によって、情報を連携させることのようにも感じました。

遅まきながらHTML5の仕様をチェック

金曜日, 6 月 11th, 2010

遅まきながらHTML5の仕様をチェック

http://www.html5.jp/

しばらく放置していたHTML5を少しやる気になってきたので、仕様書を読みはじめました。
いろいろな理想のベースになるものが散りばめられている感じでした。

以下は気になったところ

『getElementByClassName();』
これがあれば、CMSのようなものは限定的な機能だけで済むような気がしました。
これからCMS導入を考えてる人や、提案しょうとしてる人は、一度読んでみた方がいいかも。
jQueryの『.load』と同じようなものかな。

『Web Strage』
おなじみのCookieの進化版のようですが、Cookieみたいに1行のテキストじゃなくて、構造化されたデータをクライアントに保持させることができるみたい・・・。
ボクにはちょっと難しくて使えないかもしれませんが、とても可能性がありそう。
iPadとかのアプリケーションもこれを利用してHTML5でつくれるらしい。

なんか、おもしろそうです。
ウェブサイトの構造が大きく変わってく気がしました。
ウェブサイトの中にたくさんの『ページ』が格納されているというイメージモデルは終わるんですかね。
いままでのデザインのセオリーも大きく見直されることになりそうです。
セマンティックとかに近づいてゆく最初の一歩を感じました。

もっと勉強してみます。

さっそく新しい用語「tabvertising(タバタイジング)」

水曜日, 6 月 9th, 2010

さっそく新しい用語「tabvertising(タバタイジング)」

http://blog.livedoor.jp/takosaburou/archives/50411188.html

広告業界の人はこういう用語つくるの好きですね(笑)
iPadをはじめとする電子リーダー(タブレット)のうえでの広告のことらしいです。

今までのネット広告のようにFlashが使えないことについて楽観的な内容の記事です。
ボクも同感です。Flashでなくてオッケーです。

Flash広告をHTML5やjavascriptで作りかえるのは、もちろん費用もかかるし、なによりデザインをやりなすべきですね。

いまはiPad効果もあって「タバタイジング」のクリック率も高いでしょうが・・・ご祝儀数値だとも思います。
いまは先行層のお金持ちが使ってる状態なので、むしろ今が広告を出すのに一番いい時期かも。

3ヶ月後くらいに「タバタイジング」についての本格的なリポートが出たら、どうなってるでしょか。

米国Appleで Safari 5 がリリースされたようです。

火曜日, 6 月 8th, 2010

米国Appleで Safari 5 がリリース

http://www.apple.com/safari/

さっそくHTM5対応を強化したようです。
javascriptnの実行速度も高速になったようです。
Bing検索オプションはなくてもいいかな(笑)

これで他のブラウザーは周回遅れなった感じです。
特にIEはこれを機会にリタイアしてほしいです(笑)

すでにHTML5のタグでサイトをつくってる人って、どのくらいいるんでしょう。
HTML5でサイトをつくるコツを教えてほしいです。

アップルによるHTML5のデモ

月曜日, 6 月 7th, 2010

アップルによるHTML5のデモ

http://www.apple.com/html5/

appleのHTML5のサポートの本気度を、思い知らされるデモです。
Mac OS 10.6 で最新のSafariだと “VR” もちゃんと見られるようです。

ウェブの制作は、HTML5、CSS3、Javascript というのがスタンダードになっていくようです。
勉強しないと・・・。

この変化は、ウェブから「ページ」という概念をなくしていくような気がします。
ウェブサイトの構造そのものを、変えてゆく変化かもしれません。
気がついたら、自分のつくるものが役に立たないものになっている可能性が・・・。

ちょっと危機感を感じますが、楽しくもあります。
むかしから夢想していたウェブの理想型に近づいていってる感じがします。

まもなくSafariがHTML5をフルサポートするらしい

火曜日, 5 月 18th, 2010

まもなくSafariがHTML5をフルサポートするらしい

http://www.mdn.co.jp/di/newstopics/13213/

スティーブ・ジョブズが質問メールに「Soon.」って返事したかららしいけど・・・。
ホントかな?

Safariは、いまでも最も完成度の高いブラウザーだし、これがホントなら他のブラウザーは周回遅れになる感じです。
(IEは8になっても、まだjavascriptは遅いしCSSの解釈もちょっと変だし)

スティーブ・ジョブズは先日の公開書簡で
『・・・特定のプラットフォームの特徴を活用するのではなく、複数のプラットフォームに共通する最小機能セットしか使えないことになる。・・・』
と言ってます。
Safariが優れたブラウザになってもウェブデザインが最良のプラットフォームで制作できるようになる日は「Soon」というわけではないかも。

充実していくHTML5のデモ

金曜日, 5 月 7th, 2010

充実していくHTML5のデモ

http://www.designer-daily.com/5-awesome-html5-demos-6715

複雑な部分はjavascriptだったりするので「HTML5」と言い切ってしまうのは語弊があるかもしれませんが、
すでに、ここまで・・・と驚かされるHTML5のデモです。
いろいろなデモが充実してきていて、早く触って覚えないと・・・。

HTML5でつくったコンテンツはURLが変わらないから、ブラウザのバックボタンの動きが変わって、最初違和感を感じる。
でも、これこそ「慣れ」なんでしょうね。

こういったデモを見てると、いままでの “ページ” の概念がHTML5で大きく変わっていく感じがします。
技術を覚えるのと一緒にその感覚を理解しないと。