組み込みエンジニアから見たモバイル開発環境の変遷

112
モバイル開発環境の 組み 込み エン ジニ から 見た @kojira

description

関西Firefox OS勉強会 3rd GIG

Transcript of 組み込みエンジニアから見たモバイル開発環境の変遷

Page 1: 組み込みエンジニアから見たモバイル開発環境の変遷

モバイル開発環境の

組み込み

エンジニアから

見た

変遷@kojira

Page 2: 組み込みエンジニアから見たモバイル開発環境の変遷

自己紹介

Page 3: 組み込みエンジニアから見たモバイル開発環境の変遷

名古屋出身の0x26歳の組み込み系エンジニア

Page 4: 組み込みエンジニアから見たモバイル開発環境の変遷

AndroidのSDKリリースを契機に人生が変わった

Page 5: 組み込みエンジニアから見たモバイル開発環境の変遷

2007/11/12Android SDKが発表された当日にAndroid情報まとめwiki開設

Page 6: 組み込みエンジニアから見たモバイル開発環境の変遷

2008/02/05Armadillo-500にAndroidを

ポーティング、Youtubeにビデオ公開

Page 7: 組み込みエンジニアから見たモバイル開発環境の変遷

2008/02/21Android情報ブログを開設、ポーティング方法を公開

Page 8: 組み込みエンジニアから見たモバイル開発環境の変遷

2008/04/25日本初開催のGoogle Android SDK Hackathonに参加

Page 9: 組み込みエンジニアから見たモバイル開発環境の変遷

2008/05/11大阪で初のAndroid勉強会開催

(Armadillo-500へのポーティングハンズオン)

Page 10: 組み込みエンジニアから見たモバイル開発環境の変遷

中略

Page 11: 組み込みエンジニアから見たモバイル開発環境の変遷

2009/12/01開発に携わったAndroidアプリ「スポットメッセージ」が

ADC2のソーシャル部門で入賞

Page 12: 組み込みエンジニアから見たモバイル開発環境の変遷

2010年Android温泉グループ創設、

Androidなんとか部をいっぱい作る

Page 13: 組み込みエンジニアから見たモバイル開発環境の変遷

Androidなんとか部

Page 14: 組み込みエンジニアから見たモバイル開発環境の変遷

2010/09/04執筆、取りまとめをした「Android Hacks」がオライリー社より出版

Page 15: 組み込みエンジニアから見たモバイル開発環境の変遷

2010/09/28Google developer day 2010 TokyoでRIC Android(Android

型Android)を展示。

Page 16: 組み込みエンジニアから見たモバイル開発環境の変遷

2010/11/09Google developer day 2010 ミュンヘンでRIC Android展示

Page 17: 組み込みエンジニアから見たモバイル開発環境の変遷

2010/11/16Google developer day 2010 プラハでRIC Android展示

Page 18: 組み込みエンジニアから見たモバイル開発環境の変遷

後略

Page 19: 組み込みエンジニアから見たモバイル開発環境の変遷

本題へ

Page 20: 組み込みエンジニアから見たモバイル開発環境の変遷

モバイルの開発環境の変遷

Page 21: 組み込みエンジニアから見たモバイル開発環境の変遷

2000年頃

Page 22: 組み込みエンジニアから見たモバイル開発環境の変遷

統合開発環境?

Page 23: 組み込みエンジニアから見たモバイル開発環境の変遷

