HTML5 ~よくわからないけど言葉だけはよく聞きます~

20
HTML5 ~よくわからないけど言葉だけはよく聞きます~ 1

Transcript of HTML5 ~よくわからないけど言葉だけはよく聞きます~

Page 1: HTML5 ~よくわからないけど言葉だけはよく聞きます~

HTML5~よくわからないけど言葉だけはよく聞きます~

1

Page 2: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Who am I ?• 名前:平野裕介

• twitter:u_s_k

• 会社:KCCS。でも今日は個人で来てます。

• Android関係の企画等を3年ほどやっていました。 元々Web開発してましたが、 ブランクあります。HTML5をdisりに来ました。

怒られたので秘密

2

Page 3: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Why HTML5?• 現在、iPhone・Android端末におけるアプリケーション市場は拡大してはい

るが、同時に多くの課題が存在する。例えば携帯端末以外(PCやSTBなど)においても情報の連携が必要となるなど、マルチプラットフォーム化が進んできているが、それに伴う開発者の負担や、ハイスペック化によるメーカの端末開発コスト、ユーザの維持コストの増大、マーケットの氾濫、機能過多によるユーザストレスによる利用離れなどが懸念される。そういった中で、それらの一つの解決策として「HTML5」がある。ブラウザさえ動作すれば、プラットフォームを超えた動作が可能であり、かつネイティブに近いアプリケーションの作りこみも可能ではないかと期待される。またブラウザというトリガはUIとしてもシンプルである。しかしながら、実際に開発していくうえで発生した問題や、今後のあるべき姿について、認識のかい離があるのではと懸念がある。

3

Page 4: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Comes now Industry

• HTML5なら、機種依存とかマルチPFとかの開発が楽になるのでは?

• パフォーマンス改善がされてきたので、ネイティブアプリに負けないのでは?

• しかし、実際には多くの課題があるのでは?

4

Page 5: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Multi Platform

5

Page 6: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Multi Platform• ブラウザ差分も多いし、解像度問題は依然存在するし、パフォーマンスも違いすぎるし、しばらくは解決にはならない。

6

Page 7: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Performance• CPU/GPU/ブラウザに依存するため、チューニングしても、どの端末でも同じように見えるとは限らない。

7

Page 8: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Some problem• 仕様の確定しないHTML5、端末、マーケット、課金、コンテンツ保護…

8

Page 9: HTML5 ~よくわからないけど言葉だけはよく聞きます~

来る、きっと来る• AndroidとiPhoneとOperaとFireFoxとDolphinと

Chrome、当然OperaとFireFoxとChromeはPCモバイル両対応で。IEも忘れないでね。会社だと未だにIE6のところもあるから、IE6~IE9も対応で見積りよろしく。HTML5ならブラウザ動けばいいし、安く上がるよね。なんでこんなに見積り高いのもっと安くしてよ。

9

Page 10: HTML5 ~よくわからないけど言葉だけはよく聞きます~

ウウウオアアー!!10

Page 11: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Stop the HTML5!• HTML5に過度な期待はしない

• ネイティブアプリで出来ることがHTMLで出来るようになっても、ユーザ体験は変わらない。

• でも下地の技術としては必須スキルになる。

11

Page 12: HTML5 ~よくわからないけど言葉だけはよく聞きます~

Stop the HTML5!• HTML5に過度な期待はしない

• ネイティブアプリで出来ることがHTMLで出来るようになっても、ユーザ体験は変わらない。

• でも下地の技術としては必須スキルになる。

わりと重要

11

Page 13: HTML5 ~よくわからないけど言葉だけはよく聞きます~

それでもHTML5

可能性を諦めない

12

Page 14: HTML5 ~よくわからないけど言葉だけはよく聞きます~

例えば• ネイティブアプリで出来ることがHTMLで出来るようになっても、ユーザ体験は変わらない。

13

Page 15: HTML5 ~よくわからないけど言葉だけはよく聞きます~

• HTMLでネイティブアプリと変わらないユーザ体験を届ける事ができる。

14

Page 16: HTML5 ~よくわからないけど言葉だけはよく聞きます~

アプローチは色々• Sencha:HTML5+JavaScriptのWebフレームワーク

• JSX:JavaScriptベースコンパイル言語

• enchant.js:HTML5+JavaScriptゲームエンジン

• PhoneGap:HTML5+JavaScriptのNativeアプリ開発フレームワーク

15

Page 17: HTML5 ~よくわからないけど言葉だけはよく聞きます~

マーケット的にもGoogle Play・有料アプリの障壁が高い

・AppStoreほどではないが、突然削除される

・機種依存が多く、管理が煩雑になる

AppStore・アプリ仕様の制約(FLASH禁止やUI制限)が大きい・リリースに時間がかかる、コントロールしづらい

・突然削除される・勝手サイトでのアプリ配布(野良アプリ)が不可

きっと抜け出せるチャンスが!16

Page 18: HTML5 ~よくわからないけど言葉だけはよく聞きます~

例えば

Boot to Gecko(B2G)は、定期的にオープンミーティングをやっているので、参加してみたり!オープンソースのライブラリにコミットしてみたり!

17

Page 19: HTML5 ~よくわからないけど言葉だけはよく聞きます~

エコシステムの早期構築現時点においては、まだHTML5環境は構築され始めたばかりなので、コミットしていくチャンスがある。PF、端末、開発環境、マーケット、ユーザなど、これから作られる大きなサイクル構築のため、情報の集約・各方面へのコミット・開発環境の推進。

HTML5で何が出来るか → HTML5に何が出来るか

18

Page 20: HTML5 ~よくわからないけど言葉だけはよく聞きます~

May the HTML5 be with you.

ご清聴ありがとうございました!

19