こんにちは。E-kan株式会社の池側です。
前回の環境設定に続き、今回はアプリの「中身」と「入り口」を作る作業(Step3〜5)を進めました。
-
【Step 03】データの「入れ物」をデータベースに準備
アプリで使うデータ(ユーザー情報や毎日の日報など)を保存するための場所を作りました。
• やったこと: schema.prisma という設計図に「ユーザーはこんな情報を持つ」「日報にはこれを書く」というルールを書き、コマンド一つで本物のデータベースにその形を反映させました。
• こだわりのポイント: 同じ日に何回も日報が送られてデータがごちゃごちゃにならないよう、「1人につき1日1件まで」というルールをデータベース側にしっかり覚えさせました。
• 確認方法: 専用の管理画面(Prisma Studio)をブラウザで開き、表形式でテーブルが作られているのを見て「よし!」と一安心です。 -
【Step 04】絵文字と数字の「変換ルール」を決定
アプリで使う「😊」や「🔋」といった絵文字を、コンピュータが処理しやすいように「1、2、3...」という数字に置き換えるルールを決めました。
• やったこと: lib/checkin-codes.ts という共通のメモ帳を作り、「睡眠が『良い』なら数字の1」といった定義をまとめました。
• メリット: これにより、画面を作る担当(フロント)とデータを保存する担当(バックエンド)の間で「この数字はどういう意味?」という勘違いが起きなくなり、バグを未然に防げます。
• ここが大事: 「頭のモヤモヤがひどい(レベル3)」など、特定の数字が届いたときに「お疲れ様です!」と通知を出すための基準としても役立ちます。 -
【Step 05】メール一本でログインできる仕組みの実装
パスワードを覚えなくていい「マジックリンク」というログイン機能を導入しました。
• ログインの流れ:
1.ユーザーがメールアドレスを入力すると、ログイン用のメールが届く。
2.メール内のリンクをポチッと押すと、そのままアプリにログイン完了!
3.自動でお出迎え: 初めてログインした人の場合は、そのまま自動的に「新しいユーザー」として登録される仕組みにしました。
• できたこと: ユーザーが迷わずにログインでき、かつ安全に情報を守れる「玄関口」が完成しました。
★まとめと感想
今回の作業で、「誰が」「どんな情報を」「どんな形で」保存するのかというアプリの基礎がすべて固まりました。
Cursorを使うと、こうした「ルール作り」のコードも会話するようにサクサク書けるのが本当に心強いです。
次は、実際にユーザーが触る「チェックイン画面」の実装に移ります!
----------------
最後までお読みいただき、ありがとうございます!
「テクノロジー×人の想い」で、未来はもっと面白くなる。
E-kan(イーカン)は、そんなワクワクするITの未来を創り出すチームです。
最先端のテクノロジーに独自のアイデアを乗せて、社会を「もっと便利に、もっと自由に」アップデートしていく。
私たちはそのプロセスに、何よりも情熱を注いでいます。
そして、代表の村岡友樹は、
一般社団法人 日本生成AI推進協会(JGAA)の代表理事として、
生成AIの健全な発展と活用を推進し、日本から世界へと新しい価値を発信しています。
私たちが大切にしているのは、「人」と「AI」が共に成長する未来です。
もし少しでも私たちの想いに共感していただけたなら、ぜひ以下のリンクから活動や採用情報をご覧ください。
きっと、あなたの次のステップにつながる何かが見つかるはずです。
🌐 E-kan株式会社(イーカン)
🌱 「テクノロジー×人の想い」で未来を変えていく仲間を募集中です!
■ 公式サイト
https://e-kan.tokyo/
■ 採用サイト(en-gage)
https://en-gage.net/e-kan/
🤖 一般社団法人 日本生成AI推進協会(JGAA)
■ 公式サイト
https://japan-gaa.com/
📱 各種メディア・SNSで最新情報をチェック
■ note
https://note.com/e_kan
■ Qiita
https://qiita.com/EkanTw