SlideShare uma empresa Scribd logo
1 de 51
Android版	
  
       	
  
 がリリース1ヶ月で	
  
 アーキテクチャを	
  
根本的に変えたワケ
片岡 直之	
  
@ka,y0324	
  
2002年	
  
 Windows向け	
  
アプリケーション	
  
2003年	
  
iアプリ	
  
2004年	
  
  WEB	
  
交流サイト	
  
2010年	
  
理系専門	
  
辞書サイト
Twi,er連携	
  
 投票サイト
2011年	
  
mixiアプリ	
  
Twi,erの
ユーザー名を	
  
伊達直人に	
  
 するサイト
目覚まし時計
Twi,er向け	
  
グループウェア	
  
ベイズフィルタで	
  
 自動収集する	
  
  コンテンツ	
  
2012年	
  
暇な時に	
  
押すボタン
My365
スマートフォンサービス
ブラウザで作りますか?	
  
 アプリで作りますか?
それとも、	
  
ハイブリッド?
ネイティブ	




          ブラウザ
Facebookのアプリも	
  
   ハイブリッドだ!	
  
     これからは	
  
ハイブリッドがくる!(キリ	
  
2ヶ月後・・・
  ,j;;;;;j,.	
  -­‐-­‐-­‐一、 `  ―-­‐-­‐-­‐、_	
  l;;;;;;	
  	
  
 {;;;;;;ゝ T辷iフ i	
     f‘辷jァ  !i;;;;;  ハイブリッドがくる・・・

  ヾ;;;ハ    ノ       .::!lリ;;r゛ 

   `Z;i   〈.,_..,.      ノ;;;;;;;;>  そんなふうに考えていた時期が

   ,;ぇハ、 、_,.ー-­‐、_',.	
     ,f゛:	
  Y;;f.   俺にもありました

    ~''戈ヽ   `二´	
     r'´:::. `!
という話をしたいと思います。
WEB開発のノウハウが	
  
    利用できる
開発時間が短い
アップデートなしに	
  
内容を書き換えられる
Windows	
  Phoneなど	
  
他デバイスへの拡張が容易
遅い。
作ってみたら	
  
まじで遅かった。	
  
めちゃくちゃ遅かった。
HTMLのレンダリングが遅い。	
  
画像リソースのダウンロードが必要。	
  
  JavaScriptの動作速度が遅い。	
  
 キャッシュ機構が作りこみにくい。
WebViewを	
  
 2枚用意。	
  
読み込むまで	
  
静的なページを	
  
 見せておく。	
  
読み込んだら	
  
リモートのページ
  に差し替え
やっぱり遅い。	
  
ハイブリッド	
     ネイティブ	
  
雑ながら、一連の操作にかかる時間を比較	



ハイブリッド	
     ネイティブ	
  
 1分9秒	
       40秒
Facebookも	
  
 ネイティブ化	
  
しようとしていた。
今、	
  
 スマートフォンで、	
  
サービスを作るなら、	
  
  ネイティブ。	
  
Web若手エンジニアの会(仮)

Mais conteúdo relacionado

Destaque

Web Components 2016 & Polymer v2
Web Components 2016 & Polymer v2Web Components 2016 & Polymer v2
Web Components 2016 & Polymer v2Shogo Sensui
 
Jenkinsを使った初めての継続的インテグレーション
Jenkinsを使った初めての継続的インテグレーションJenkinsを使った初めての継続的インテグレーション
Jenkinsを使った初めての継続的インテグレーションdcubeio
 
覚えて帰ろうJavaデザインパターン
覚えて帰ろうJavaデザインパターン覚えて帰ろうJavaデザインパターン
覚えて帰ろうJavaデザインパターンdcubeio
 
【D3 公開用】ドメイン駆動設計とscala 〜既存プロジェクトへの適用〜
【D3 公開用】ドメイン駆動設計とscala 〜既存プロジェクトへの適用〜 【D3 公開用】ドメイン駆動設計とscala 〜既存プロジェクトへの適用〜
【D3 公開用】ドメイン駆動設計とscala 〜既存プロジェクトへの適用〜 dcubeio
 
Introduction to Resource Hints
Introduction to Resource HintsIntroduction to Resource Hints
Introduction to Resource HintsShogo Sensui
 
成長する組織を支えるシロクの自動化
成長する組織を支えるシロクの自動化成長する組織を支えるシロクの自動化
成長する組織を支えるシロクの自動化Naoyuki Kataoka
 
初心者のためのWeb標準技術
初心者のためのWeb標準技術初心者のためのWeb標準技術
初心者のためのWeb標準技術Shogo Sensui
 
React を導入した フロントエンド開発
React を導入したフロントエンド開発React を導入したフロントエンド開発
React を導入した フロントエンド開発 daisuke-a-matsui
 
Flux react現状確認会
Flux react現状確認会Flux react現状確認会
Flux react現状確認会VOYAGE GROUP
 
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのかなぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのかYoichi Toyota
 
Web フロントエンドの変遷とこれから
Web フロントエンドの変遷とこれからWeb フロントエンドの変遷とこれから
Web フロントエンドの変遷とこれからShogo Sensui
 
簡単、クレカ決済! PAY.JPを使ったクレカ決済の仕組み・開発運用時の考慮点について
簡単、クレカ決済! PAY.JPを使ったクレカ決済の仕組み・開発運用時の考慮点について簡単、クレカ決済! PAY.JPを使ったクレカ決済の仕組み・開発運用時の考慮点について
簡単、クレカ決済! PAY.JPを使ったクレカ決済の仕組み・開発運用時の考慮点についてdcubeio
 
機械学習を支えるX86 64の拡張命令セットを読む会 20170212
機械学習を支えるX86 64の拡張命令セットを読む会 20170212機械学習を支えるX86 64の拡張命令セットを読む会 20170212
機械学習を支えるX86 64の拡張命令セットを読む会 20170212dcubeio
 
おっさんES6/ES2015,React.jsを学ぶ
おっさんES6/ES2015,React.jsを学ぶおっさんES6/ES2015,React.jsを学ぶ
おっさんES6/ES2015,React.jsを学ぶdcubeio
 
エンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けることエンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けること晋 奥山
 
【17-A-L】ママセキュリティエンジニア奮闘記 ~ 子供と一緒にラズパイで遊んでみた♪ ~
【17-A-L】ママセキュリティエンジニア奮闘記 ~ 子供と一緒にラズパイで遊んでみた♪ ~【17-A-L】ママセキュリティエンジニア奮闘記 ~ 子供と一緒にラズパイで遊んでみた♪ ~
【17-A-L】ママセキュリティエンジニア奮闘記 ~ 子供と一緒にラズパイで遊んでみた♪ ~Developers Summit
 
Ansibleで始めるインフラ構築自動化
Ansibleで始めるインフラ構築自動化Ansibleで始めるインフラ構築自動化
Ansibleで始めるインフラ構築自動化dcubeio
 
React native vol3
React native vol3React native vol3
React native vol3dcubeio
 

Destaque (20)

Web Components 2016 & Polymer v2
Web Components 2016 & Polymer v2Web Components 2016 & Polymer v2
Web Components 2016 & Polymer v2
 
Jenkinsを使った初めての継続的インテグレーション
Jenkinsを使った初めての継続的インテグレーションJenkinsを使った初めての継続的インテグレーション
Jenkinsを使った初めての継続的インテグレーション
 
覚えて帰ろうJavaデザインパターン
覚えて帰ろうJavaデザインパターン覚えて帰ろうJavaデザインパターン
覚えて帰ろうJavaデザインパターン
 
【D3 公開用】ドメイン駆動設計とscala 〜既存プロジェクトへの適用〜
【D3 公開用】ドメイン駆動設計とscala 〜既存プロジェクトへの適用〜 【D3 公開用】ドメイン駆動設計とscala 〜既存プロジェクトへの適用〜
【D3 公開用】ドメイン駆動設計とscala 〜既存プロジェクトへの適用〜
 
Introduction to Resource Hints
Introduction to Resource HintsIntroduction to Resource Hints
Introduction to Resource Hints
 
成長する組織を支えるシロクの自動化
成長する組織を支えるシロクの自動化成長する組織を支えるシロクの自動化
成長する組織を支えるシロクの自動化
 
初心者のためのWeb標準技術
初心者のためのWeb標準技術初心者のためのWeb標準技術
初心者のためのWeb標準技術
 
Effective ES6
Effective ES6Effective ES6
Effective ES6
 
React を導入した フロントエンド開発
React を導入したフロントエンド開発React を導入したフロントエンド開発
React を導入した フロントエンド開発
 
Flux react現状確認会
Flux react現状確認会Flux react現状確認会
Flux react現状確認会
 
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのかなぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
 
Web フロントエンドの変遷とこれから
Web フロントエンドの変遷とこれからWeb フロントエンドの変遷とこれから
Web フロントエンドの変遷とこれから
 
簡単、クレカ決済! PAY.JPを使ったクレカ決済の仕組み・開発運用時の考慮点について
簡単、クレカ決済! PAY.JPを使ったクレカ決済の仕組み・開発運用時の考慮点について簡単、クレカ決済! PAY.JPを使ったクレカ決済の仕組み・開発運用時の考慮点について
簡単、クレカ決済! PAY.JPを使ったクレカ決済の仕組み・開発運用時の考慮点について
 
機械学習を支えるX86 64の拡張命令セットを読む会 20170212
機械学習を支えるX86 64の拡張命令セットを読む会 20170212機械学習を支えるX86 64の拡張命令セットを読む会 20170212
機械学習を支えるX86 64の拡張命令セットを読む会 20170212
 
おっさんES6/ES2015,React.jsを学ぶ
おっさんES6/ES2015,React.jsを学ぶおっさんES6/ES2015,React.jsを学ぶ
おっさんES6/ES2015,React.jsを学ぶ
 
エンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けることエンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けること
 
【17-A-L】ママセキュリティエンジニア奮闘記 ~ 子供と一緒にラズパイで遊んでみた♪ ~
【17-A-L】ママセキュリティエンジニア奮闘記 ~ 子供と一緒にラズパイで遊んでみた♪ ~【17-A-L】ママセキュリティエンジニア奮闘記 ~ 子供と一緒にラズパイで遊んでみた♪ ~
【17-A-L】ママセキュリティエンジニア奮闘記 ~ 子供と一緒にラズパイで遊んでみた♪ ~
 
Ansibleで始めるインフラ構築自動化
Ansibleで始めるインフラ構築自動化Ansibleで始めるインフラ構築自動化
Ansibleで始めるインフラ構築自動化
 
Developer Summit 2017
Developer Summit 2017Developer Summit 2017
Developer Summit 2017
 
React native vol3
React native vol3React native vol3
React native vol3
 

Semelhante a Web若手エンジニアの会(仮)

とあるサイボウズのAndroidエンジニアのお仕事
とあるサイボウズのAndroidエンジニアのお仕事とあるサイボウズのAndroidエンジニアのお仕事
とあるサイボウズのAndroidエンジニアのお仕事Cybozu, Inc.
 
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向hideki hasegawa
 
用途に合わせたアニメーションの実装方法
用途に合わせたアニメーションの実装方法用途に合わせたアニメーションの実装方法
用途に合わせたアニメーションの実装方法Takao Sumitomo
 
2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料Eiichi Yoshikawa
 
How to create android's c to c EC APP !
How to create android's c to c EC APP !How to create android's c to c EC APP !
How to create android's c to c EC APP !Saiki Iijima
 
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザインNobuya Sato
 
イマドキのWebアプリの作り方
イマドキのWebアプリの作り方イマドキのWebアプリの作り方
イマドキのWebアプリの作り方Katsumi Honda
 
Androidアプリ開発を楽にするために
Androidアプリ開発を楽にするためにAndroidアプリ開発を楽にするために
Androidアプリ開発を楽にするためにShuichi Takaya
 
OpenID ConnectとAndroidアプリのログインサイクル
OpenID ConnectとAndroidアプリのログインサイクルOpenID ConnectとAndroidアプリのログインサイクル
OpenID ConnectとAndroidアプリのログインサイクルMasaru Kurahayashi
 
Androidが変えたもの
Androidが変えたものAndroidが変えたもの
Androidが変えたものYuki Yamakido
 
スマートコンバートセミナー資料 - 201209
スマートコンバートセミナー資料 - 201209スマートコンバートセミナー資料 - 201209
スマートコンバートセミナー資料 - 201209Yoichiro Shiba
 
HoloLensとさまざまなデバイス連携ドドンドーン
HoloLensとさまざまなデバイス連携ドドンドーンHoloLensとさまざまなデバイス連携ドドンドーン
HoloLensとさまざまなデバイス連携ドドンドーンSatoshi Maemoto
 
#7はじめてのIT勉強会LT
#7はじめてのIT勉強会LT#7はじめてのIT勉強会LT
#7はじめてのIT勉強会LTChinatsu Ozawa
 
スマートフォン最新利用動向とSeesaaのアプリ開発
スマートフォン最新利用動向とSeesaaのアプリ開発スマートフォン最新利用動向とSeesaaのアプリ開発
スマートフォン最新利用動向とSeesaaのアプリ開発Seesaa
 
DECOPICで学んだ海外で通用する企画の考え方
DECOPICで学んだ海外で通用する企画の考え方DECOPICで学んだ海外で通用する企画の考え方
DECOPICで学んだ海外で通用する企画の考え方Ryosuke Matsumoto
 
セキュリティ部、始動!
セキュリティ部、始動!セキュリティ部、始動!
セキュリティ部、始動!Naoya Niwa
 
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスアシアル株式会社
 
【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210
【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210
【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210Osamu Ise
 
20120302第4回IOCJ情報交換会
20120302第4回IOCJ情報交換会20120302第4回IOCJ情報交換会
20120302第4回IOCJ情報交換会infoScoop
 

Semelhante a Web若手エンジニアの会(仮) (20)

とあるサイボウズのAndroidエンジニアのお仕事
とあるサイボウズのAndroidエンジニアのお仕事とあるサイボウズのAndroidエンジニアのお仕事
とあるサイボウズのAndroidエンジニアのお仕事
 
スマートフォン時代に向かうモバイルソーシャルゲームの動向
スマートフォン時代に向かうモバイルソーシャルゲームの動向スマートフォン時代に向かうモバイルソーシャルゲームの動向
スマートフォン時代に向かうモバイルソーシャルゲームの動向
 
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
 
用途に合わせたアニメーションの実装方法
用途に合わせたアニメーションの実装方法用途に合わせたアニメーションの実装方法
用途に合わせたアニメーションの実装方法
 
2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料
 
How to create android's c to c EC APP !
How to create android's c to c EC APP !How to create android's c to c EC APP !
How to create android's c to c EC APP !
 
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
 
イマドキのWebアプリの作り方
イマドキのWebアプリの作り方イマドキのWebアプリの作り方
イマドキのWebアプリの作り方
 
Androidアプリ開発を楽にするために
Androidアプリ開発を楽にするためにAndroidアプリ開発を楽にするために
Androidアプリ開発を楽にするために
 
OpenID ConnectとAndroidアプリのログインサイクル
OpenID ConnectとAndroidアプリのログインサイクルOpenID ConnectとAndroidアプリのログインサイクル
OpenID ConnectとAndroidアプリのログインサイクル
 
Androidが変えたもの
Androidが変えたものAndroidが変えたもの
Androidが変えたもの
 
スマートコンバートセミナー資料 - 201209
スマートコンバートセミナー資料 - 201209スマートコンバートセミナー資料 - 201209
スマートコンバートセミナー資料 - 201209
 
HoloLensとさまざまなデバイス連携ドドンドーン
HoloLensとさまざまなデバイス連携ドドンドーンHoloLensとさまざまなデバイス連携ドドンドーン
HoloLensとさまざまなデバイス連携ドドンドーン
 
#7はじめてのIT勉強会LT
#7はじめてのIT勉強会LT#7はじめてのIT勉強会LT
#7はじめてのIT勉強会LT
 
スマートフォン最新利用動向とSeesaaのアプリ開発
スマートフォン最新利用動向とSeesaaのアプリ開発スマートフォン最新利用動向とSeesaaのアプリ開発
スマートフォン最新利用動向とSeesaaのアプリ開発
 
DECOPICで学んだ海外で通用する企画の考え方
DECOPICで学んだ海外で通用する企画の考え方DECOPICで学んだ海外で通用する企画の考え方
DECOPICで学んだ海外で通用する企画の考え方
 
セキュリティ部、始動!
セキュリティ部、始動!セキュリティ部、始動!
セキュリティ部、始動!
 
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
 
【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210
【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210
【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210
 
20120302第4回IOCJ情報交換会
20120302第4回IOCJ情報交換会20120302第4回IOCJ情報交換会
20120302第4回IOCJ情報交換会
 

Web若手エンジニアの会(仮)