HTML5ウェブアプリの威力を実感できるオフラインデモ 【増田(@maskin)真樹】

• About
• Latest Posts

maskin

Editor In Chief at TechWave.jp

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

Latest posts by maskin (see all)

• 「ソラコム」がスイングバイIPOを実現、東証グロース市場上場承認 - 2024-02-22
• （更新）結果速報 LAUNCHPAD SEED#IVS2023 #IVS #IVS @IVS_Official - 2023-03-09
• 「始動 Next Innovator 2022」締め切りは9月5日（月）正午ー経産省・JETRO主催のイノベーター育成プログラム #始動2022 - 2022-09-01

[読了時間:2分]

　HTML5でやれることが増加してきた。今後の標準化と各主要ブラウザの対応度合いによって、ウェブアプリケーションの可能性が飛躍的に向上するであろうが「どうせウェブはウェブ、オンラインにならないと使えないわけで、いつでも起動できるネイティブアプリにはかなわない」という人も多い。しかし、それは大きな間違いだ。

　例えば、このHTML5で書かれた「Migrations Map(移民者動向地図) 」を見て欲しい。世界地図から国を選択すれば、そこからの移住者の動きをグラフィカルに把握することができるというもの。全ての国の情報をチェックできる膨大なデータを持つウェブアプリだが、実は一度読み込みをすればオフラインでも利用できてしまうのだ。

　これはHTML5のウェブストレージという技術を活用したもの。同様のものに今も使用されているCookieがあるが、ウェブストレージの場合はドメインごとに5Mバイト程度という大きなデータをローカル側に保存できるとされている。どれくらいの容量を保存できるかは、ブラウザの対応度合い等によって左右されるが、Cookieのおよそ4KBとは比較にならないほどのサイズ。ネイティブアプリ(スマートフォン専用の開発環境で作成したいわゆる普通のアプリ)も数MBのものが多いが、それに匹敵するデータをローカルに保存することができる。

　ローカルに保存できるということは、ウェブアプリをスマートフォンのメニューに登録して、あたかもネイティブアプリのように起動できるということに他ならない。この「Migrations Map」のように自動でデータを更新してくれたりするため、ネイティブアプリのような「アップデート」の手間がなくなったりする利点だってある。

　また、このウェブアプリの右下に上のようなアイコンが並んでいるのをおわかりいただけるだろうか。これはHTML5の技術対応度合いを示す機能を果たしており、非常に多くの機能に対応したHTML5ウェブアプリあということを伺い知ることができる。ソースコードも公開されているので、来るべきHTML5時代に向けチェックしてみては如何だろうか。

【関連URL】
・Migrations Map: Where are migrants coming from? Where have migrants left?.
http://migrationsmap.net/
・W3C – 『Web Storage』日本語訳 – HTML5.JP

蛇足：僕はこう思ったッス
早期からHTML5後の市場の可能性について少しずつ触れてきたつもりだったが、大きな潮流が生まれていて「待った」もないような状態になっている。確かにネイティブで時間をかけてアプリを作って売れもしないのであれば、HTML5ベースのマルチプラットフォームで独自決済で展開したっていいわけだ。