ぼくのかんがえたふつうのあんどろいどかいはつ

1. ぼくのかんがえたふつうのあんどろいどかいはつウォーターセル株式会社中川幸哉 2012.11.3 新潟オープンソースセミナー2012

2. 自己紹介 • 中川幸哉 • 経歴 – @Nkzn / なかざん – 〜2010年 • 会津大学 – 0x19歳 • 株式会社GClue – 上越市出身 – 2010年〜 – 新潟市在住 • JCCソフト株式会社 PG – 日本Androidの会 • コミュニティ活動開始新潟支部支部長 – 2011年秋〜 – ウォーターセル株式会社 • ウォーターセル株式会社取り締まられ役 • アグリノート – アグリノートforAndroid開発担当

3. Android Bazaar&Conference 2012 東北 (2012.10.20) 動員300名超の懇親会を仕切らせていただきました

4. OSC2012Aizu 開催おめでとうございます！って@Nkznが言ってるって #osc12az タグ付けてつぶやいておいてください

5. その他 • ここ１年でお邪魔してる界隈 – 長岡IT開発者勉強会（NDS） • http://nagaoka.techtalk.jp/ • 11/17にMSの中の人がAzureのセミナーしにくるってよ – Niigata.pm • http://niigata.pm.org/ – ギークハウス新潟 • http://www.geek-niigata.com/ • 住んでます

6. おしながき • 自己紹介 ←ｲﾏｺｺ! • 前置き • アグリノートにおけるAndroid • Androidとは • いろんな「ふつう」を見てみよう – プログラミングの「ふつう」「凄い人にしかできないこ – デザインの「ふつう」と」は話さないよ – セキュリティの「ふつう」 – 収益化の「ふつう」 • おまけ：アプリをトコトン簡単に作る普通じゃない方法

7. Prelude 前置き

8. 前置き ※「ふつう」の話をしたいだけで、基礎や基本の話は少なめです ※あくまで中川の独断と偏見による「ふつう」であり業界標準と必ずしも一致するものではありません

9. Introduction: What’s Android? Androidとは

10. 聞いたことある人

11. 端末持ってる人

12. 端末何台か持ってる人

13. アプリ書いてる人

14. 説明不要ですかね ( ﾟДﾟ)y─┛~~

15. Androidとは • 米Google社が中心となって作ったOpen Handset Alliance (OHA)という組織が管理しているモバイルデバイス向けプラットフォーム。 • Webフレームワークっぽい開発環境で、Javaで携帯電話向けアプリが作れる • OSSな組み込みプラットフォームなのでいろんなところに入れられる→電子レンジとか • OS扱いされることが多いけど、厳密にはOS じゃないよ！

16. 自作アプリアプリケーションフレームワーク：アプリケーションへ様々な機能を提供するクラス群 NDK SDK ランタイム環境： DalvikVMと C++ライブラリ群：高速動作や、ハードウェア各種JavaSE6準拠ライブラリ操作を求められる機能のライブラリ Linuxカーネル：↑のスタックとハードウェアの仲立ちをする

17. 日本のAndroid端末の、前に

18. 日本のスマートフォン(2009年秋) 2009.Oct Aizu.LT SPより

19. 日本のAndroid端末(2010年10月) 2010.Oct OSC2010Niigataより

20. 日本のAndroid端末(2011年4月) 2011.Apr 長岡IT開発者勉強会#21より

21. この辺で数えるのやめました

22. ちゃんとまとめるとこうなるらしい出典：Androidにおけるテストに関して〜デバイスをどう選択するか〜

23. Introduction: Agri-Note for Android アグリノートにおけるAndroid

24. アグリノートforAndroidのミッション Webアプリケーションとしてのアグリノートに「現場で即座に入力」「写真を手軽に記録」「現在地と圃場の照らし合わせ」などの付加価値を与えること

25. 実際大事。 • 一日中農作業をして疲れて帰ってきた農家さんの中には、パソコンの電源を入れること自体がストレスになる（≒だんだんと記録をつけなくなる）人が普通にいる • なら現場で作業が終わった時に直接入力してもらえばいいじゃん？という発想 – 自宅で一気に作業すると大変だけれど、圃場１つ分の作業を付ける分にはそこまで苦ではない（はず）

26. 技術の粋を集めたアプリ #ではない • 機能要件だけで言えば、かなり簡単な作り – サーバーからマスタを引っ張ってきて – 入力欄作って – 入力された情報をサーバーにポイする

