Enviar búsqueda
Cargar
完全負け組なモバイルWebが、これから復活する(多分)
•
267 recomendaciones
•
53,518 vistas
Hiroshi Kawada
Seguir
Googleさんならきっと、やってくれる(多分)
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 60
Descargar ahora
Descargar para leer sin conexión
Recomendados
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
Developers Summit
SIMD.js(ECMAScript 7)
SIMD.js(ECMAScript 7)
Hiroshi Kawada
モバイルWebアプリのこれまでとこれから
モバイルWebアプリのこれまでとこれから
dsuke Takaoka
これからのモバイルWebと最新動向
これからのモバイルWebと最新動向
yoshikawa_t
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
次世代Web業務アプリケーション
次世代Web業務アプリケーション
Fumio SAGAWA
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
Taisuke Fukuno
Recomendados
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか?
Developers Summit
SIMD.js(ECMAScript 7)
SIMD.js(ECMAScript 7)
Hiroshi Kawada
モバイルWebアプリのこれまでとこれから
モバイルWebアプリのこれまでとこれから
dsuke Takaoka
これからのモバイルWebと最新動向
これからのモバイルWebと最新動向
yoshikawa_t
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
次世代Web業務アプリケーション
次世代Web業務アプリケーション
Fumio SAGAWA
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
はじめてのモバイルウェブアプリ 1
はじめてのモバイルウェブアプリ 1
Taisuke Fukuno
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
オフラインWebアプリケーションのつくりかた
オフラインWebアプリケーションのつくりかた
Shumpei Shiraishi
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Hideki Akiba
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
Shinichi Tomita
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
Monaca
はじめてのモバイルウェブアプリ 2
はじめてのモバイルウェブアプリ 2
Taisuke Fukuno
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
Staffnet_Inc
Ionicでハイブリッドアプリ入門①
Ionicでハイブリッドアプリ入門①
Tomokatsu Iguchi
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Osamu Monoe
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Shinichiro Yoshida
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
アシアル株式会社
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Shuichi Takaya
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
Monaca
SPAを実現するために必要な通信技術
SPAを実現するために必要な通信技術
Yusuke Naka
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
Monaca
WEBがネイティブに勝つために - kaumoCTOMeetup(いっちマン)
WEBがネイティブに勝つために - kaumoCTOMeetup(いっちマン)
icchiman
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Katsuaki Sato
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
Masakazu Muraoka
Más contenido relacionado
La actualidad más candente
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
オフラインWebアプリケーションのつくりかた
オフラインWebアプリケーションのつくりかた
Shumpei Shiraishi
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Hideki Akiba
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
Shinichi Tomita
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
Monaca
はじめてのモバイルウェブアプリ 2
はじめてのモバイルウェブアプリ 2
Taisuke Fukuno
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
Staffnet_Inc
Ionicでハイブリッドアプリ入門①
Ionicでハイブリッドアプリ入門①
Tomokatsu Iguchi
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Osamu Monoe
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
Shinichiro Yoshida
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
アシアル株式会社
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Shuichi Takaya
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
Monaca
SPAを実現するために必要な通信技術
SPAを実現するために必要な通信技術
Yusuke Naka
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
Monaca
WEBがネイティブに勝つために - kaumoCTOMeetup(いっちマン)
WEBがネイティブに勝つために - kaumoCTOMeetup(いっちマン)
icchiman
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
La actualidad más candente
(20)
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
オフラインWebアプリケーションのつくりかた
オフラインWebアプリケーションのつくりかた
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
はじめてのモバイルウェブアプリ 2
はじめてのモバイルウェブアプリ 2
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
Ionicでハイブリッドアプリ入門①
Ionicでハイブリッドアプリ入門①
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
~新しい着回しと出会おう~ 『XZ(クローゼット)』 を支える技術 -Cordova編-
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
SPAを実現するために必要な通信技術
SPAを実現するために必要な通信技術
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
WEBがネイティブに勝つために - kaumoCTOMeetup(いっちマン)
WEBがネイティブに勝つために - kaumoCTOMeetup(いっちマン)
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Similar a 完全負け組なモバイルWebが、これから復活する(多分)
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Katsuaki Sato
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
Masakazu Muraoka
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
Yusuke Hirano
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
Yusuke Hirano
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Masakazu Muraoka
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
アシアル株式会社
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Monaca
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Monaca
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
第8回業開中心会議 「Windows 10 ユニバーサルアプリの概要」
第8回業開中心会議 「Windows 10 ユニバーサルアプリの概要」
Yasuhiko Yamamoto
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
Masakazu Muraoka
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
Takashi Endo
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
Atsushi Harada
デブサミ2011 LT大会【17-E-7】appengine ja night
デブサミ2011 LT大会【17-E-7】appengine ja night
bluerabbit777jp
HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)
Microsoft
【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)
【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)
Developers Summit
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
力也 伊原
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Monaca
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
Similar a 完全負け組なモバイルWebが、これから復活する(多分)
(20)
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
第8回業開中心会議 「Windows 10 ユニバーサルアプリの概要」
第8回業開中心会議 「Windows 10 ユニバーサルアプリの概要」
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
デブサミ2011 LT大会【17-E-7】appengine ja night
デブサミ2011 LT大会【17-E-7】appengine ja night
HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)
【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)
【14-C-L】「開発手法は変えない」windowsフォームとまったく同じ手法でwebアプリを開発(森谷勝〔グレープシティ〕)
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Último
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
Último
(9)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
完全負け組なモバイルWebが、これから復活する(多分)
1.
完全負け組なモバイルWebが • • •
• • これから復活する(多分) 「The Next Generation Mobile Web(Google I/O 2015)」レポート 第58回HTML5とか勉強会 2015.6.13 Performance on RAIL Service Workers Push & Notification
2.
ふろしき モバイルWebばっかりエンジニア ・html5jパフォーマンス部 ・日本Cordovaユーザー会 - 自己紹介 -
3.
モバイルWeb
4.
ダメダメ過ぎて 生きるのが辛い… Java Swift HTML5
5.
なぜ、ダメダメ?
6.
ダメダメな理由 - その1 ブックマークが役に立たない
7.
デスクトップPC ノートPC 個々のアプリの機能は大きく 一つで多くのユースケースのカバー アプリ ユース ケース ユース ケース ユース ケース
8.
デスクトップPC ノートPC ブラウザのブックマーク機能は PC上のアプリの扱われ方と相性が良かった ブラウザ Web サイト Web サイト Web サイト
9.
モバイル しかし、モバイルは 一つアプリ≒一つのユースケース アプリ アプリ アプリ ユース ケース ユース ケース ユース ケース ≒ ≒ ≒
10.
モバイル ブラウザのブックマーク機能は モバイルのアプリの使われ方と合わない アプリ ブラウザ アプリ Web サイト Web サイト Web サイト 遠い… 遠い… 遠い…
11.
ダメダメな理由 - その2 閉じられたら何もできない
12.
PCは使う時だけ起動されていた ブラウザも同じタイミングで起動された デスクトップPC ノートPC 作業中 作業無し アプリ停止アプリ起動 PC停止PC起動
13.
PCとその上のアプリは ライフタイムが殆ど変わらなかった デスクトップPC ノートPC 作業中 作業無し ブラウザ閉じるブラウザ開く PC停止PC起動
14.
モバイルは常に起動されユーザに寄り添い アプリもまた、常時ユーザと寄り添う モバイル 作業中 作業無し アプリ起動 モバイル起動 作業復活 通知!
15.
しかし、Webは閉じられたら何もできない モバイルの使われ方とは合わない 作業中 作業無し ブラウザ開く モバイル起動 作業復活 ならず!! ブラウザ閉じる モバイル
16.
ダメダメな理由 - その3 パフォーマンスが悪い
17.
デスクトップPC ノートPC PCはハードウェアも通信リソースも潤沢 Webのオーバヘッドも吸収できる
18.
モバイル モバイルは省エネが求められ制限が多い Webのオーバヘッドは時に邪魔になる
19.
Webはモバイルに 向いていないというのか… けど、けど我々はッ
20.
Webという自由な世界で 人々にサービスを 提供し続けたい!!
21.
Googleはその答えを探っているようです The Next Generation
Mobile Web Google I/O 2015
22.
モバイルに適したWebを作るために 開発者が行うべき3つのこと Mobile UI モバイルに適したUISTEP.1 Mobile Lifetime モバイルに適したライフタイム STEP.2 Mobile
Performance モバイルに適したパフォーマンス STEP.3 User Contents
23.
STEP.1 Mobile UI モバイルに適したUIでWebを扱おう!!
24.
ホームスクリーンへ ランチャーアイコンを配置し Web Web アプリ アプリ ほげほげ ふがふが ぴよぴよ
ふーばー
25.
アイコンをタップ時には モバイル専用のUIで起動させよう!! ほげほげ ふがふが ぴよぴよ
ふーばー ぴよぴよ
26.
どうやって!?
27.
Web Application Manifest ・WebアプリでモバイルUIを 扱うためのWeb標準。 ・Apache
Cordovaで慣らされ ManifoldJSでも使われる。 ・Chrome M39(2014.10)からは、 ホームスクリーン起動時にも利用可に!! http://www.w3.org/TR/appmanifest/
28.
Add to Home
Screen manifest.json ほげほげ ふがふが ぴよぴよ ふーばー index.html ・タイトル ・リンク先URL ・IconファイルURL ・UI制限 参照
29.
index.html <!DOCTYPE html> <html lang="ja"> <head> <meta
charset="utf-8"> <meta name="viewport" content="width=device-width"> <link rel="manifest" href="manifest.json"> <title>ぴよぴよ</title> ・・・ Chrome M39+
30.
manifest.json Chrome M39+ { "name": "Manifest
Sample", "icons": [ { "src": "launcher-icon-0-75x.png", "sizes": "36x36", "type": "image/png", "density": "0.75" }, ], "start_url": "index.html", "display": "standalone", "orientation": "landscape" } … ← iconファイルURL ← 開始URL ← ブラウザUIの有無 ← 縦/横の制限
31.
index.html <!DOCTYPE html> <html lang="ja"> <head> <meta
charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta name="mobile-web-app-capable" content="yes"> <link rel="icon" sizes="192x192" href="/icon.png"> <title>ぴよぴよ</title> ・・・ Chrome M31∼M38 (一昔前のやり方)
32.
https://developer.chrome.com/multidevice/android/installtohomescreen
33.
STEP.2 Mobile Lifetime Webをモバイルに適したライフタイムで動かそう!!
34.
Notification Are The Next
Platform. — Anish Acharya, TechCrunch これからのプラットフォームは 通知機能だ!!
35.
ブラウザが閉じられても バックグラウンドで待機させて ぴよぴよ ほげほげ ふがふが ぴよぴよ
ふーばー
36.
何か起きた時に ユーザへそれを通知しよう!! ぴよぴよ 5分前 【悲報】あなたがいつになってもAPI 22 を使ってくれないから、ドロイド君が グレてしまったようです。
37.
どうやって!?
38.
Service Workers
39.
Service Workers バックグラウンドでイベントを受付けて 何かしらの処理を実行できるWeb標準。 http://www.w3.org/TR/service-workers/ Push API http://www.w3.org/TR/push-api/ プッシュサービスからのプッシュイベントを 受付けて、メッセージを読み込めるWeb標準。 Notifications
API https://notifications.spec.whatwg.org/ モバイルの通知を実現するLiving Standard。 Permission APIの仕様が固まるとWeb標準になる?
40.
プッシュ サービス ネットワーク push events ① clear push subscription ③ ぴよぴよ 5分前 【悲報】あなたがいつになってもAPI
22 を使ってくれないから、ドロイド君が グレてしまったようです。 通知画面 Service Workers ブラウザが閉じていても 裏で動いている show notification ②
41.
https://developers.google.com/web/updates/2015/03/ push-notificatons-on-the-open-web
42.
https://developers.google.com/web/updates/2015/03/ push-notificatons-on-the-open-web 時代はBackground Syncですね ごめんなさい。
43.
STEP.3 Mobile Performance モバイルに適したパフォーマンスにチューンしよう!!
44.
When is performance ‘good
enough’? When the user can’t perceive it. — Don Draper 十分なパフォーマンスとは ユーザがそれを意識しないことである
45.
どうやって!?
46.
ブラウザの中の人は モバイルWebを速くしようと戦っている!! Oil-pan Discardable memory TurboFan CSS Writer
rewrite Slimming Paint Intelligent session restore DOM serialization Scheduler SaneScript SoundScript Fast line layout Ganesh Code caching Script Streaming Service Worker IndexedDB Optimization image-rendering:pixelated Media power reduction Animated GIF optimization Memory Coordinator Remove Animated GIF paint storm Unified BeginFrame Scheduling Threaded GPU Rasterization Partial Swap
47.
RAIL 開発者が実践すべきことは Webのパフォーマンスモデル
48.
RAIL R : Reaction,
Response A : Animation I : Idle L : Load これでユーザは、ストレスフリーになれる!!
49.
R : Reactionは100ms未満で!
50.
A : Animationは16.67ms未満で!
51.
I : Idleは50ms未満で!
52.
L : Loadは1,000ms未満で!
53.
もっと詳しく!?
54.
大好評連載中 http://gihyo.jp/dev/serial/01/web-rail
55.
最後に
56.
モバイルWebの未来はダメダメじゃない 希望を持って生きようじゃないか!! 1. モバイルに適したUIを! Web Application
Manifest/Add to Homescreen 2. モバイルに適したライフタイムを! ServiceWorkers/Notification/Push 3. モバイルに適したパフォーマンスを! Performance on RAIL
57.
ほげほげ ふがふが ぴよぴよ
ふーばー 入り口は ホームスクリーンから Service Workers Web サーバー Push サービス アセット (キャッシュ) ① メッセージ ②③ ④ 通知 HTMLアプリを 送っておく Push パフォーマンスはRAILで!! モバイルWebの未来はダメダメじゃない 希望を持って生きようじゃないか!!
58.
フラグメントの問題が 解決されたらね…
59.
Googleさん 期待しています!!
60.
Thank You! ふろしき @_furoshiki
Descargar ahora