Enviar pesquisa
Carregar
HTML5 ~よくわからないけど言葉だけはよく聞きます~
•
0 gostou
•
381 visualizações
Yusuke Hirano
Seguir
@tomo_watanabe さん主催の #mobile5 での発表資料です。
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 20
Baixar agora
Baixar para ler offline
Recomendados
The return of Mobile5 #mobile5
The return of Mobile5 #mobile5
Yusuke Hirano
Platform.html5
Platform.html5
Masakazu Muraoka
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
Masakazu Muraoka
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
マークアップの作業効率をあげよう!
マークアップの作業効率をあげよう!
Mitsuo Kawashima
非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか
Masakazu Muraoka
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Masakazu Muraoka
初めてのプラグイン開発で学んだ教訓
初めてのプラグイン開発で学んだ教訓
Yuki Okamoto
Recomendados
The return of Mobile5 #mobile5
The return of Mobile5 #mobile5
Yusuke Hirano
Platform.html5
Platform.html5
Masakazu Muraoka
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
Masakazu Muraoka
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
マークアップの作業効率をあげよう!
マークアップの作業効率をあげよう!
Mitsuo Kawashima
非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか
Masakazu Muraoka
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Masakazu Muraoka
初めてのプラグイン開発で学んだ教訓
初めてのプラグイン開発で学んだ教訓
Yuki Okamoto
人の言うことを簡単に信じるな!
人の言うことを簡単に信じるな!
Mitsuo Kawashima
コメントビューア Nway
コメントビューア Nway
jz5 MATSUE
CakePHPとYii_エンジニア勉強会20130820
CakePHPとYii_エンジニア勉強会20130820
エンジニア勉強会 エスキュービズム
Browser oh browser browser
Browser oh browser browser
Teppei Sato
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
Chieko Aihara
非エンジニア向けHTML勉強会その1
非エンジニア向けHTML勉強会その1
Karino Kyohei
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Takashi Uemura
Zeca Pagodinho
Zeca Pagodinho
Luciane Lira
Connections Roundtable 3
Connections Roundtable 3
Sasja Beerendonk
2013 03-18 - fotos semana afetos - be and
2013 03-18 - fotos semana afetos - be and
O Ciclista
Linguagem de especialidade
Linguagem de especialidade
claudia murta
Mediación su
Mediación su
opastor
OLPC en el mundo
OLPC en el mundo
Ricardo Hu
VPRO maakt Gids interactief met Layar
VPRO maakt Gids interactief met Layar
LeolovesSlideShare
Metodos
Metodos
Diego Torres
2014 09-07 - ler e aprender gn sec - mar - sofia pedrosa
2014 09-07 - ler e aprender gn sec - mar - sofia pedrosa
O Ciclista
第四章 串
第四章 串
Wang Yizhe
Madeira2010
Madeira2010
Lorian
2013 12-09 - oea - turma 8ºf - víctor
2013 12-09 - oea - turma 8ºf - víctor
O Ciclista
Transito
Transito
an28ge06li19ca
Trabalho de literatura webquest
Trabalho de literatura webquest
claudia murta
2012 04-18 - receita matilde
2012 04-18 - receita matilde
O Ciclista
Mais conteúdo relacionado
Mais procurados
人の言うことを簡単に信じるな!
人の言うことを簡単に信じるな!
Mitsuo Kawashima
コメントビューア Nway
コメントビューア Nway
jz5 MATSUE
CakePHPとYii_エンジニア勉強会20130820
CakePHPとYii_エンジニア勉強会20130820
エンジニア勉強会 エスキュービズム
Browser oh browser browser
Browser oh browser browser
Teppei Sato
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
Chieko Aihara
非エンジニア向けHTML勉強会その1
非エンジニア向けHTML勉強会その1
Karino Kyohei
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Takashi Uemura
Mais procurados
(7)
人の言うことを簡単に信じるな!
人の言うことを簡単に信じるな!
コメントビューア Nway
コメントビューア Nway
CakePHPとYii_エンジニア勉強会20130820
CakePHPとYii_エンジニア勉強会20130820
Browser oh browser browser
Browser oh browser browser
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
非エンジニア向けHTML勉強会その1
非エンジニア向けHTML勉強会その1
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Destaque
Zeca Pagodinho
Zeca Pagodinho
Luciane Lira
Connections Roundtable 3
Connections Roundtable 3
Sasja Beerendonk
2013 03-18 - fotos semana afetos - be and
2013 03-18 - fotos semana afetos - be and
O Ciclista
Linguagem de especialidade
Linguagem de especialidade
claudia murta
Mediación su
Mediación su
opastor
OLPC en el mundo
OLPC en el mundo
Ricardo Hu
VPRO maakt Gids interactief met Layar
VPRO maakt Gids interactief met Layar
LeolovesSlideShare
Metodos
Metodos
Diego Torres
2014 09-07 - ler e aprender gn sec - mar - sofia pedrosa
2014 09-07 - ler e aprender gn sec - mar - sofia pedrosa
O Ciclista
第四章 串
第四章 串
Wang Yizhe
Madeira2010
Madeira2010
Lorian
2013 12-09 - oea - turma 8ºf - víctor
2013 12-09 - oea - turma 8ºf - víctor
O Ciclista
Transito
Transito
an28ge06li19ca
Trabalho de literatura webquest
Trabalho de literatura webquest
claudia murta
2012 04-18 - receita matilde
2012 04-18 - receita matilde
O Ciclista
第1回Git勉強会
第1回Git勉強会
kunimiya
Van der Valk inspiratiesessie
Van der Valk inspiratiesessie
Internative
ხათუნა
ხათუნა
xatunakaxize
FD620K1
FD620K1
huayuliang
Texto alvarez
Texto alvarez
claudia murta
Destaque
(20)
Zeca Pagodinho
Zeca Pagodinho
Connections Roundtable 3
Connections Roundtable 3
2013 03-18 - fotos semana afetos - be and
2013 03-18 - fotos semana afetos - be and
Linguagem de especialidade
Linguagem de especialidade
Mediación su
Mediación su
OLPC en el mundo
OLPC en el mundo
VPRO maakt Gids interactief met Layar
VPRO maakt Gids interactief met Layar
Metodos
Metodos
2014 09-07 - ler e aprender gn sec - mar - sofia pedrosa
2014 09-07 - ler e aprender gn sec - mar - sofia pedrosa
第四章 串
第四章 串
Madeira2010
Madeira2010
2013 12-09 - oea - turma 8ºf - víctor
2013 12-09 - oea - turma 8ºf - víctor
Transito
Transito
Trabalho de literatura webquest
Trabalho de literatura webquest
2012 04-18 - receita matilde
2012 04-18 - receita matilde
第1回Git勉強会
第1回Git勉強会
Van der Valk inspiratiesessie
Van der Valk inspiratiesessie
ხათუნა
ხათუნა
FD620K1
FD620K1
Texto alvarez
Texto alvarez
Semelhante a HTML5 ~よくわからないけど言葉だけはよく聞きます~
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Masakazu Muraoka
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Katsuaki Sato
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
Monaca
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
Monaca
開発事例に学ぶHtml5アプリのポイント
開発事例に学ぶHtml5アプリのポイント
Monaca
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Monaca
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
Masakazu Muraoka
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
Monaca
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
Monaca
Html5超入門
Html5超入門
Monaca
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Akihiro Sugiyama
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Monaca
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
vaccho
Attractive HTML5
Attractive HTML5
Sho Ito
静岡Web制作界隈 ゆく年くる年 2012
静岡Web制作界隈 ゆく年くる年 2012
Yasuhito Yabe
パンダの会 Html5概説
パンダの会 Html5概説
Masakazu Muraoka
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Mitsuru Katoh
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
Hiroshi Kawada
Semelhante a HTML5 ~よくわからないけど言葉だけはよく聞きます~
(20)
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
開発事例に学ぶHtml5アプリのポイント
開発事例に学ぶHtml5アプリのポイント
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
Html5超入門
Html5超入門
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
Attractive HTML5
Attractive HTML5
静岡Web制作界隈 ゆく年くる年 2012
静岡Web制作界隈 ゆく年くる年 2012
パンダの会 Html5概説
パンダの会 Html5概説
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
Último
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Último
(7)
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
HTML5 ~よくわからないけど言葉だけはよく聞きます~
1.
HTML5 ∼よくわからないけど言葉だけはよく聞きます∼
1
2.
Who am I
? • 名前:平野裕介 • twitter:u_s_k • 会社:KCCS。でも今日は個人で来てます。 怒られたので秘密 • Android関係の企画等を3年ほどやっていまし た。 元々Web開発してましたが、 ブランクあ ります。HTML5をdisりに来ました。 2
3.
Why HTML5? •
現在、iPhone・Android端末におけるアプリケーション市場は拡大してはい るが、同時に多くの課題が存在する。例えば携帯端末以外(PCやSTBな ど)においても情報の連携が必要となるなど、マルチプラットフォーム化 が進んできているが、それに伴う開発者の負担や、ハイスペック化による メーカの端末開発コスト、ユーザの維持コストの増大、マーケットの氾 濫、機能過多によるユーザストレスによる利用離れなどが懸念される。そ ういった中で、それらの一つの解決策として「HTML5」がある。ブラウザ さえ動作すれば、プラットフォームを超えた動作が可能であり、かつネイ ティブに近いアプリケーションの作りこみも可能ではないかと期待され る。またブラウザというトリガはUIとしてもシンプルである。しかしなが ら、実際に開発していくうえで発生した問題や、今後のあるべき姿につい て、認識のかい離があるのではと懸念がある。 3
4.
Comes now Industry •
HTML5なら、機種依存とかマルチPFとかの開 発が楽になるのでは? • パフォーマンス改善がされてきたので、ネイ ティブアプリに負けないのでは? • しかし、実際には多くの課題があるのでは? 4
5.
Multi Platform
5
6.
Multi Platform •
ブラウザ差分も多いし、解像度問題は依然存 在するし、パフォーマンスも違いすぎるし、 しばらくは解決にはならない。 6
7.
Performance •
CPU/GPU/ブラウザに依存するため、チューニ ングしても、どの端末でも同じように見える とは限らない。 7
8.
Some problem •
仕様の確定しないHTML5、端末、マーケッ ト、課金、コンテンツ保護… 8
9.
来る、きっと来る •
AndroidとiPhoneとOperaとFireFoxとDolphinと Chrome、当然OperaとFireFoxとChromeはPCモ バイル両対応で。IEも忘れないでね。会社だと 未だにIE6のところもあるから、IE6∼IE9も対 応で見積りよろしく。HTML5ならブラウザ動 けばいいし、安く上がるよね。なんでこんな に見積り高いのもっと安くしてよ。 9
10.
ウウウオアアー!!
10
11.
Stop the HTML5! •
HTML5に過度な期待はしない • ネイティブアプリで出来ることがHTMLで出来る ようになっても、ユーザ体験は変わらない。 • でも下地の技術としては必須スキルになる。 11
12.
Stop the HTML5!
わりと重要 • HTML5に過度な期待はしない • ネイティブアプリで出来ることがHTMLで出来る ようになっても、ユーザ体験は変わらない。 • でも下地の技術としては必須スキルになる。 11
13.
それでもHTML5
可能性を諦めない 12
14.
例えば •
ネイティブアプリで出来ることがHTMLで出来 るようになっても、ユーザ体験は変わらない。 13
15.
•
HTMLでネイティブアプリと 変わらないユーザ体験を届 ける事ができる。 14
16.
アプローチは色々 •
Sencha:HTML5+JavaScriptのWebフレームワーク • JSX:JavaScriptベースコンパイル言語 • enchant.js:HTML5+JavaScriptゲームエンジン • PhoneGap:HTML5+JavaScriptのNativeアプリ開発フ レームワーク 15
17.
マーケット的にも Google Play ・有料アプリの障壁が高い ・AppStoreほどではないが、突然削除される ・機種依存が多く、管理が煩雑になる AppStore ・アプリ仕様の制約(FLASH禁止やUI制限)が大きい ・リリースに時間がかかる、コントロールしづらい ・突然削除される ・勝手サイトでのアプリ配布(野良アプリ)が不可 きっと抜け出せるチャンスが!
16
18.
例えば Boot to Gecko(B2G)は、定期的にオープンミーティン グをやっているので、参加してみたり! オープンソースのライブラリにコミットしてみたり!
17
19.
エコシステムの早期構築 現時点においては、まだHTML5環境は構築され始めたば かりなので、コミットしていくチャンスがある。 PF、端末、開発環境、マーケット、ユーザなど、これか ら作られる大きなサイクル構築のため、情報の集約・各 方面へのコミット・開発環境の推進。 HTML5で何が出来るか → HTML5に何が出来るか
18
20.
May the HTML5
be with you. ご清聴ありがとうございました! 19
Baixar agora