27. 一番大事にしていること • できるだけ色んな端末で動くこと – アグリノートそのものは限りなくBtoCなサービス – 農家さんが使う端末をこちらから制限することはできるだけ避けたい – そもそも制限をかけられるほどの検証端末を用意できる財政ではない • 検証端末を10機種程度に減らす方法はあるらしい Androidにおけるテストに関して〜デバイスをどう選択するか〜

28. 色んな端末で動かすために • ドキュメントやリファレンスを読んで、 JavaAPIの正しい使い方を守る • ドキュメントを読んで、リソースファイルの正しい用意の仕方、振り分け方を守る • ドキュメントやサンプルでサポートされているカスタムUI作りの仕組みを使う • 充分に効用やリスクが検証されていない黒魔術は避ける • etc.

29. ＿人人人人人＿＞ふつう＜￣^Y^Y^Y^Y￣

30. 今日はこの１年間のアプリ開発で培った「ふつう」の話をします

31. Ordinaries for Android App Development Androidのいろんな「ふつう」

32. いろんな「ふつう」 • プログラミング • デザイン • セキュリティ • 収益化 • おまけ

33. Ordinary for Android App Programming プログラミングの「ふつう」

34. Androidプログラミング • とりあえず今回はJavaの話で。 – 本当はC++でも画面作れる • イベント駆動モデルのフレームワーク – 適切なクラスやインターフェースをextendsしたりimplementsしながら@Overrideメソッドを実装していけばOK • レイアウトや各種リソースは原則XMLで管理（しなくてもいいけどやったほうが管理しやすくて楽）

35. Activity = 画面

36. Activity = 画面レイアウトXMLを登録

37. レイアウトXML

38. Java⇔XML • XMLに書いた各種オブジェクト（TextViewとかButtonとか）をJavaから触るには、setContentViewより後で findViewById(int)を呼ぶ

39. Web出身者に易しい • JavaScriptからDOMを触る感覚 • ほぼ全ての画面要素の一番上の概念であるViewクラスがView#setOnClickListener を持っているので、どんな画面部品にでもクリックイベントは持たせられたり

40. さて基本はこのへんにいたしまして

41. ３つの「ふつう」 1. 非同期処理 2. Intentを使えば自分で作るものが減る 3. Fragmentでスマホ・タブレット両対応

42. 非同期処理が必要な理由 • AndroidのUIはシングルスレッドモデル – ボタンの場合、「ボタンが凹むエフェクトを描画」「onClickを呼び出す」「ボタンが戻るエフェクトを描画」がシステム側の一連の動作として呼び出される – onClick内に重い操作（ネットワーク接続とか）を書くと、ボタンが数瞬戻ってこないなどの問題が起こり、ユーザーが気持ちの悪い思いをする – かといって別のThreadを立ててそこからUIオブジェクトを触るとエラーになる • UIの操作をロックせず、かつ処理を行う仕組みが必要

43. 非同期処理の仕組み • 大きく分けて２種類 – UIスレッドの処理キューに処理を依頼だけして、UIが暇な時に処理してもらう • Handlerクラス • 結局UIスレッドが処理するのであまりオススメしない – タイミングはAndroid側に完全に任せる形で別スレッドを作成する • AsyncTaskクラス：途中経過を通知してくれる • AsyncTaskLoaderクラス：データロード中心

45. Intent • インテントとは – アプリの各画面及びバックグラウンドプロセスの間を取り持つメッセージング機能

46. Intentの例 • 明示的インテント – 「Activity１からActivity２へ遷移したい」というメッセージをAndroid側に渡すと画面遷移が発生する（アプリを跨いでもOK） – 「写真を撮影してほしい」というメッセージをカメラアプリに渡すと、写真を撮影した上で撮影済みの画像のパスを返してくれる • 暗黙的インテント – 「誰か画像を扱えるアプリいませんか」

48. Fragment • Android 3.0から追加された、（主に）画面の分割と再利用を目的としたコンポーネント • 画面を持ち、Activityに配置されるが、特定のActivityに依存しない（下手な作り方をすると密結合する） • Activityとほぼ同じイベントハンドラを持つため、各種ボタン類などの初期化などもFragment内だけで行うことができる

49. スマホ版 MenuFragment BrowserFragment 遷移 MenuActivity BrowserActiviity 2012/11/2

50. タブレット版 MenuFragment BrowserFragment BrowserActiviity 2012/11/2

51. アグリノートもそんな感じタブレット版スマホ版サイドメニューとタブの共通化は自前で頑張りました

52. 参考書籍 • http://amzn.to/SlO7Ph • 「入門」と銘打ってますが、実際にはAPI の使い方解説書みたいな本 • 仕事で使うレベルで Androidを学ぶなら必携 • 初心者が一番最初に買うとちょっとグロッキーになる本