エディタがIDEです。( ー`дー´)キリッ

Page 24: 組み込みエンジニアから見たモバイル開発環境の変遷

秀丸

Page 25: 組み込みエンジニアから見たモバイル開発環境の変遷

WZ Editor

Page 26: 組み込みエンジニアから見たモバイル開発環境の変遷

MIFES

Page 27: 組み込みエンジニアから見たモバイル開発環境の変遷

今みたいにアプリのデバッグでブレークポイントで止めることもできた

Page 28: 組み込みエンジニアから見たモバイル開発環境の変遷

できたにはできたが

Page 29: 組み込みエンジニアから見たモバイル開発環境の変遷

JTAG、ICEなど高価な機材とソフトが必要だった

Page 30: 組み込みエンジニアから見たモバイル開発環境の変遷

数百人の開発フロアに数台しかない

Page 31: 組み込みエンジニアから見たモバイル開発環境の変遷

セットアップにも手間がかかる

Page 32: 組み込みエンジニアから見たモバイル開発環境の変遷

配線間違えるとぶっ壊れる

Page 33: 組み込みエンジニアから見たモバイル開発環境の変遷

結局ログでデバッグ

Page 34: 組み込みエンジニアから見たモバイル開発環境の変遷

コードを修正してコンパイル

Page 35: 組み込みエンジニアから見たモバイル開発環境の変遷

ヘッダをいじっちゃうとフルコンパイルに1時間以上

Page 36: 組み込みエンジニアから見たモバイル開発環境の変遷

アプリのコードを修正してコンパイル

Page 37: 組み込みエンジニアから見たモバイル開発環境の変遷

アプリのヘッダしかいじってないのにフルコンパイルに1時間以上

Page 38: 組み込みエンジニアから見たモバイル開発環境の変遷

実機にバイナリを焼くのに20分

Page 39: 組み込みエンジニアから見たモバイル開発環境の変遷

「あー、あそこにログ入れるの忘れてたー\(^o^)/」

Page 40: 組み込みエンジニアから見たモバイル開発環境の変遷

ログを追加してコンパイル

Page 41: 組み込みエンジニアから見たモバイル開発環境の変遷

勢い余ってヘッダをいじっちゃうとフルコンパイルに1時間以上

Page 42: 組み込みエンジニアから見たモバイル開発環境の変遷

実機にバイナリを焼くのに20分

Page 43: 組み込みエンジニアから見たモバイル開発環境の変遷

コンパイラのフローティングライセンス不足でコンパイルできないことも。

Page 44: 組み込みエンジニアから見たモバイル開発環境の変遷

あ、Visual C++ありましたよ

Page 45: 組み込みエンジニアから見たモバイル開発環境の変遷

でもエミュレーター

Page 46: 組み込みエンジニアから見たモバイル開発環境の変遷

開発者が善意で作ったエミュレーター

Page 47: 組み込みエンジニアから見たモバイル開発環境の変遷

善意でメンテ。

Page 48: 組み込みエンジニアから見たモバイル開発環境の変遷

実機と挙動がぜんぜん違う

Page 49: 組み込みエンジニアから見たモバイル開発環境の変遷

増加するエミュレータのための#ifdef

Page 50: 組み込みエンジニアから見たモバイル開発環境の変遷

増え続ける機種毎のdefine

Page 51: 組み込みエンジニアから見たモバイル開発環境の変遷

ますます混乱する#ifdef

Page 52: 組み込みエンジニアから見たモバイル開発環境の変遷

もはやどっちのコードが有効かわからない

Page 53: 組み込みエンジニアから見たモバイル開発環境の変遷

そこに颯爽と現れたBREW

Page 54: 組み込みエンジニアから見たモバイル開発環境の変遷

公式シミュレータがある

Page 55: 組み込みエンジニアから見たモバイル開発環境の変遷

ちゃんとメンテされる

Page 56: 組み込みエンジニアから見たモバイル開発環境の変遷

それなりに実機に近い挙動

Page 57: 組み込みエンジニアから見たモバイル開発環境の変遷

Visual C++で開発できてブレークポイントも張れる

Page 58: 組み込みエンジニアから見たモバイル開発環境の変遷

でもやっぱり実機必要

Page 59: 組み込みエンジニアから見たモバイル開発環境の変遷

シミュレータの切り分けのifdefはなくならない

Page 60: 組み込みエンジニアから見たモバイル開発環境の変遷

アプリのヘッダ変更でフルコンパイルは減った!

ヽ(´▽`)ノ

Page 61: 組み込みエンジニアから見たモバイル開発環境の変遷

※なくなってません

Page 62: 組み込みエンジニアから見たモバイル開発環境の変遷

そこに颯爽と登場したのがSymbian

Page 63: 組み込みエンジニアから見たモバイル開発環境の変遷

MOAP(S)※MOAP(L)の経験はありません

Page 64: 組み込みエンジニアから見たモバイル開発環境の変遷

シミュレータもある

Page 65: 組み込みエンジニアから見たモバイル開発環境の変遷

シミュレータでブレークポイントも張れる

Page 66: 組み込みエンジニアから見たモバイル開発環境の変遷

アプリだけでビルドできるし、アプリ間の依存関係が希薄

Page 67: 組み込みエンジニアから見たモバイル開発環境の変遷

Eclipseベースの開発環境

Page 68: 組み込みエンジニアから見たモバイル開発環境の変遷

これはいける!いけるぞぉー!!

Page 69: 組み込みエンジニアから見たモバイル開発環境の変遷

アプリとシミュレータは別ビルド

Page 70: 組み込みエンジニアから見たモバイル開発環境の変遷

まあ今までもそうだった問題ない。

Page 71: 組み込みエンジニアから見たモバイル開発環境の変遷

ブラウザのバージョンアップのお知らせ

Page 72: 組み込みエンジニアから見たモバイル開発環境の変遷

フルコンパイル\(^o^)/

Page 73: 組み込みエンジニアから見たモバイル開発環境の変遷

コンパイルエラー/(^o^)\

Page 74: 組み込みエンジニアから見たモバイル開発環境の変遷

