ID:66760さん

## プロジェクト名 「TOUCH POINT BI」 https://ebilab.jp/service/ ## プロジェクトの目的 小売業・サービス業に特化したBIツール。 現場の課題をひとつずつ解決しながら生まれたBIツールで、店舗業務の煩わしい作業を全て自動化し、飲食・小売店、あらゆるサービス業を支える経営支援ツールです。 ## チーム構成 全6名 フロントエンド・バックエンドエンジニア　2名 データサイエンティスト　2名 BIエンジニア2名 ## 使用言語 Next.js/TypeScript/GraphQL/Laravel/Python/prisma/postgreSql/Vercel/Azure/PowerBI ## プロジェクトの内容 フロントエンドはNext.js/TypeScript/Vercelで構成し、バックエンドはGraphQLを通してPoweBIの分析レポートを取得し、LaravelやPythonの環境に依存しているデータのやり取りを行っております。 ## 主に取り組んでいる事 主に取り組んだことはTOUCH POINT BIの追加実装やバグ修正、そしてバージョン2に移行する業務をしております。 隔週に一回、カスタマーサクセスの方と開発チームを交えたミーティングを行い、顧客の要望を聞いて、チームで取り組むべきかを議論し追加実装を行いました。 その中で私はNext.js/TypeScript/GraphQL/Laravelの箇所で追加実装やバグ修正があれば、先輩エンジニアの方に壁打ち相手になってもらい、分からないことがあれば質問しながらタスクに取り組みました。 ## 常に意識していた点 誰が見てもわかりやすいように、現状のコードのルールなどを理解しながらコードを書いていきました。 そして、プルリクエストを申請する際もコメントなどを記載して相手に伝わりやすいように気をつけました。 また、React Developer Toolなどを使って無駄なレンダリングがないか、パフォーマンスも意識しながら書いております。 ## 実際に取り組んだ事 - 課題 1日の売り上げやその日の労働人数などを記録する日報の機能に、1日の賃貸料金を記入する項目があったのですが、お客様から「1日の賃貸料金はあまり変動がない為、できるだけ、賃貸料金を入力する手間を省きたい」という要望がありました。 - 使用技術 Next.js/TypeScript/GraphQL/Prisma/PostgreSQL/Docker/Azure/Vercel - 取り組んだこと 取り組んだことは、DB、Next.js、GraphQLの順で説明させていただきます。 DB 月の賃貸料金の項目を増やし、保存するタイミングは日報も月の賃貸料金も一緒だが、月の項目も増えていく可能性も考え、日報と月報のデータは分け、新たに月報のテーブルを作成しました。 Next.js 月の賃貸料金の追加処理ではNext.jsで同じフォームを作成し、月の賃貸料金を入力すると、その月の賃貸料金をその月の日数で割った値を日の賃貸料金に自動出力されるようにしました。 また、一度入力されると月と日の賃貸料金の両方とも値を保持するようにしております。 GraphQL GraphQLのresolver内でで値を受け取り、値を整形、そしてそのデータをPrismaにてテーブルへ保存する処理を作成しました。 取得の処理では、GraphQL でリクエストする値を取得し、resolver内で値を整形、そしてPrismaにてテーブルから値を取得しました。 - 工夫した点 可読性を上げるため、GraphQLの実装で、resolverでは値を整形するロジック、PrismaにはDBとのやりとりだけを書くように意識しました。 そして、再現性のある型を作成したりしました。 - 結果 お客様から日報の入力する時間が減って、以前よりもサービスが使いやすくなったというお声をいただけました。