53. 番外編 • ActionBarSherlock – http://actionbarsherlock.com/ – Android 2.xな端末でActionBarが使えるようになるライブラリ – Google I/O 2012公式アプリに採用されているので、デファクトスタンダード化 – アグリノート、ラーメンバトル両方に採用 • android-menudrawer – https://github.com/SimonVT/android-menudrawer – ラーメンバトルアプリに試験採用

54. Ordinary for Android App Design デザインの「ふつう」

55. アプリを残念にしないために http://www.ladybeetle-design.com/androidappdesigns/

56. デザイナーがコードから読み解く、 Androidアプリのデザインの幅を広げるコツとTips • Androidのデザインを実装する部分 – XML – 9-patch Format Image (hoge.9.png) – カスタムUI エンジニアの領分になってしまっているが、デザイナーが「何ができるか」を知っていれば、互いに幸せになれる

57. スライドが公開されてます • XMLがわからなくても聞ける編（入門）：全4回 – 第1回：導入と9-patch編 • http://www.slideshare.net/toooommmmmmmmy/1androidtips – 第2回：より凝ったグラフィック編 • http://www.slideshare.net/toooommmmmmmmy/2androidtips – 第3回：全力でカスタムUI • http://www.slideshare.net/toooommmmmmmmy/2androidtips-14596126 – 第4回：レイアウト編 • http://www.slideshare.net/toooommmmmmmmy/4androidtips-14883482 デザインを気にしたいアプリ開発者は必読！

58. リソース振り分けは自動に任せる • drawable:画像など – ピクセルの大きさ次第 • layout:レイアウト – サイズ, 縦横 – dp/dip →Density Independent Pixel →現実の大きさを優先する単位 – values • 文字列とか言語コード入れると多言語対応が自動 • style(CSS的な)

59. 参考書籍 • http://amzn.to/TA6H9x • これからの時代のUI の組み合わせ方とか • カスタムUIの作り方とか

60. Ordinary for Android App Security セキュリティの「ふつう」

61. 結論から言うと

62. これ読んでください • http://amzn.to/QbAhmq • 数少ないセキュリティ本 • どんなセキュリティホールを作ってしまいやすいか • どんなリスクがあって、どんな回避をすればよいか（もしくは回避できないことを考慮しなければならないか） • みたいなことが書いてあります。

63. セキュリティの話題にも色々 • 端末機能へのアクセス権限（パーミッション） • 各アプリが持つデータベースへのアクセス権限 – Skypeアプリが平文でパスワードを保存していた上にデータベース設定をミスっていて凄いことになってた • アプリの逆コンパイルによる情報流出

64. パーミッション：アグリノートアプリの場合 • 完全なインターネットアクセス – クライアントですし • ストレージ – 写真機能 • 現在地 – 現在地機能＿人人人人＿＞健全＜￣^Y^Y^Y^￣

65. パーミッション：某音楽アプリの場合 • Gmailの読み取り • 完全なインターネットアクセス • 機密ログデータの読み取り • 端末のステータスとIDの読み取り • USB ストレージのコンテンツの変更/削除、SD カードのコンテンツの変更/削除 • 実行中のアプリの取得 • システム全般設定の変更 • etc.

67. パーミッション問題の焦点 • ユーザー情報を不正に入手しようとするような輩はそもそもこの場にいないと信じていますが • それはそうとして、ユーザーを不安がらせるようなパーミッションをうっかり付けてしまうことは避けましょう • ひろみちゅ先生に目をつけられたら（ｒｙ

68. アプリの逆コンパイル問題大前提： Androidアプリ（.apk）の展開・逆コンパイル手法は、随分と前から完全に確立されています。 srcフォルダの中身もresフォルダの中身も復元可能です

69. 獲られたら困るものをアプリに入れない。もちろんユーザビリティとのトレードオフが発生するので、何を諦めるか判断する必要は出てくる。秘密鍵の類を持たせるのは論外です。

70. いちおうアグリノートアプリの中には読まれても困らないものしか入ってません（※ただし僕の汚い設計を除く）

71. Ordinary for Android App Monetization 収益化の「ふつう」

72. ああ・・・それにしても金がほしい・・・！コインが好きで！ーフジタク談話室: 金の基礎知識と雑学 Ⅰ

73. 誰でも一度は考える有料アプリで一攫千金

