Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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.int...
それぞれのアプリの作り方•   iPhone    •   Apple の用意した SDK を利用、言語は Objective-C    •   IDE は Xcode•   Android    •   Google の用意した SDK を利...
つまりバラバラ
それぞれの環境で同じものを2つ作らなければいけない
そんなのはイヤだ• 学習コストがかかる• 開発コストがかかる• メンテナンスコストがかかる
そこで、まとめて楽するための          技術を紹介します• タイトル「iPhone/Android   アプリをまとめて省エネ開発 する技術」
まとめて開発するには?•   実現してくれるツールが世の中にはある    •   まとめて開発したい人は多い•   大きくわけて2つの方法    •   画面の作成にネイティブ SDK を使わない方法    •   ネイティブ SDK の呼び出...
ネイティブ SDK を使わない• 代表的なツールは        PhoneGap• iPhone   と Android で Web ページの表示は同じことに着 目• Web   ページの作成と同じように画面を作る • HTML、CSS、Ja...
ネイティブ SDK の呼び出しを         よろしくやってくれる• 代表的なツールは Titanium• JavaScript   で実装すると内部で SDK を呼び出してくれる• JavaScript   で画面を作成するコードを書いた...
どっちがいいの?•   UI が自然になるのは Titanium    •   HTML5 や jQuery Mobile などの進化もすごいのでそのうち差        はなくなるかもだけど•   学習コストが低いのは PhoneGap   ...
サイボウズLiveでの実例 iPhone   Android
サイボウズLiveでの実例 iPhone   Android
サイボウズLiveでの実例• Titanium   によって同じ画面が作れている• 一部は自動的にプラットフォームにあわせてくれてる • 「戻る」方法や一覧の見出し• 一部はコードによって表示を変えている • iPhone    はツールバー、...
Titanium は良いところばかり?
そんなことはない
Titanium でツライところ•   バッドノウハウが多い、基本的に試行錯誤    •   隠    されて便利な分、手が届かない    •   ドキュメントもあまり整っていない        •   改善されつつはある    •   「Ti...
一例を• XML   をパースした結果から情報を抽出するところで落 ちまくった• どうもタグ名で検索するのを繰り返すと落ちる• どうにもならないのでタグを一つずつ見ていく方法に 変えたら改善
Titanium でツラくなったら   どうしてるの?
助け合ってます
Titanium はコミュニティが盛ん• Titanium   meet up とい う勉強会• イベントもよくある• #TitaniumJP   でのやり とりなど                          http://www.fli...
まとめ•   iPhone/Android アプリをまとめて開発する技術として Titanium を紹    介しました•   サイボウズではこのように、目的に対して最近の技術トレンドから    手段を選んで採用することができます    •  ...
ありがとうございました!
Titanium は信用できる?•   Apache License 2.0 で公開されたオープンソース•   Titanium を開発している会社が   ける仕組み    •   有料メンバーになるとサポートなどが受けられる    •   有...
Titanium が対応していない             処理がある場合は?• Titanium   モジュール • ネイティブ       SDK で開発したものを JS で呼び出せる• モジュールのマーケットプレイス • 有料/無料で公開...
Upcoming SlideShare
Loading in …5
×
Upcoming SlideShare
Webアプリケーションをもっと楽しく! 〜フロントエンドのお仕事〜
Next
Download to read offline and view in fullscreen.

0

Share

Download to read offline

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

Download to read offline

