🦥

【React Native】怠惰な人向けの5分で消えるTodoアプリをつくった

2 min read 2

はじめに

はじめてモバイルアプリつくってみてどうこうって感じです。
機能としては、Todoアプリ的な感じなので技術的におおお...!とはなりません。

サービスの概要

5分で終わるような簡単なタスクだけを登録し、スタートしたら完了するか5分たつと勝手にタスクが消えるTodoアプリです。やらなきゃな〜 → やらないで終わる人が「やるぞー」ってなるトリガーみたいになるのをイメージしています。たまっている簡単なタスクをまとめて30分でできたらテンションあがりそうみたいなのもある。

やる気は作業始めてからでる的なのあるしとりあえず5分するぞ〜っていう用途もありそうだと思いました。

App Storeに自分がつくったのがあるの感慨深い

https://apps.apple.com/jp/app/5minutes-todo/id1598084813

開発した背景

ぼくは皿洗い、洗濯、片付け、ごみ捨て、書類手続きなど、基本的な生活がうまくできないスーパー怠惰人間なので、色々やらなきゃな〜って思い、何もやらない日々を送っています。怠惰人間も丁寧な暮らし(?)的なのがしたい。

そういった話を相談したらサービスの概要にあるようなアプリつくってみたらいいじゃんとアドバイスを頂いたのでつくりました。あとReact学んでたからモバイルもつくってみたかった。

技術関連

  • React Native
    Reactを学んだのでReact Nativeも使ってみたいと思い使用しました。ほぼReactじゃん!ってなりました(小並感
  • Firebase
    以前Supabaseを使ってみたので今回はFirebaseを使ってみました。Supabase同様、簡単なアプリつくるならこれでいいじゃんってなりました(小並感
  • Expo
    いい感じにしてくれるやつ

がんばりポイント

React Nativeを学び、3日間で完成させた!

今回は3日でつくるぞ〜と期限を決めて開発しました。簡単なアプリなので、学んだことそのままでいい部分もあったけど、1から改めて作ると理解できてなかったところや謎のエラーに5時間悩まされました。公式ドキュメントめっちゃ見たり、色々試して、理解度が上がり勉強になりました。(開発までは3日で終わったけどリリースするまでは1週間くらいかかった)

本とかUdemyで真似してつくるの楽しいけど、そこからなにか作ってみたりしてない人は↑こんなのしてたらいい感じになるとおもった

Figmaデビュー戦

以前アプリを開発したときは、デザインを決めずにノリで作っていき、案の定、手戻り的なのを繰り返し涙を流したので、今回はFigmaで軽くデザインを決めて開発しました!スタイル当てるのがサクサク進み、結果時間の短縮につながった気がする。
みんなの銀行すきなので、リスペクトの白黒デザインです。

大変ポイント

ちゃんと書いたら長くなるのでざっくりこんな感じ。すごいシンプルなアプリだけど色々大変だった。

  • Firebaseのバージョンを下げたら、エラーなおった!なんだこれ、、、
  • react-navigationのバージョンによる挙動の違いに気づかず時間を溶かす
  • 画面遷移の仕組みから生じたエラー
  • onSnapshot的なやつに倒されかける
  • リジェクト

ぼくの低スペPCだと反映が遅くて、エラー解決した! (嬉)→ やっぱエラーだったわ^^が一番つらかったです。

App Storeにリリースする時に学んだこと

リジェクトからAppleとのレスバトルに負け、修正するに至りました。

アカウントベースがどうこう

はじめに提出したときは、コアな機能はアカウント作成しなくても確認できる状態にする必要があるとどこかでみたので、Firebaseの匿名ログインからアプリを利用でき、登録後データを紐付けるようにしてました。
すると機能が一緒なら登録させずに使えるようにする必要があったみたいで、匿名ユーザーのままアプリを利用できるようにたのむわって言われました。
なんとなくユーザーごとにデータとってくるなら登録いるでしょって思ってたけど、匿名ゲストで大丈夫なアプリ(機能に差がないとか)はこれでリジェクトされるみたいです。
わりと気に入ってた登録・ログイン画面が要らなくなったのは少しさみしかったです。

ふりかえり

ぼくはこういうの作ってみたらってアドバイスでつくってみたけど、とりあえずTODOアプリつくる的なのよりはテンション上がったんで何か工夫があったら開発もたのしかったです。
ちょっと使ってみての感想は、今はしなくていいやが少し減った気がしてます。自分の弱点を解決できそうなのを、作れたし勉強してきてよかったなと思いました。

おしまい

Discussion

感想

  • まだ読み始めたばかりですが、自作されたアプリをリリースまでされている点は非常に素晴らしいと感じました🔥
    • サービスの内容も面白そう👍
  • モバイルアプリの開発で勉強している環境が似ているので、参考になるところが多そう
    • React Native
    • Firebase
    • Expo
  • リリースするまでの期限を決めて実際にリリースしたのは好印象👍
  • デザインの行ったり来たりの話も参考になるところが多くて👍
    • バックエンドに興味がある自分もデザインを後回しをしがち

感想ありがとうございます〜!

ログインするとコメントできます