俺のアプリ、ブラウザ使ってないよ?

Page 75: 組み込みエンジニアから見たモバイル開発環境の変遷

プラットフォームが悪いんじゃない設計者が悪いんやー

Page 76: 組み込みエンジニアから見たモバイル開発環境の変遷

そう思っていた時期がボクにもありました

Page 77: 組み込みエンジニアから見たモバイル開発環境の変遷

2007年11月

Page 78: 組み込みエンジニアから見たモバイル開発環境の変遷

颯爽と現れたAndroid

Page 79: 組み込みエンジニアから見たモバイル開発環境の変遷

こ、こいつは本物だ

Page 80: 組み込みエンジニアから見たモバイル開発環境の変遷

エミュレータはCPUからエミュレートしてる

Page 81: 組み込みエンジニアから見たモバイル開発環境の変遷

アプリをいくらいじってもフルコンパイルにならない!

Page 82: 組み込みエンジニアから見たモバイル開発環境の変遷

エミュレータと実機が同じビルド

Page 83: 組み込みエンジニアから見たモバイル開発環境の変遷

当たり前のことがアタリマエに実装されてやがる

Page 84: 組み込みエンジニアから見たモバイル開発環境の変遷

本者

Page 85: 組み込みエンジニアから見たモバイル開発環境の変遷

全部無料で開発環境が構築可能!

Page 86: 組み込みエンジニアから見たモバイル開発環境の変遷

個人でもアプリ開発可能!

Page 87: 組み込みエンジニアから見たモバイル開発環境の変遷

実機にアプリを転送するのも数秒

Page 88: 組み込みエンジニアから見たモバイル開発環境の変遷

実機でブレークポイント張れる

Page 89: 組み込みエンジニアから見たモバイル開発環境の変遷

JTAG、ICEとは何だったのか

Page 90: 組み込みエンジニアから見たモバイル開発環境の変遷

開発環境のソースコードも公開!

Page 91: 組み込みエンジニアから見たモバイル開発環境の変遷

これは組み込みのモバイル開発が乗っ取られる

Page 92: 組み込みエンジニアから見たモバイル開発環境の変遷

まさにそうなった現在

Page 93: 組み込みエンジニアから見たモバイル開発環境の変遷

また新たな開発環境が

Page 94: 組み込みエンジニアから見たモバイル開発環境の変遷

クロスプラットフォーム開発

Page 95: 組み込みエンジニアから見たモバイル開発環境の変遷

Adobe AIRCorona

DragonRadJo HTML5 Mobile App Framework

KonyLiveCodeMarmaladeMonoTouchMoSync

openFrameworksOpenPlugPhoneGap

QtRhoMobile

Sencha TouchSproutcore

Titanium MobileUnity

Wink ToolkitWorklightXamarin

XDK(appMobi)

Page 96: 組み込みエンジニアから見たモバイル開発環境の変遷

大杉!

Page 97: 組み込みエンジニアから見たモバイル開発環境の変遷

もはやどれを使えばいいかわからん

Page 98: 組み込みエンジニアから見たモバイル開発環境の変遷

2011年冬Boot to Gecko誕生

Page 99: 組み込みエンジニアから見たモバイル開発環境の変遷

Androidが踏み台

Page 100: 組み込みエンジニアから見たモバイル開発環境の変遷
Page 101: 組み込みエンジニアから見たモバイル開発環境の変遷

2012年冬Firefox OSに改名

Page 102: 組み込みエンジニアから見たモバイル開発環境の変遷

広がるHTML5

Page 103: 組み込みエンジニアから見たモバイル開発環境の変遷

進むWebとの融合

Page 104: 組み込みエンジニアから見たモバイル開発環境の変遷

組み込み開発者に求められるWeb開発知識

Page 105: 組み込みエンジニアから見たモバイル開発環境の変遷

JavaScriptLua

Node.jsAngularJSasm.js

Backbone.jsCommonJSEmscriptenFlightjQuerySwiffy

TypeScript

Page 106: 組み込みエンジニアから見たモバイル開発環境の変遷

なるほどわからん

Page 107: 組み込みエンジニアから見たモバイル開発環境の変遷

Web開発の統合開発環境

Page 108: 組み込みエンジニアから見たモバイル開発環境の変遷

EclipseCoda

DreamweaverAptana StudioNetBeansIntelliJ

WebStorm

Page 109: 組み込みエンジニアから見たモバイル開発環境の変遷

なるほどわからん

Page 110: 組み込みエンジニアから見たモバイル開発環境の変遷
Page 111: 組み込みエンジニアから見たモバイル開発環境の変遷

Firefox OSIDE早く・・・

Page 112: 組み込みエンジニアから見たモバイル開発環境の変遷

糸冬。