サイボウズ技術説明会 for students で学生向けに Titanium を紹介した資料です。

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

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

  1. 1. iPhone/Android アプリをまとめて省エネ開発する技術 開発部 柴田 一帆
  2. 2. 自己紹介• 柴田 一帆(@vaccho)• 2008年新卒入社• 大学院卒、情報工学専攻• サイボウズ Live という Web サービスの開発を担当 • iPhone/Android アプリの開発も担当
  3. 3. サイボウズLiveとは
  4. 4. iPhone/Android アプリ• Android: 約 15,000 ユーザ• iPhone: 約 25,000 ユーザ • 仕事効率化カテゴリで1位!
  5. 5. 今日はこれの開発で利用した技術 の話をします
  6. 6. iPhone と Android は五分五分 http://www.m2ri.jp/newsreleases/main.php? id=010120110510500
  7. 7. iPhone と Android で 同じアプリを提供したい• OS は違っても同じように使われているスマートフォン• iPhone アプリの33%は Android アプリでも入手可能 • http://japan.internet.com/webtech/20120605/2.html
  8. 8. それぞれのアプリの作り方• iPhone • Apple の用意した SDK を利用、言語は Objective-C • IDE は Xcode• Android • Google の用意した SDK を利用、言語は Java • IDE は Eclipse
  9. 9. つまりバラバラ
  10. 10. それぞれの環境で同じものを2つ作らなければいけない
  11. 11. そんなのはイヤだ• 学習コストがかかる• 開発コストがかかる• メンテナンスコストがかかる
  12. 12. そこで、まとめて楽するための 技術を紹介します• タイトル「iPhone/Android アプリをまとめて省エネ開発 する技術」
  13. 13. まとめて開発するには?• 実現してくれるツールが世の中にはある • まとめて開発したい人は多い• 大きくわけて2つの方法 • 画面の作成にネイティブ SDK を使わない方法 • ネイティブ SDK の呼び出しをよろしくやってくれる方法
  14. 14. ネイティブ SDK を使わない• 代表的なツールは PhoneGap• iPhone と Android で Web ページの表示は同じことに着 目• Web ページの作成と同じように画面を作る • HTML、CSS、JavaScript
  15. 15. ネイティブ SDK の呼び出しを よろしくやってくれる• 代表的なツールは Titanium• JavaScript で実装すると内部で SDK を呼び出してくれる• JavaScript で画面を作成するコードを書いたら、iPhone/ Android それぞれにあわせて SDK を呼び出して実現し てくれる
  16. 16. どっちがいいの?• UI が自然になるのは Titanium • HTML5 や jQuery Mobile などの進化もすごいのでそのうち差 はなくなるかもだけど• 学習コストが低いのは PhoneGap • Web アプリ開発の知識をフル活用できるので• 決着はついていないが、サイボウズLiveでは Titanium を採用
  17. 17. サイボウズLiveでの実例 iPhone Android
  18. 18. サイボウズLiveでの実例 iPhone Android
  19. 19. サイボウズLiveでの実例• Titanium によって同じ画面が作れている• 一部は自動的にプラットフォームにあわせてくれてる • 「戻る」方法や一覧の見出し• 一部はコードによって表示を変えている • iPhone はツールバー、Android はメニューにボタン
  20. 20. Titanium は良いところばかり?
  21. 21. そんなことはない
  22. 22. Titanium でツライところ• バッドノウハウが多い、基本的に試行錯誤 • 隠 されて便利な分、手が届かない • ドキュメントもあまり整っていない • 改善されつつはある • 「Titanium で開発することは Titanium をハックすること」
  23. 23. 一例を• XML をパースした結果から情報を抽出するところで落 ちまくった• どうもタグ名で検索するのを繰り返すと落ちる• どうにもならないのでタグを一つずつ見ていく方法に 変えたら改善
  24. 24. Titanium でツラくなったら どうしてるの?
  25. 25. 助け合ってます
  26. 26. Titanium はコミュニティが盛ん• Titanium meet up とい う勉強会• イベントもよくある• #TitaniumJP でのやり とりなど http://www.flickr.com/photos/68426744@N02/6287482792
  27. 27. まとめ• iPhone/Android アプリをまとめて開発する技術として Titanium を紹 介しました• サイボウズではこのように、目的に対して最近の技術トレンドから 手段を選んで採用することができます • また、そういうところから任せてもらえます• 技術的な面白みも感じつつ、多くの人に使っていただける製品の開 発ができます• ぜひ、一緒に働きましょう!
  28. 28. ありがとうございました!
  29. 29. Titanium は信用できる?• Apache License 2.0 で公開されたオープンソース• Titanium を開発している会社が ける仕組み • 有料メンバーになるとサポートなどが受けられる • 有料のトレーニングなども用意• 実績 • 300,000人の利用者、35,000 のアプリがリリース• もちろんリスクはある
  30. 30. Titanium が対応していない 処理がある場合は?• Titanium モジュール • ネイティブ SDK で開発したものを JS で呼び出せる• モジュールのマーケットプレイス • 有料/無料で公開 • みんなで Titanium を強化していく仕組み

サイボウズ技術説明会 for students で学生向けに Titanium を紹介した資料です。

Views

Total views

3,071

On Slideshare

0

From embeds

0

Number of embeds

1,209

Actions

Downloads

10

Shares

0

Comments

0

Likes

0

×