SlideShare uma empresa Scribd logo
1 de 30
Baixar para ler offline
iPhone/Android アプリを
まとめて省エネ開発する技術
      開発部 柴田 一帆
自己紹介

• 柴田   一帆(@vaccho)

• 2008年新卒入社


• 大学院卒、情報工学専攻


• サイボウズ     Live という Web サービスの開発を担当

 • iPhone/Android   アプリの開発も担当
サイボウズLiveとは
iPhone/Android アプリ
• Android: 約   15,000 ユーザ

• iPhone: 約   25,000 ユーザ

 • 仕事効率化カテゴリで1位!
今日はこれの開発で利用した技術
    の話をします
iPhone と Android は五分五分




  http://www.m2ri.jp/newsreleases/main.php?
           id=010120110510500
iPhone と Android で
       同じアプリを提供したい

• OS   は違っても同じように使われているスマートフォン

• iPhone   アプリの33%は Android アプリでも入手可能

 • http://japan.internet.com/webtech/20120605/2.html
それぞれのアプリの作り方

•   iPhone

    •   Apple の用意した SDK を利用、言語は Objective-C

    •   IDE は Xcode

•   Android

    •   Google の用意した SDK を利用、言語は Java

    •   IDE は Eclipse
つまりバラバラ
それぞれの環境で同じものを
2つ作らなければいけない
そんなのはイヤだ


• 学習コストがかかる


• 開発コストがかかる


• メンテナンスコストがかかる
そこで、まとめて楽するための
          技術を紹介します



• タイトル「iPhone/Android   アプリをまとめて省エネ開発
 する技術」
まとめて開発するには?

•   実現してくれるツールが世の中にはある

    •   まとめて開発したい人は多い

•   大きくわけて2つの方法

    •   画面の作成にネイティブ SDK を使わない方法

    •   ネイティブ SDK の呼び出しをよろしくやってくれる方法
ネイティブ SDK を使わない

• 代表的なツールは        PhoneGap

• iPhone   と Android で Web ページの表示は同じことに着
 目

• Web   ページの作成と同じように画面を作る

 • HTML、CSS、JavaScript
ネイティブ SDK の呼び出しを
         よろしくやってくれる
• 代表的なツールは Titanium


• JavaScript   で実装すると内部で SDK を呼び出してくれる

• JavaScript   で画面を作成するコードを書いたら、iPhone/
 Android それぞれにあわせて SDK を呼び出して実現し
 てくれる
どっちがいいの?

•   UI が自然になるのは Titanium

    •   HTML5 や jQuery Mobile などの進化もすごいのでそのうち差
        はなくなるかもだけど

•   学習コストが低いのは PhoneGap

    •   Web アプリ開発の知識をフル活用できるので

•   決着はついていないが、サイボウズLiveでは Titanium を採用
サイボウズLiveでの実例
 iPhone   Android
サイボウズLiveでの実例
 iPhone   Android
サイボウズLiveでの実例

• Titanium   によって同じ画面が作れている

• 一部は自動的にプラットフォームにあわせてくれてる


 • 「戻る」方法や一覧の見出し


• 一部はコードによって表示を変えている


 • iPhone    はツールバー、Android はメニューにボタン
Titanium は良いところばかり?
そんなことはない
Titanium でツライところ

•   バッドノウハウが多い、基本的に試行錯誤

    •   隠    されて便利な分、手が届かない

    •   ドキュメントもあまり整っていない

        •   改善されつつはある

    •   「Titanium で開発することは Titanium をハックすること」
一例を

• XML   をパースした結果から情報を抽出するところで落
 ちまくった

• どうもタグ名で検索するのを繰り返すと落ちる


• どうにもならないのでタグを一つずつ見ていく方法に

 変えたら改善
Titanium でツラくなったら
   どうしてるの?
助け合ってます
Titanium はコミュニティが盛ん

• Titanium   meet up とい
 う勉強会

• イベントもよくある


• #TitaniumJP   でのやり
 とりなど
                          http://www.flickr.com/photos/68426744@N02/6287482792
まとめ
•   iPhone/Android アプリをまとめて開発する技術として Titanium を紹
    介しました

•   サイボウズではこのように、目的に対して最近の技術トレンドから
    手段を選んで採用することができます

    •   また、そういうところから任せてもらえます

•   技術的な面白みも感じつつ、多くの人に使っていただける製品の開
    発ができます

•   ぜひ、一緒に働きましょう!
ありがとうございました!
Titanium は信用できる?
•   Apache License 2.0 で公開されたオープンソース

•   Titanium を開発している会社が   ける仕組み

    •   有料メンバーになるとサポートなどが受けられる

    •   有料のトレーニングなども用意

•   実績

    •   300,000人の利用者、35,000 のアプリがリリース

•   もちろんリスクはある
Titanium が対応していない
             処理がある場合は?