74. ヘ (ô^)ヘいいぜ |∧ ／ / (ô^)／てめえが有料アプリで／( ) 儲けられるってなら (ô^) 三／／＞＼ (＼＼三 (／o^) ＜＼三 (／／くまずはそのふざけた

75. 有料アプリのダウンロード実態そもそもみんな有料アプリなんてダウンロードすらしないスマートフォンに関する調査｜ソフトバンク・ヒューマンキャピタル株式会社 (2011年3月)

76. 無料アプリのダウンロード実態無料ならDLしてもらえる可能性が微粒子レベルで存在する・・・？スマートフォンに関する調査｜ソフトバンク・ヒューマンキャピタル株式会社 (2011年3月)

77. よしんば売れたとしても • 例えば２人月(140万くらい？)かけて作った100円のアプリがあったとして – １本あたりの実入りは70円 – 1,000本売れて70,000円 – 10,000本売れて700,000円＿人人人人人人人人人＿＞ようやく１人月＜￣^Y^Y^Y^Y^Y^Y^Y^￣

78. 競争率とか最大数とか • Google「Playストアのアプリ数が７０万本に到達しました」 – http://www.businessweek.com/news/2012-10-29/google-says- 700-000-applications-available-for-android-devices • 2011年5月時点で日本で最も売れたアプリの本数 5000〜10000本×600円 – マーケットの現状 - 日本Androidの会 2011年5月定例会 – よくて420万円 – ちなみに５万本以上売れた有料アプリは世界で73本（2011年当時）

79. 有料アプリは諦めよう • 無料アプリで広告収入狙い – ぐんまのやぼう, なめこみたいな定期的に何度も見るアプリがオススメ • 受託 – アプリ自体は売れなくても問題ない • メーカーやキャリアに近づいてプリイン – 単価×出荷端末数とかでもらえるらしい • 儲かるWebサービスのクライアント作る – アグリノート ← ｲﾏｺｺ!

80. Extraordinaries for Android App Development アプリをトコトン簡単に作るふつうじゃない方法

81. アプリで儲けるのは難しい • 売り上げが上がらない→開発工数分の人件費をペイできる可能性が少ない工数の方を減らすことはできないか？対象の市場を増やせば売上も少しは上がらないか？

82. クロスプラットフォーム • １セットのソースから複数プラットフォーム（主にiOSとAndroid）向けのアプリをビルドできる系ツール • 本来の開発環境では複数の手順を踏まないといけないはずの機能を１メソッドで実現するなど、簡略化が図られている

83. Titanium Mobile Unity Corona SDK Adobe AIR

84. Adobe AIR This is the Flash.

85. Adobe AIR • HTML, JS, Action Script • iOS, Android, Blackberry – PC上でも動作する • AIRランタイム上で動作 • まだちょっと重いらしい • CS5でも作れちゃう

86. Unity For 3D Games.

87. Unity • JS, C#, Lua, などなど • iOS, Android, Xbox 360, PS3, PC – ペケ箱で動く＝Windows Phoneでも動く • Flashばりの至れり尽くせり環境

88. Titanium Mobile JS & Native UI

89. Titanium Mobile • JavaScriptオンリー • オープンソース • CSSならぬ「JSS」 • iOS, Android • 各プラットフォームの本来のUIをそのまま使用 →ユーザーが使い慣れたUI

90. Native UI

91. Corona SDK Code Less, Play More.

92. Corona SDK • Lua • iOS, Android • OpenGLベース • ビルドはサーバーで。 • APIはActionScript2ライク – 一昔前のFlashからの移植性がすごい

93. どのくらい「Code Less」？

94. このくらい。

95. 仕組み

96. 昨年本出しました • 電子書籍 • Corona SDKの入門本 • 達人出版会のサイトからPayPalで購入できます • http://bit.ly/CoronaNkz n01

97. 使い分け案

98. • サクッと２Dゲーム→Corona • ユーティリティツール→Titanium • ３Dゲーム→Unity • ガチのクロスプラットフォーム→AIR

99. まとめ • 公私混同しながらAndroid技術の勉強とアグリノートアプリ製作を進めているのは、このスライドのカオスっぷりを見ての通り(；´Д｀) • だんだんとAndroid界隈が広がりすぎて自分では追いきれなくなってきてるので、誰か僕らの団体にJOINして一緒にAndroid関連技術を追いかけませんか。 – メーリングリストへの加入お待ちしております – http://bit.ly/jagniigata

100. ご清聴ありがとうございました

ぼくのかんがえたふつうのあんどろいどかいはつ

You are reading a preview.

Check these out next

ぼくのかんがえたふつうのあんどろいどかいはつ

More Related Content

Viewers also liked (14)

Similar to ぼくのかんがえたふつうのあんどろいどかいはつ (20)

More from Yukiya Nakagawa (20)

Recently uploaded (20)