お久しぶりです。すっかりウェブアプリな毎日を過ごしているえーじです。今回はモバイルウェブアプリでこれは！というネタを拾ったのでご紹介。
OpenAppMkt
iPhone向けのサービスです。登録なしで利用できるので、iPhoneをお持ちの方は、取り敢えず試してみてください。
iPhoneでアクセスするといきなり「ホーム画面にブックマーク」しろと出て来るので、やってみます。すると当然ながらホーム画面にアイコンが出現します。問題はここから。
アイコンをクリックして起動してみると、ブラウザではなく、ネイティブアプリらしきものが起動します(!)。これはアプリをインストールするためのアプリなので、試しにFacebookをインストールして、起動してみます。こちらのインストール手順も同じくホーム画面にブックマーク。
Facebookアプリを起動するとこれまた不思議とネイティブアプリらしきものが起動。しかし内容はどう見てもスマートフォン版Facebook・・・。
実はこれ、ウェブアプリなんです。ナビゲーションやメニューを表示していないだけで、Safariが起動している様子。iPhoneでこんな事できたんですね。
モバイルウェブアプリケーション
実際に使ってみると、これだけでユーザーエクスペリエンス(主に気分)が大分違うことに気付くと思います。なぜ今までほとんどのiPhoneウェブアプリがこの方法をとってこなかったのか不思議なくらい。Safariで見るとただのウェブサイトでも、こうしてナビゲーションなしで画面が見えると、普通のアプリとして扱うことにためらいを感じません。
レスポンスもしっかりしているので、動作の軽いアプリであれば、ウェブアプリであることを意識しないで利用できるし、何よりもウェブを作る感覚でiPhone用アプリが作れるのは、ウェブディベロッパーにとって大変ありがたいお話です。これまでの資産を活かすこともできるという意味でも、単純なことながら見逃せないテクニックと言えます。
ここまで来ると、後の問題はディストリビューション。どうやって作ったウェブアプリを配布するか。そこを担うのがOpenAppMktの役割、という訳ですね。ひとことで言えば「iTunes Storeのウェブアプリ版」。あ、これも忘れちゃイヤですけどね。詳細は見ていませんが、課金もできるようです。
HTML5と組み合わせて、究極のウェブアプリを
上記のように、Safariのメニューやステータスバーを消すには、HTMLにapple-mobile-web-app-capableというメタタグを入れるだけで、非常に簡単に実現できるようです。詳細はこちらを御覧ください。
実はこの機能、OS2.1からできていたらしく、僕も小耳に挟んだ記憶はあったのですが、実際に動いているウェブアプリを目にしたのは初めてでした。ある意味この機能が日の目を見るのに、iPhoneはHTML5の登場を待っていた、という部分もあるかもしれません。
例えば、これとApplicationCacheやWeb SQL Databaseを組み合わせたところを想像してみてください。基本的なリソースはAppCacheですべてローカルにキャッシュ。動的なデータは、オフライン時はWeb SQL Databaseに保存、オンラインになったことを検知してクラウドに同期、といった形にすれば、完全にオフラインで動作可能なウェブアプリができあがります。
色々夢が広がってしまって困りますね・・・
このブログで関連すると思われる他の投稿
Comments
Powered by Facebook Comments
RT @agektmr: OpenAppMkt iPhoneでモバイルウェブアプリ – Tender Surrender http://bit.ly/9fGQTn
iPhoneでモバイルウェブアプリ
http://devlog.agektmr.com/ja/archives/714
え、なにこれ。どういう事 http://devlog.agektmr.com/ja/archives/714
RT @_nat: RT @agektmr: 久々にブログった | iPhoneでモバイルウェブアプリ http://bit.ly/cPHbdi
iPhoneでモバイルウェブアプリ http://devlog.agektmr.com/ja/archives/714 OpenAppMktとな、、、よさげだｗ
iPhoneでモバイルウェブアプリ – Tender Surrender http://htn.to/aBf8AY
hatena: iPhoneでモバイルウェブアプリ – Tender Surrender http://bit.ly/bGa7oX
いろんなことを考える人がいるもんだ。と驚く。RT @agektmr iPhoneでモバイルウェブアプリ – Tender Surrender http://bit.ly/cPHbdi
ウェブアプリ学ぼうかしら。／iPhoneでモバイルウェブアプリ – Tender Surrender http://bit.ly/c2yGv8
あれば良いなと思った時にはあるもんだな！iOS向けサービス「OpenAppMkt」。おーぷんあぷりまーけっと。「iPhoneでモバイルウェブアプリ- Tender Surrender」http://bit.ly/9fGQTn ／ http://openappmkt.com/
Wow, wonderful blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your web site is great, as well as the content!
I just like to say it how I see it. Take care.
Next time I read your blog post, I hope that it doesnt disappoint me as much as this. What i’m saying is, I know it was my substitute for read, however actually thought youd have something interesting to say. All I hear is a lot of whining about something that you could fix in case you werent too busy trying to find attention.
I was very happy to seek out this internet-site.I wanted to thanks in your time for this glorious read!! I undoubtedly having fun with each little bit of it and I’ve you bookmarked to take a look at new stuff you weblog post.
WRH Exclusive Aug 11
I just like to say it how I see it. Take care.
Iˇ¦ve been exploring for a little bit for any high-quality articles or weblog posts on this kind of area . Exploring in Yahoo I eventually stumbled upon this site. Reading this info So iˇ¦m happy to convey that I’ve an incredibly just right uncanny feeling I discovered just what I needed. I such a lot certainly will make certain to do not fail to remember this web site and give it a look on a continuing basis.
An additional issue is that video gaming has become one of the all-time most important forms of entertainment for people of nearly every age. Kids participate in video games, plus adults do, too. The XBox 360 has become the favorite video games systems for many who love to have a lot of video games available to them, in addition to who like to learn live with other people all over the world. Thank you for sharing your opinions.