HTML5 の最近のブログ記事

　"縦書き" または "縦書きePub" に関しては、このブログでも随分とこだわり、書いて来た。

◆参照　当ブログでの「縦書き」関連エントリー

　だが、"縦書きePub" については、小手先の技を超えた "Web仕様の改変" でもない限り難しいだろうと薄々想定してきた。
　そして、その "仕様の改変" が "EPUB 3 仕様" の策定というかたちで実現し、その中には "縦書きePub" という念願のテーマも含まれている。
　まだまだ、多くの課題を残してはいるようだが、既に、積極的な開発プロジェクトも動き出しているようである。

　かねがね、 "Flashアニメ" が "iPad/iPhone/iPod touch" などのデバイスでは表示されないことを懸念し続けて来た。多分、多くのウェブ関係者たちも同じ思いであったに違いない。何しろ、現在のウェブサイトのページには数限りない "Flashアニメ" が溢れ返っているからだ。
　そんな折、下記のような報道があった。

―――― ＜FlashアニメをHTML5に変換するツールをGoogleが公開、iPhoneでも表示可能
　米Googleは米国時間2011年6月28日、Flashのコンテンツ（SWFファイル）をHTML5に変換するWebツール「Google Swiffy」を、Google Labsで公開した（写真1）。

　変換結果はGoogleのChromeや米AppleのSafariなど、レンダリングエンジン「WebKit」を搭載するWebブラウザで表示できる。iPhoneやiPadのSafariブラウザにも対応している。例えばFlashコンテンツを提供しているWebサイトが、iPhone/iPadなどFlash非対応の端末にもコンテンツを提供したいといった場合に活用できる。Googleによれば現時点ではゲームのように複雑なコンテンツを変換できるわけではないが、アニメーションなどは変換できるという（写真2）。
　Swiffyでは、アップロードされた任意のSWFファイルからJSON（JavaScript Object Notation）形式のファイルを自動生成する。それをWebブラウザのJavaScriptランタイムが読み込み、ベクター画像フォーマット「SVG」やCSSを利用して元のSWFファイルの内容を再現する仕組みである。＞（ FlashアニメをHTML5に変換するツールをGoogleが公開、iPhoneでも表示可能／ITpro／2011/06/29 ）

　"ePub 電子書籍" の一角に "ナレーション" を埋め込んでみたいとは、常々考えていたところだ。ただ、その "ナレーション" の "音声合成" 音質が、ありありとした "機械音" であるならば、逆に興醒めになるだろうと思案していた。
　だが、昨日紹介したような自然な "音声合成" 音質であるならば、読み手もあながち拒絶しないかもしれない......、と思えた。
　人が本などを読み始める時、ほかの人がどうかは分からないが、自分の場合、何がしかの "スプリング・ボード" のような弾みがつくきっかけがあると読み始め易いのではないかと思って来た。音楽の "イントロ" のような意味合いだとでも言おうか......。

　"ePub 3.0" 仕様のリリースが目前となっているが、その中で、日本語表示の "縦書き" や "ルビふり" が一つの興味ある点であろう。
　ところで、オープンソースの "ePub 変換・エディター Sigil" は、つい先ごろ長い "沈黙(?)" を破り、"Version 0.4.0" へとアップデートされたことは既に書いた。

◆ 参照 ＜ePub変換 Editorの定番の"Sigil"が、"experts"向けに"Version 0.4.0"へアップ！(当誌 2011.06.04)＞
◆ 参照 ＜"Sigil"最新版"Version 0.4.0"は、"experts"向け、現場からの要望に応えるもの? ( 2011.06.03)＞

　その際、さまざまな追加機能があったとは言うものの、"ePub 3.0" や "HTML5( & CSS3)" などの新しい動きに対しては、これと言った特別な対応がなかったかの印象を持ち、幾分か失望したりもしたものであった。
　が、必ずしもそうではなかったのである。
　その発見・認識を促してくれたのは、以下のサイトであった。

◆ 参照 ＜「sigil 0.4 で ruby タグを含む epub ファイルをつくる」／KRAKENBEAL RECORDS／2011/04/24 ＞)

　"WebM" 動画フォーマットやそれへの変換というテーマについては、もはや実践的なレベルでの確認が必要な時期に来ているような気がしている。
　そこで、やや手探りをしながらも、気になる一連の関連事項について、体験的に確認してみることにした。
　ところで、ウェブ上表示の "video" と言えば、かつて "audio" ( "ナレーション" )付きの "video" を力づくで作成したことがあった。

◆参照　＜"ナレーション"付きの"アプリケーション向け動画操作マニュアル"の試作サンプル(当誌 2011.02.18)＞）

　参照していただければお分かりのとおり、"容量" の関係から小さくて見にくい上に、これは "QuickTime Player" という固有のアプリソフトを前提にしたものであった。
　Googleが言うところの「誰もが利用できる無料で高品質なWeb向けビデオフォーマット」ではないわけだ。
　目指すところは、"オープンソース" 系の "video" である。それだからこそ、"WebM" 動画フォーマットが気になるわけなのだ。
　とりあえず、"WebM" 動画フォーマットで作成した "自作サンプル" を吟味していただきたい。(※ ただし、現状で表示可能なブラウザは、"Firefox"、"Google Chrome" などに限られる......)
　ちなみに、"容量" の点では、前述の ".mp4" のそれ未満に圧縮されている。

　かねてより、ウェブページ／電子書籍に "audio/video" を組み込むことへの関心が途切れなかった。しかも、専用の "audio/video" アプリソフトを介してではなく、いわば "オープンソース仕様" でそれを実現したい......、と。
　そんな視点から、当然のごとく "HTML5" における "audio/video" 仕様に関心が向いたものだった。
　したがって、"HTML5" の "audio/video" 仕様を "先取り(?)" したかのような、"iPad/iPhone/iPod touch" での "HTML5" ライクな "audio/video" タグの実動は、非常に興味深く思えた。（ただし、決して "iPad/iPhone/iPod touch" が、全面的な "HTML5" を取り入れていたわけでないことはよく知られている。）

　こうした事情から、"iPad/iPhone/iPod touch" については、"自ら試す" しかないとばかりに、下記のようなたどたどしい試行錯誤も行ってきた。

◆＜"オーディオ埋め込みEPUB電子書籍"制作のコア部分をクリア!/"eCub"が役立った! (当誌 2011.01.17)＞
◆＜"eCub"アプローチを使って、既に自作した"ePub 電子書籍"に"audio"を埋め込む！(当誌 2011.01.21)＞
◆＜"Sigil"で作ったePub電子書籍を元に、"eCub"を利用して"audio/video"を埋め込む(当誌 2011.01.22)＞
◆＜"HTML5"の<audio>タグの使い方/"HTML5"の仕様の詳細には目を通した方が良さそう(当誌 2011.01.23)＞

　いよいよ "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＞)