• Titanium   モジュール

 • ネイティブ       SDK で開発したものを JS で呼び出せる

• モジュールのマーケットプレイス


 • 有料/無料で公開


 • みんなで Titanium     を強化していく仕組み

Mais conteúdo relacionado

Mais procurados

Androidでへっぽこ思考戦車を作ってみた
Androidでへっぽこ思考戦車を作ってみたAndroidでへっぽこ思考戦車を作ってみた
Androidでへっぽこ思考戦車を作ってみたYusuke Ohmichi
 
最近のブラウザ状況
最近のブラウザ状況最近のブラウザ状況
最近のブラウザ状況yoshikawa_t
 
Tiなごや vol.3 Titaniumのキホン
Tiなごや vol.3 TitaniumのキホンTiなごや vol.3 Titaniumのキホン
Tiなごや vol.3 TitaniumのキホンMori Shingo
 
Swift歴2ヶ月でアプリを8本リリースしてみた話
Swift歴2ヶ月でアプリを8本リリースしてみた話Swift歴2ヶ月でアプリを8本リリースしてみた話
Swift歴2ヶ月でアプリを8本リリースしてみた話Makoto Nishimoto
 
20120316 designerworkshoppublished
20120316 designerworkshoppublished20120316 designerworkshoppublished
20120316 designerworkshoppublishedYoichiro Sakurai
 
モバイルWebアプリケーションを複数端末で動かすために注意すること
モバイルWebアプリケーションを複数端末で動かすために注意することモバイルWebアプリケーションを複数端末で動かすために注意すること
モバイルWebアプリケーションを複数端末で動かすために注意することdsuke Takaoka
 
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発Masaki Yamamoto
 
僕らのデータ同期プラクティス
僕らのデータ同期プラクティス僕らのデータ同期プラクティス
僕らのデータ同期プラクティスYukiya Nakagawa
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザインmasaaki komori
 
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop20120413 nestakabaneworkshop
20120413 nestakabaneworkshopYoichiro Sakurai
 
if-up 2019 | A4. 「進化し続けるプロダクトを作るための開発チーム」
if-up 2019 | A4. 「進化し続けるプロダクトを作るための開発チーム」if-up 2019 | A4. 「進化し続けるプロダクトを作るための開発チーム」
if-up 2019 | A4. 「進化し続けるプロダクトを作るための開発チーム」SORACOM,INC
 
SwiftによるiOS開発再入門
SwiftによるiOS開発再入門SwiftによるiOS開発再入門
SwiftによるiOS開発再入門Tomoki Hasegawa
 
インフラエンジニアに送るVSCode 入門
インフラエンジニアに送るVSCode 入門インフラエンジニアに送るVSCode 入門
インフラエンジニアに送るVSCode 入門Shinsuke Saito
 
Wantedlyのテスト事情
Wantedlyのテスト事情Wantedlyのテスト事情
Wantedlyのテスト事情Takao Sumitomo
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザインNaoki Aoyama
 
新 Microsoft Edge を Intune で配信・管理する
新 Microsoft Edge を Intune で配信・管理する新 Microsoft Edge を Intune で配信・管理する
新 Microsoft Edge を Intune で配信・管理するShinsuke Saito
 
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリアシアル株式会社
 
Uno Platform 触ってみた
Uno Platform 触ってみたUno Platform 触ってみた
Uno Platform 触ってみた一希 大田
 

Mais procurados (20)

Androidでへっぽこ思考戦車を作ってみた
Androidでへっぽこ思考戦車を作ってみたAndroidでへっぽこ思考戦車を作ってみた
Androidでへっぽこ思考戦車を作ってみた
 
最近のブラウザ状況
最近のブラウザ状況最近のブラウザ状況
最近のブラウザ状況
 
Tiなごや vol.3 Titaniumのキホン
Tiなごや vol.3 TitaniumのキホンTiなごや vol.3 Titaniumのキホン
Tiなごや vol.3 Titaniumのキホン
 
About Titanium Mobile
About Titanium MobileAbout Titanium Mobile
About Titanium Mobile
 
Swift歴2ヶ月でアプリを8本リリースしてみた話
Swift歴2ヶ月でアプリを8本リリースしてみた話Swift歴2ヶ月でアプリを8本リリースしてみた話
Swift歴2ヶ月でアプリを8本リリースしてみた話
 
20120316 designerworkshoppublished
20120316 designerworkshoppublished20120316 designerworkshoppublished
20120316 designerworkshoppublished
 
モバイルWebアプリケーションを複数端末で動かすために注意すること
モバイルWebアプリケーションを複数端末で動かすために注意することモバイルWebアプリケーションを複数端末で動かすために注意すること
モバイルWebアプリケーションを複数端末で動かすために注意すること
 
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
 
