未経験者がAndroidアプリをリリースするまで

Transcript

1. 未経験者がAndroidアプリを リリースするまで 社内勉強会発表用資料 開発1部　佐野耕平 2018/09/18
2. 目次 1. 作成したアプリの紹介 2. なぜ作ろうと思ったか 3. 作成過程 a. 企画を練る b. 開発過程の状況など c. 開発などで苦労したこと 4. リリース 5. 次に作ろうと考えているもの
3. Androidアプリをリリースしました(2018/8/22)
4. 機能概要１ • 日記編集
5. 機能概要２ • 日記編集 • パスコードロック
6. 機能概要３ • 日記編集 • パスコードロック • 日記検索
7. なぜ作ろうと思ったか１ 彼が劇中で使用して いる日記アプリ https://filmarks.com/movies/65931
8. なぜ作ろうと思ったか２ コレを作ろう https://www.mashilog.com/entry/your-name-diary
9. 開発過程（企画を練る） My日記 無地日記 Scene https://play.google.com/store/apps/details? id=jp.hyperlab.mydiary https://play.google.com/store/apps/details? id=jp.co.techmond.mujinikki https://play.google.com/store/apps/details? id=jp.scn.android
10. My日記 my App シリーズの一つ 淡い色使いが人気 パスコードロック機能 　（変更不可） https://play.google.com/store/apps/details?id=jp.hyperlab.mydiary
11. 無地日記 「#君の名は。」テーマ https://play.google.com/store/apps/details?id=jp.co.techmond.mujinikki
12. Scene 位置付けは「写真整理アプリ」 2014、15年のGoogle Playベストア プリ Sceneのユーザー同士の共有 Twitter等への投稿も可能 このアプリで写真の移動されると、 端末内で画像のパスが変更され、ほ かのアプリで参照ミスが発生する https://play.google.com/store/apps/details? id=jp.scn.android
13. レビューを見て、必要な機能をリストアップ サーバがなくても 作れそうな機能 • 日記検索 • 写真保存 • ロック機能 https://play.google.com/store/apps/details?id=jp.hyperlab.mydiary https://play.google.com/store/apps/details?id=jp.co.techmond.mujinikki
14. 開発環境 Android Studio Nexus 5 https://android-developers.googleblog.com/2016/0 9/android-studio-2-2.html https://kotlinlang.org/ https://uae.souq.com/kw-en/lg-nexus-5x-32gb-2gb- ram-4g-lte-wifi-quartz-white-9348884/i/
15. Android Room • Architecture Component の一つ • “AppDatabase”, “DAO”, “Entity”3つの要素 • SQLiteの抽象化レイヤー • SQLの構文エラーが出る https://medium.com/mindorks/room-with-rxjava-and-dagger-2722f4420651
16. 実際に使ってるところ ~Entity~ “diary_id”カラムが作成される コード上では”diaryId”でアクセス
17. 実際に使ってるところ ~DAO~ 間違えたクエリを@Queryに 書くとコンパイル時にエラー
18. DAOメソッドを使うところ
19. KotlinでAndroid開発してみた感想 エラーは可能な限りコンパイル時に検出するという強い 意志を感じました NullPointerException は一度も出なかった。 （一番多かったエラーはたぶん Out Of Bounds Exception） 「想定通りの挙動をしてくれない！」で苦労することが多かった。 Android開発ではない用途（サーバなど）で使い勝手がいいのかはわかりません。
20. 開発で苦労したこと • 初めてのアプリ作成で調べることが大量 • デザインが難しい • アプリアイコンが作れない
21. “WireFramePro”の無料枠で作成 アプリデザインMock https://mockflow.com/apps/wireframepro/
22. 実際に出来上がった外観 アプリデザインMock
23. アプリアイコンデザイン案 公式サイトのお手本 ”Product icons” https://material.io/design/iconography/product-icons.html#grid- keyline-shapes
24. 全く知らない人がアイコンを作ってくれました • hafiz ahmmed さん • いろんな人にラン チャーアイコンを作って いる人？ • こんなアプリでも見て いる人がいる https://github.com/gitboku/toDidList/issues/2
25. FLATICON の画像をインポートして作成 “Premium”以外のアイコンなら クレジットに表記するだけでOK https://www.flaticon.com/
26. アプリリリース ~GooglePlayConsoleに登録~ テストに協力してくれるユーザーにだけテスト用のバージョ ンを送ることもできる 高機能なDeployGate アカウント登録料は約2300円
27. Console内でできること • 現在の有効なインス トール数の確認 • ストアで動表示されて いるか確認 • レーティングや価格設 定 • バグレポートなどの ユーザレビュー • アプリ改善案の提案
28. 次に作ろうと考えているもの • 収益も考えたWebアプリ • GoogleAdSenceとかAmazonの広告を入れたい • google analyticsを使いたい • 外部のAPIとか使いたい • 使ったことのない技術を使いたい
29. こんな記事を前に見た https://qiita.com/jabba/items/edefda09121877b79760 https://www.techbookrank.com/
30. 「使った技術」が書いてある 以下のものを使おうと決定 • RubyOnRails • React • Heroku • Amazon Product Advertising API • AWS https://www.techbookrank.com/about
31. 英語学習用洋書検索データベース（仮） ターゲット：リーディング勉強用の本を 探している人 アプリサーバ：Ruby On Rails ビュー：React 本のデータ：楽天洋書検索API 広告：楽天とAmazon 環境：AWS デプロイ：Heroku “InVision”で作ったMock
32. 楽天洋書検索APIはAPIbankで見つけました https://www.apibank.jp/ApiBank/main