スマートフォンアプリ開発のクロスプラットフォーム戦略

84
スマートフォン アプリ開発の クロスプラット フォーム 戦略 2011-08-04 SHIOYA, Hiromu / @kwappa スマートフォンアプリエンジニア ライトニングトーク交流会

Upload: hiromu-shioya

Post on 24-May-2015

16.911 views

Category:

Technology


0 download

DESCRIPTION

2011-08-04カヤック「スマートフォンアプリエンジニア ライトニングトーク交流会」Lightning Talk「スマートフォンアプリ開発のクロスプラットフォーム戦略」by kwappa

TRANSCRIPT

Page 1: スマートフォンアプリ開発のクロスプラットフォーム戦略

スマートフォンアプリ開発のクロスプラットフォーム戦略

2011-08-04 SHIOYA, Hiromu / @kwappaスマートフォンアプリエンジニア ライトニングトーク交流会

Page 2: スマートフォンアプリ開発のクロスプラットフォーム戦略

スマートフォンアプリ開発のクロスプラットフォーム戦略

2011-08-04 SHIOYA, Hiromu / @kwappaスマートフォンアプリエンジニア ライトニングトーク交流会

まずはそのふざけた幻想をぶち壊す

Page 3: スマートフォンアプリ開発のクロスプラットフォーム戦略

こんばんは!

Page 4: スマートフォンアプリ開発のクロスプラットフォーム戦略

kwappa

SHIOYA, Hiromu塩谷 啓 http://www.kwappa.net/

Page 5: スマートフォンアプリ開発のクロスプラットフォーム戦略
Page 6: スマートフォンアプリ開発のクロスプラットフォーム戦略

a programmer

a drunk a fond parent

Page 7: スマートフォンアプリ開発のクロスプラットフォーム戦略

提供ネットでつながる。

エンターテイメントでつながる。

Page 8: スマートフォンアプリ開発のクロスプラットフォーム戦略

エンジニア募集!

http://info.dwango.co.jp/recruit/

Page 9: スマートフォンアプリ開発のクロスプラットフォーム戦略

話したいこと

Page 10: スマートフォンアプリ開発のクロスプラットフォーム戦略
Page 11: スマートフォンアプリ開発のクロスプラットフォーム戦略

クロスプラットフォーム開発という幻想

Page 12: スマートフォンアプリ開発のクロスプラットフォーム戦略

要求

Page 13: スマートフォンアプリ開発のクロスプラットフォーム戦略

クロスプラットフォーム?

Page 14: スマートフォンアプリ開発のクロスプラットフォーム戦略

クロスプラットフォーム?

Page 15: スマートフォンアプリ開発のクロスプラットフォーム戦略

クロスプラットフォーム?

同じアプリを開発したい

Page 16: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

Page 17: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

機能

Page 18: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

機能UI

Page 19: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

ソース機能

UI

Page 20: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

機能

Page 21: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

機能•同じ価値を提供

Page 22: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

機能•同じ価値を提供•UIは違ってもよい

Page 23: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

機能•同じ価値を提供•UIは違ってもよい•例:乗換案内

Page 24: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

Page 25: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

Page 26: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

UI

Page 27: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

UI

•同じ価値を提供

Page 28: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

UI

•同じ価値を提供•同じUI (…を目指す)

Page 29: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

UI

•同じ価値を提供•同じUI (…を目指す)•例:美人天気

Page 30: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

Page 31: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

Page 32: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

ソース

Page 33: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

ソース

Page 34: スマートフォンアプリ開発のクロスプラットフォーム戦略

「同じ」?

ソース

最近はどっちもジャバスクでできるんだろ?

Page 35: スマートフォンアプリ開発のクロスプラットフォーム戦略

幻想

Page 36: スマートフォンアプリ開発のクロスプラットフォーム戦略
Page 37: スマートフォンアプリ開発のクロスプラットフォーム戦略

手法

Page 38: スマートフォンアプリ開発のクロスプラットフォーム戦略

ネイティブ

ソース

機能

UI

Page 39: スマートフォンアプリ開発のクロスプラットフォーム戦略

ネイティブ

ソース

機能

UI

Page 40: スマートフォンアプリ開発のクロスプラットフォーム戦略

ネイティブ

ソース

機能

UI

Page 41: スマートフォンアプリ開発のクロスプラットフォーム戦略

ネイティブ

ソース

機能

UI

Page 42: スマートフォンアプリ開発のクロスプラットフォーム戦略

ネイティブ

ソース

機能

UI• パフォーマンスがよい

Page 43: スマートフォンアプリ開発のクロスプラットフォーム戦略

ネイティブ

ソース

機能

UI• パフォーマンスがよい• 開発コストが大きい

Page 44: スマートフォンアプリ開発のクロスプラットフォーム戦略

ネイティブ

ソース

