[Android個人開発LT]個人開発始めてみた

Android個人開発LTで発表した資料です。
https://connpass.com/event/241867/

https://twitter.com/assa_012
#android_kojinkaihatsu_LT

Transcript

1. 個人開発始めてみた Android LT会 2022/04/12 Yuta Asada(bull)
2. ぶる(浅田悠太) 株式会社アトラエ 23卒予定 Yenta事業部 Androidエンジニア JetpackComposeへの移行 47都道府県制覇 世界一周、貧困支援の経験あり
3. ぶる(浅田悠太) Twitter: @assa_012 github :@asa-012
4. 前置き 実はAndroidの個人開発を1年前にやっていた だが完成には至っていない&Javaで書かれているため 完全放置。。。。。。。。。 このままじゃだめだ。。。。。いつかリファクタリングしないと。。。 そしていつの間にか1年が経った。。
5. 今回のLT会での決意表明 Javaをkotlinに移行して個人開発アプリを完成させます
6. Javaで作った時のアプリについて • MVCアーキテクチャの崩壊版 • LocalDateTime使わずCalendar型とDate型 • ActivityResultConstantではなくonActivityResult使っている • Dateの保存はLong型ではなく、String型である • pngが使われている 今の時代はwebpかsvg • ConstraintLayout使っていない • findViewById • 自作のデータクラス • データベースは使わずGsonでJson化して保存
7. 作っているアプリの概要 • 料理を記録する • Google Calendarを想像して貰えば良い(メインタブ) ◦ 週間カレンダー、月間カレンダーを表示 ◦ 日程部分に料理登録、表示が可能 • 料理登録用タブ • 設定画面タブ
8. kotlin移行するにあたって考えたこと • ios版も出したいと思っていたからKMMの導入あり • KMM使うならLiveDataよりStateFlow使うべきか • Javaを封じ込めたいのでマルチモジュール化してlegacyモジュールに格納すべきか • JetpackComposeの導入するかどうか　使うならsingle Activityにするかどうか • 画面遷移はnav graph使うかどうか • Gson保存をデータベース保存(Room)に書き換えるかどうか • アーキテクチャはMVVM+Repository+UseCaseかMVVM+Repoか • pngはwebpに書き換える • build.gradleはktxに変更 • DIはKoinではなくHiltでいいよな...? • Firebase RealtimeDatabaseからFireStoreに入れ替えた方がいい? • github actions使おうか • ktlint入れようか • ListViewをRecyclerViewに変えたい • テストいるか...? • ログいるか..? • バックアップどうしよう
9. 過去の自分のコード 理解できない
11. １つ１つのセルのadapter
12. //１つのセルの中身を決める @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { holder = new ViewHolder(); //TODO View view = inflater.inflate(R.layout.grid_item_calendar, parent, false); view.setLayoutParams(new AbsListView.LayoutParams(itemWidth, itemHeight)); holder.baseArea = view; holder.tapArea = view.findViewById(R.id.tap_area); holder.text = (TextView) view.findViewById(R.id.text); holder.backgroundToday = (ImageView) view.findViewById(R.id.calendar_background _today); holder.selectedDay = (ImageView) view.findViewById(R.id.selected_day); holder.imageTime = (ImageView) view.findViewById(R.id.image_time); view.setTag(holder); convertView = view; } } else { holder = (ViewHolder) convertView.getTag(); } // 初期化 holder.imageTime.setVisibility(View.INVISIBL E); holder.selectedDay.setVisibility(View.INVISIB LE); holder.tapArea.setOnClickListener(null); holder.tapArea.setClickable(false); holder.text.setBackgroundDrawable(null); //position:日が0,土が6 updateTextColor(position, holder.text); //HACK:最初の7つだけはどのpageでも日～ 月を表示 if (position < COLUMN_COUNT) { String weeks[] = {"日", "月", "火", "水", "木", "金", "土"}; holder.text.setText(weeks[position]); holder.text.setTypeface(Typeface.DEFAULT); return convertView; } //このconversionViewInfoのindex番号＝セ ルの日付 CalendarGridItemEntity entity = calendarManager.conversionViewInfo(positio n - COLUMN_COUNT); List<MedicineRecordEntity> medicines = MedicineTabManager.getInstance(context).fi ndRecordEntitiesByDate(entity.date); holder.baseArea.setVisibility(View.VISIBLE); if (entity.isToday) { holder.backgroundToday.setVisibility(View.VI SIBLE); holder.backgroundToday.setBackgroundRes ource(R.drawable.shape_bg_calendar_today ); }else{ holder.backgroundToday.setVisibility(View.IN VISIBLE); } ClickInfo info = new ClickInfo(); info.date = entity.date; holder.tapArea.setClickable(true); holder.tapArea.setTag(info); holder.tapArea.setOnClickListener(innerClick Listener); holder.text.setText(entity.dateStr); Date today = new Date(); if (medicines.size() > 0 &&
13. カレンダー操作のControllerクラス
14. @Override public void onPageSelected (int position) { //枚数が変更になったら情報更新 selectedIndex = position; if (calendarListener != null) { calendarListener .onPageSelected(positi on); } adapter.clearSelectIfSet() ; setSelectDateForGridView() ; //今のindex番号を取得 int i = adapter.getDiffMonth(position) ; //HACK:カレンダーボタンを押したとき用の 処理　今日の日付を表示する　 indexが隣ではな いから(indexが8→0もあり得るから押すと初期化 する) if(i == 0 && isCalendarMenu ){ Calendar calendar1 = Calendar.getInstance(); calendar1.setTime( new Date()); selectedDate = calendar1.getTime() ; beforeIndex = 0; //HACK:isCalendarMenu はカレンダーボタ ンを押されたらtrue,遷移したらfalseに戻すこ とでカレンダーボタン用処理を実現 isCalendarMenu = false; } //右に1スクロール　カレンダー +7日 if(i == beforeIndex + 1){ Calendar calendar1 = Calendar.getInstance(); calendar1.setTime( selectedDate); calendar1.add(Calendar. DAY_OF_MONTH,7 ); selectedDate = calendar1.getTime() ; beforeIndex++; } //左に1スクロール　カレンダー -7日 if(i == beforeIndex - 1){ Calendar calendar2 = Calendar.getInstance(); calendar2.setTime( selectedDate); calendar2.add(Calendar. DAY_OF_MONTH,- 7); selectedDate = calendar2.getTime() ; beforeIndex--; } CalenderGridAdapter listAdapter = adapter.getCurrentGridAdapter( viewPage r); //現在位置を表示 if(listAdapter != null){ //selectedDate は選択している日付 listAdapter.setSelectDate( selectedDate ); listAdapter.notifyDataSetChanged() ; } //データをつなげる部分 if (calendarListener != null) { calendarListener .onCalendarItemClick( s electedDate); } }
15. 実際にやってみて感動したこと • Javaで長々と書いている部分をkotlinは省略してくれている ◦ 理解度上げるためには Javaの方が良いかも
16. Java public class ToDo { private final Strnig _mTitle; private final String _mText; public ToDo(@NonNull final String aTitle, @Nullable final String aText) { _mTitle = aTitle; _mText = aText; } public String getTitle() { return _mTitle; } public String getText() { return _mText; } }
17. Kotlin data class ToDo( val title: String, val text: String?)
18. 改めてktxすごい • view.isVisible = hoge > 0 • val bundle = bundleOf( "hoge" to "fuga", "isHoge" to true)
19. Webpやっぱりすごい 1. 変更したいpngを右クリックする 2. convert png to webpをクリック 3. 75%圧縮でOKなのでconvert 場合によっては容量が半分以下になる しかもほぼ画質変わらない デメリットないかと
20. build-gradleでIDEが認識してくれるのとても助かる • このextどこで定義されているんだ?ってなった時にIDEが認識してくれていれば Command+クリックで探せる
21. findViewByIdがない便利さ Button btn = (Button) this.findViewById(R.id.button_new); btnNew.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { //TODO } });
22. findViewByIdがない便利さ binding.btn.setOnClickListener { //TODO }
23. ConstraintLayout便利だ 慣れたら圧倒的に使いやすい。 直感的に書くことができる。 ※ただConstraintLayoutは他レイアウトと比べ 重いのでできるだけネストしないように心がけ る必要あり LinearLayoutが使える箇所は使ったり、 CardViewなどのViewで済むならそちらを使っ た方が良いかもしれない
24. ご静聴ありがとうございました！