LoginSignup
1
0

More than 1 year has passed since last update.

[React Native] 持病の母のためにトイレのログをとれるごくシンプルなアプリを作った

Posted at

きっかけ

利尿剤を服用しているのでトイレの記録と利尿剤を服用した時間の記録が取れるアプリが欲しいと言われた
既に似たようなアプリがあったが、利尿剤を服用した記録も欲しい母にとっては編集が必須だった
だったら、母専用のログアプリを作ろうと思った

私のスペック

・仕事ではPHP(FuelPHP)を担当
・JSは既存の画面をもとに少しいじる程度しか使わない(JQuery)
・MDNのTodoアプリ(React)を作るチュートリアルをTypeScriptに変換しながら作った程度
そんなもんでフロントに関してはど素人なので勉強がてら作ってみた

使用したもの

・React Native
・NativeBase
・TypeScript
・Expo(実機確認)

ボタンを押せば押した時間とテキストを表示させるとってもシンプルなアプリ

実際の画面(Web)
もちろん、テキストの編集もできる
logscreen.png

構成

作ってみて

Expoを使ってiphoneから確認できる手軽さはハマる
新しいものに触れるのはいろんな意味で楽しい
Macbookを買ったらリリースしたい

作るにあたって参考にしたもの
公式: https://reactnative.dev/
動画: How to build a smoothly animated ToDo app with React Native, Expo, Reanimated, NativeBase, and Moti

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0