ぼくのかんがえたふつうのあんどろいどかいはつ
•Download as PPTX, PDF•
6 likes•2,048 views
新潟オープンソースセミナー2012
Report
Share
ぼくのかんがえたふつうのあんどろいどかいはつ
- 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. 前置き ※「ふつう」の話をしたいだけで、 基礎や基本の話は少なめです ※あくまで中川の独断と偏見による 「ふつう」であり 業界標準と必ずしも 一致するものではありません
- 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カーネル：↑のスタックとハードウェアの仲立ちをする
- 21. この辺で 数えるのやめました
- 23. Introduction: Agri-Note for Android アグリノートにおけるAndroid
- 24. アグリノートforAndroidのミッション Webアプリケーションとしての アグリノートに 「現場で即座に入力」 「写真を手軽に記録」 「現在地と圃場の照らし合わせ」 などの付加価値を与えること
- 25. 実際大事。 • 一日中農作業をして疲れて帰ってきた農 家さんの中には、パソコンの電源を入れ ること自体がストレスになる（≒だんだん と記録をつけなくなる）人が普通にいる • なら現場で作業が終わった時に直接入力 してもらえばいいじゃん？という発想 – 自宅で一気に作業すると大変だけれど、圃場 １つ分の作業を付ける分にはそこまで苦では ない（はず）
- 26. 技術の粋を集めたアプリ #ではない • 機能要件だけで言えば、かなり簡単な作 り – サーバーからマスタを引っ張ってきて – 入力欄作って – 入力された情報をサーバーにポイする
- 27. 一番大事にしていること • できるだけ色んな端末で動くこと – アグリノートそのものは限りなくBtoCなサー ビス – 農家さんが使う端末をこちらから制限するこ とはできるだけ避けたい – そもそも制限をかけられるほどの検証端末を 用意できる財政ではない • 検証端末を10機種程度に減らす方法はあるらしい Androidにおけるテストに関して〜デバイスをどう選択するか〜
- 28. 色んな端末で動かすために • ドキュメントやリファレンスを読んで、 JavaAPIの正しい使い方を守る • ドキュメントを読んで、リソースファイルの 正しい用意の仕方、振り分け方を守る • ドキュメントやサンプルでサポートされてい るカスタムUI作りの仕組みを使う • 充分に効用やリスクが検証されていない黒魔 術は避ける • etc.
- 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 を持っているので、どんな画面部品にで もクリックイベントは持たせられたり
- 41. ３つの「ふつう」 1. 非同期処理 2. Intentを使えば自分で作るものが減る 3. Fragmentでスマホ・タブレット両対応
- 42. 非同期処理が必要な理由 • AndroidのUIはシングルスレッドモデル – ボタンの場合、「ボタンが凹むエフェクトを描 画」「onClickを呼び出す」「ボタンが戻るエ フェクトを描画」がシステム側の一連の動作とし て呼び出される – onClick内に重い操作（ネットワーク接続とか） を書くと、ボタンが数瞬戻ってこないなどの問題 が起こり、ユーザーが気持ちの悪い思いをする – かといって別のThreadを立ててそこからUIオブ ジェクトを触るとエラーになる • UIの操作をロックせず、かつ処理を行う仕組 みが必要
- 43. 非同期処理の仕組み • 大きく分けて２種類 – UIスレッドの処理キューに処理を依頼だけし て、UIが暇な時に処理してもらう • Handlerクラス • 結局UIスレッドが処理するのであまりオススメし ない – タイミングはAndroid側に完全に任せる形で別 スレッドを作成する • AsyncTaskクラス：途中経過を通知してくれる • AsyncTaskLoaderクラス：データロード中心
- 44. ３つの「ふつう」 1. 非同期処理 2. Intentを使えば自分で作るものが減る 3. Fragmentでスマホ・タブレット両対応
- 45. Intent • インテントとは – アプリの各画面及びバックグラウンドプロセ スの間を取り持つメッセージング機能
- 46. Intentの例 • 明示的インテント – 「Activity１からActivity２へ遷移したい」とい うメッセージをAndroid側に渡すと画面遷移が 発生する（アプリを跨いでもOK） – 「写真を撮影してほしい」というメッセージ をカメラアプリに渡すと、写真を撮影した上 で撮影済みの画像のパスを返してくれる • 暗黙的インテント – 「誰か画像を扱えるアプリいませんか」
- 47. ３つの「ふつう」 1. 非同期処理 2. Intentを使えば自分で作るものが減る 3. Fragmentでスマホ・タブレット両対応
- 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 デザインの「ふつう」
- 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.
- 66. ／ //////////////////////////ヽ //////////////////////////////ﾍ 有 /////////////////////￣￣⌒ヽ//ﾍ //,─────---ｰ''''⌒ ／⌒ヽ ゝ//| ／ ─―- 、 ／ ／三三＼//| ギ l ／⌒ヽ、'ｰ ､＿＿／三/⌒ヽノ//| ル ヽ／ ヘ三ﾆ｀'''--| ヽ三三三i|====ゝミﾐ テ /| ./〈￣ ヽ ｀ｰ──＝ ／ │ ＼三三/ ｏ￣ヽ≡. ／ ＼｛. o __ノ. ヽ￣￣´ | ⌒. -.､ .| .＼ .| | | | 罪 ィ ・ ﾐﾍ / / ヽ､_| ` .| ',ﾐﾍ. / i/ヽ. ,ノ二 | . ',ﾐﾍ / / ソ',ﾐﾍ _..＾ﾐ＾――ヽ、 ./ ・ ＼.',ﾐ.| （ﾆﾆ￣￣￣￣ / | | ´＼ ／,⌒ヽ / / .ﾘ ＼、 ./ ゝ ｀ ／ /.／ /| ｀'=､ ──- ／ ／圭 ・ iﾌ./.l､ ｀''────゛ ／圭圭 圭圭ヽ＿＿＿＿＿＿＿＿＿／圭圭圭 圭圭圭圭圭／:::::: ＼圭圭圭圭圭圭ミ／ 圭圭圭圭／::::::::::::::::::.＼圭圭圭圭ﾐ／ ！ 圭圭圭／:::::::::::::::::::::::::::/'ヽ､.圭圭／ 圭圭／ﾆヽ:::::::::::::::::: ／圭圭＼／ 圭／｀─/:::::::::::::::::::::|,圭圭圭 ／圭圭/::::::::::::::::::::::::|圭圭／ 圭圭ﾐ/:::::::::::::::::::::::::::|圭／ ／ 圭圭/:::::::::::::::::::::::::::::|／ ／
- 67. パーミッション問題の焦点 • ユーザー情報を不正に入手しようとする ような輩はそもそもこの場にいないと信 じていますが • それはそうとして、ユーザーを不安がら せるようなパーミッションをうっかり付 けてしまうことは避けましょう • ひろみちゅ先生に目をつけられたら（ｒｙ
- 68. アプリの逆コンパイル問題 大前提： Androidアプリ（.apk）の展 開・逆コンパイル手法は、 随分と前から完全に確立さ れています。 srcフォルダの中身もresフォルダの中身も復元可能です
- 69. 獲られたら困るものをアプリに入 れない。 もちろんユーザビリティとのト レードオフが発生するので、何を 諦めるか判断する必要は出てくる。 秘密鍵の類を持たせるのは 論外です。
- 71. Ordinary for Android App Monetization 収益化の「ふつう」
- 74. ヘ (^o^)ヘ いいぜ |∧ ／ / (^o^)／ てめえ が有料アプリで ／( ) 儲け られるってなら (^o^) 三 ／ ／＞ ＼ (＼＼ 三 (／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でも作れちゃう
- 87. Unity • JS, C#, Lua, などなど • iOS, Android, Xbox 360, PS3, PC – ペケ箱で動く ＝Windows Phoneでも動く • Flashばりの至れり尽くせり環境
- 89. Titanium Mobile JS & Native UI
- 90. Titanium Mobile • JavaScriptオンリー • オープンソース • CSSならぬ「JSS」 • iOS, Android • 各プラットフォームの本来のUIをそのま ま使用 →ユーザーが使い慣れたUI
- 91. Native UI
- 93. Corona SDK Code Less, Play More.
- 94. Corona SDK • Lua • iOS, Android • OpenGLベース • ビルドはサーバーで。 • APIはActionScript2ライク – 一昔前のFlashからの移植性がすごい
- 96. このくらい。
- 97. 仕組み
- 98. 昨年 本出しました • 電子書籍 • Corona SDKの入門本 • 達人出版会のサイト からPayPalで購入で きます • http://bit.ly/CoronaNkz n01
- 99. 使い分け案
- 100. • サクッと２Dゲーム→Corona • ユーティリティツール→Titanium • ３Dゲーム→Unity • ガチのクロスプラットフォーム→AIR
- 101. まとめ • 公私混同しながらAndroid技術の勉強とアグリ ノートアプリ製作を進めているのは、このスラ イドのカオスっぷりを見ての通り(；´Д｀) • だんだんとAndroid界隈が広がりすぎて自分では 追いきれなくなってきてるので、誰か僕らの団 体にJOINして一緒にAndroid関連技術を追いか けませんか。 – メーリングリストへの加入お待ちしております – http://bit.ly/jagniigata
- 102. ご清聴 ありがとうございました