僕らのデータ同期プラクティス
僕らのデータ同期プラクティス僕らのデータ同期プラクティス
僕らのデータ同期プラクティス
 
HTML5時代のWebデザイン
HTML5時代のWebデザインHTML5時代のWebデザイン
HTML5時代のWebデザイン
 
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
 
if-up 2019 | A4. 「進化し続けるプロダクトを作るための開発チーム」
if-up 2019 | A4. 「進化し続けるプロダクトを作るための開発チーム」if-up 2019 | A4. 「進化し続けるプロダクトを作るための開発チーム」
if-up 2019 | A4. 「進化し続けるプロダクトを作るための開発チーム」
 
SwiftによるiOS開発再入門
SwiftによるiOS開発再入門SwiftによるiOS開発再入門
SwiftによるiOS開発再入門
 
インフラエンジニアに送るVSCode 入門
インフラエンジニアに送るVSCode 入門インフラエンジニアに送るVSCode 入門
インフラエンジニアに送るVSCode 入門
 
Flex入門
Flex入門Flex入門
Flex入門
 
Wantedlyのテスト事情
Wantedlyのテスト事情Wantedlyのテスト事情
Wantedlyのテスト事情
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
 
新 Microsoft Edge を Intune で配信・管理する
新 Microsoft Edge を Intune で配信・管理する新 Microsoft Edge を Intune で配信・管理する
新 Microsoft Edge を Intune で配信・管理する
 
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
 
Uno Platform 触ってみた
Uno Platform 触ってみたUno Platform 触ってみた
Uno Platform 触ってみた
 

Semelhante a iPhone/Android アプリをまとめて省エネ開発する技術

プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1Hiroki Toyokawa
 
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Atsushi Harada
 
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れこれからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れMitsuru Katoh
 
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介Mori Shingo
 
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]Yu Morita
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由Masakazu Muraoka
 
ソニーでElectronアプリをリリースしてみた
ソニーでElectronアプリをリリースしてみたソニーでElectronアプリをリリースしてみた
ソニーでElectronアプリをリリースしてみたYasuharu Seki
 
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編Monaca
 
エンジニアがプロダクト育成を始めるまでにやったこと
エンジニアがプロダクト育成を始めるまでにやったことエンジニアがプロダクト育成を始めるまでにやったこと
エンジニアがプロダクト育成を始めるまでにやったことTakao Sumitomo
 
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16Masami Yabushita
 
できる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:Webからはじまるアプリできる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:WebからはじまるアプリMasami Yabushita
 
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料Monaca
 
Web技術を幅広く
Web技術を幅広くWeb技術を幅広く
Web技術を幅広くWakasa Masao
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことMasakazu Muraoka
 
香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部についてyohei iwakura
 
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスアシアル株式会社
 
モバイルアプリ開発最前線(PhoneGap)
モバイルアプリ開発最前線(PhoneGap)モバイルアプリ開発最前線(PhoneGap)
モバイルアプリ開発最前線(PhoneGap)Akihiro Matsumura
 
スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果Koichiro Sumi
 
ABC2012Spring 20120324
ABC2012Spring 20120324ABC2012Spring 20120324
ABC2012Spring 20120324Tak Inamori
 

Semelhante a iPhone/Android アプリをまとめて省エネ開発する技術 (20)

プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
 
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
 
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れこれからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
 
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
 
東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]東京では語れないHTML5[仮題]
東京では語れないHTML5[仮題]
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
 
ソニーでElectronアプリをリリースしてみた
ソニーでElectronアプリをリリースしてみたソニーでElectronアプリをリリースしてみた
ソニーでElectronアプリをリリースしてみた
 
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
 
エンジニアがプロダクト育成を始めるまでにやったこと
エンジニアがプロダクト育成を始めるまでにやったことエンジニアがプロダクト育成を始めるまでにやったこと
エンジニアがプロダクト育成を始めるまでにやったこと
 
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
 
できる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:Webからはじまるアプリできる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:Webからはじまるアプリ
 
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
 
Web技術を幅広く
Web技術を幅広くWeb技術を幅広く
Web技術を幅広く
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
 
香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について
 
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
 
Androidとは何か
Androidとは何かAndroidとは何か
Androidとは何か
 
モバイルアプリ開発最前線(PhoneGap)
モバイルアプリ開発最前線(PhoneGap)モバイルアプリ開発最前線(PhoneGap)
モバイルアプリ開発最前線(PhoneGap)
 
スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果スタートアップ向け!1人日でできるサービスの高速化方法と成果
スタートアップ向け!1人日でできるサービスの高速化方法と成果
 
ABC2012Spring 20120324
ABC2012Spring 20120324ABC2012Spring 20120324
ABC2012Spring 20120324
 

iPhone/Android アプリをまとめて省エネ開発する技術

Notas do Editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n