いよいよ "HTML5" (と "CSS 3" )の時代到来かとの意を強めさせるものがあった。
グーグルが制作・提供する "HTML5" で作成されデジタルWeb絵本<「ブラウザやウェブについて知っておきたい20のこと」>のことである。HTML5で作成されてので、Google Chrome ほか Firefox などのHTML5に対応したWebブラウザーで閲覧できる。
先ずは、その報道記事を見ておく。
<グーグルがHTML5で作ったWeb絵本を公開
グーグルは2011年6月3日、WebブラウザーやHTML5、JavaScriptなどのWeb関連技術について解説したデジタルWeb絵本「ブラウザやウェブについて知っておきたい20のこと」(写真)の提供を開始した。HTML5で作成されており、Google ChromeなどのHTML5に対応したWebブラウザーで閲覧できる。
同Web絵本では、HTMLやJavaScript、CSS(Cascading Style Sheets)といったWebページを構成する基本要素/技術や、IPアドレスとDNS(Domain Name System)などインターネットの基盤技術、クラウドコンピューティングやWebブラウザーのセキュリティ対策などWeb関連の技術について初心者向けに幅広く解説している。HTML5の機能を活用し、実際にページをめくって本を読む感覚や絵本のカバーの質感などを体感できる。
グーグルによれば、同Web絵本はChromeチームが作成したといい、作成に使った技術については米グーグルの開発者向けWebサイト「Google code」にてオープンソースとして公開しているという。 >(<グーグルがHTML5で作ったWeb絵本を公開 /ITpro/2011/06/03>)
「仕事にすぐ効く! HTML5 読本」 |
当該の "デジタルWeb絵本" のサイトへ向かってみると、確かに表示が "リッチ" な雰囲気である。ただ、"HTML5" の世界に精通しないと、一体どこが "HTML5" 水準独自なものかは了解しにくい。
ちなみに、"ページのソース" を覗いてみると、最上段の冒頭に "<!DOCTYPE html>" と、このスクリプトが "HTML5" で書かれているという宣言がなされているのがわかる。
で、"絵本を開く" をクリックすると、おっと、"iPad" ではなくブラウザであるのに、あの "ページめくり" のアニメーションが実行されるではないか。さらに、ポインターをページの右端に置き、"iPad" に対してのあの "ページめくり" と同様の動作をポインターで試みてみると、な、なんと、しなやかな形でページがめくられて行く......。
決して "HTML5" がもたらす表現の "リッチ" さはこれに尽きるものではなさそうだが、それらへの予感を彷彿とさせて余りあるように思えた。
このコンテンツの "隅々" を丹念に点検して行くならば、"HTML5" がブラウザ上でどんな斬新な表現を可能とさせるのかが、手っ取り早く実感できるのではないかと思えたわけだ。
また、この "デジタルWeb絵本" は、"内容面" でもかなり興味深いものが盛り込まれている。
<「20 Things I Learned About Browsers and the Web(ブラウザやウェブについて知っておきたい 20 のこと)」は、ブラウザやウェブの基本について興味がある方向けの楽しいガイドブックです。次のような内容で構成されています。
まず、ウェブが存在するための基礎の基礎、インターネットについて説明します。クラウド コンピューティングやウェブ アプリを通じて、現在のウェブがどんな風に使われているのかにも目を向けます。
次に、HTML や JavaScript などのウェブページ構成要素を紹介し、この発明と進化が現在のウェブサイトをどのように変えてきたかについて説明します。また、最新のブラウザの機能や、ウェブに安全にアクセスできるようにするための機能について説明します。
最後に、ブラウザやウェブ テクノロジーが今後どんな風に進化していくかについて考えます。近い将来、今よりもっと高速で、さらにリアルなオンライン体験ができるようになるでしょう。>(上記サイト「まえがき」)
なお、<目次>には以下のような興味深い項目がラインアップされている。
<その 1 インターネットとは
その 2 クラウドコンピューティング
その 3 ウェブアプリ
その 4 HTML,JavaScript,CSS......
その 5 HTML5
その 6 ブラウザでの3D
その 7 ブラウザ抒情詩
その 8 プラグイン
その 9 ブラウザの拡張機能
その10 ブラウザの同期
その11 ブラウザのCookie
その12 ブラウザとプライバシー
その13 不正なソフトウェア、フィッシング、セキュリティリスク
その14 最新ブラウザでの不正ソフトウェアとフィッシングの防止方法
その15 ウェブアドレスをチェックして安全をキープ
その16 IPアドレスとDNS
その17 オンラインで身元確認
その18 より速いウェブへの進化
その19 オープンソースとブラウザ
その20 19のことの次にくるのは......>
というようなわけで、このサイトは、これから "HTML5" (と "CSS 3" ) を活用してウェブサイトを構築して行こうとする者たちへの力強い "エール" のように思える...... (2011.06.05
コメントする