機能

UI• パフォーマンスがよい• 開発コストが大きい• Objective-C / Java

Page 45: スマートフォンアプリ開発のクロスプラットフォーム戦略

Titanium Mobile

ソース

機能

UI

Page 46: スマートフォンアプリ開発のクロスプラットフォーム戦略

Titanium Mobile

ソース

機能

UI

Page 47: スマートフォンアプリ開発のクロスプラットフォーム戦略

Titanium Mobile

ソース

機能

UI

Page 48: スマートフォンアプリ開発のクロスプラットフォーム戦略

Titanium Mobile

ソース

機能

UI

Page 49: スマートフォンアプリ開発のクロスプラットフォーム戦略

Titanium Mobile

ソース

機能

UI• パフォーマンスがよい

Page 50: スマートフォンアプリ開発のクロスプラットフォーム戦略

Titanium Mobile

ソース

機能

UI• パフォーマンスがよい• UIは違う

Page 51: スマートフォンアプリ開発のクロスプラットフォーム戦略

Titanium Mobile

ソース

機能

UI• パフォーマンスがよい• UIは違う• JavaScript

Page 52: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGap

ソース

機能

UI

Page 53: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGap

ソース

機能

UI

Page 54: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGap

ソース

機能

UI

Page 55: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGap

ソース

機能

UI

Page 56: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGap

ソース

機能

UI• パフォーマンスはいまいち

Page 57: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGap

ソース

機能

UI• パフォーマンスはいまいち• HTML5 + CSS3

Page 58: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGap

ソース

機能

UI• パフォーマンスはいまいち• HTML5 + CSS3• JavaScript

Page 59: スマートフォンアプリ開発のクロスプラットフォーム戦略
Page 60: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGap

Page 61: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGapとは

Page 62: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGapとは

•HTMLをWebKitで表示

Page 63: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGapとは

•HTMLをWebKitで表示•ネイティブへのアクセス

Page 64: スマートフォンアプリ開発のクロスプラットフォーム戦略

PhoneGapとは

•HTMLをWebKitで表示•ネイティブへのアクセス•豊富なUIライブラリ

Page 65: スマートフォンアプリ開発のクロスプラットフォーム戦略

未来かと思ったら

Page 66: スマートフォンアプリ開発のクロスプラットフォーム戦略

パフォーマンス…

orz

Page 67: スマートフォンアプリ開発のクロスプラットフォーム戦略

まとめ

Page 68: スマートフォンアプリ開発のクロスプラットフォーム戦略

まとめ

当初の

Page 69: スマートフォンアプリ開発のクロスプラットフォーム戦略

適材適所

Page 70: スマートフォンアプリ開発のクロスプラットフォーム戦略

ところが

Page 71: スマートフォンアプリ開発のクロスプラットフォーム戦略
Page 72: スマートフォンアプリ開発のクロスプラットフォーム戦略

速!

Page 73: スマートフォンアプリ開発のクロスプラットフォーム戦略
Page 74: スマートフォンアプリ開発のクロスプラットフォーム戦略

iPhone 3GSCortex-A8/600MHz

Page 75: スマートフォンアプリ開発のクロスプラットフォーム戦略

iPhone 3GSCortex-A8/600MHz

Xperia arcSnapdragon 1GHz

Page 76: スマートフォンアプリ開発のクロスプラットフォーム戦略

iPhone4Cortex-A8/1GHz

iPhone 3GSCortex-A8/600MHz

Xperia arcSnapdragon 1GHz

Page 77: スマートフォンアプリ開発のクロスプラットフォーム戦略

iPhone4Cortex-A8/1GHz

iPhone 3GSCortex-A8/600MHz

Xperia arcSnapdragon 1GHz

Galaxy S IIXMM6260 1.2GHz

Page 78: スマートフォンアプリ開発のクロスプラットフォーム戦略

iPhone4Cortex-A8/1GHz

iPhone 3GSCortex-A8/600MHz

Xperia arcSnapdragon 1GHz

Galaxy S IIXMM6260 1.2GHz

Dual Core

Page 79: スマートフォンアプリ開発のクロスプラットフォーム戦略

まとめ

Page 80: スマートフォンアプリ開発のクロスプラットフォーム戦略

まとめ

現在の

Page 81: スマートフォンアプリ開発のクロスプラットフォーム戦略

ムーアの法則が未来を連れてくる

Page 82: スマートフォンアプリ開発のクロスプラットフォーム戦略
Page 83: スマートフォンアプリ開発のクロスプラットフォーム戦略

幻想も使いよう

Page 84: スマートフォンアプリ開発のクロスプラットフォーム戦略

幻想も使いよう

2011-08-04 SHIOYA, Hiromu / @kwappaスマートフォンアプリエンジニア ライトニングトーク交流会

thank you for listening!