SiteDIARY(現場日報)

概要

現場作業を行う作業者が日報を入力、確認するアプリケーションです。

作業者は主にiPhone、iPadからこのアプリケーションで日報入力します。

生産管理の担当者はPCで入力結果を確認し、月締め時に外注納品書を自動生成しメール送信します。

Points

アプリ化前にGoogleスプレッドシートを使用していたため、その形も残しつつスマホで見やすいレイアウトに拘りました。

列をピン止めしたり、ズームイン/アウトをできるようにしたり、階層的に表示を行うなどしています。

その他、ユーザの利便性に特化した実装をしています。

  • ・社員番号とカナのあいまい検索の両方に対応
  • ・外注納品書の自動生成とメール送信
  • ・予定工数と実績工数の階層別表示
  • ・マトリクスを見ながらの日報の入力、編集
  • ・日報の複数社員一括入力

Stacks

  • フロントエンド :
    • React、
    • CSS(Sass、MaterialUI、FlatIcon)、
    • Libraries(GmailAPI、axios、papaparse、date-fns...)
  • バックエンド :
    • Express、
    • kintone、
    • Libraries(kintoneAPIClient、puppeteer)
  • インフラ・その他 :
    • FirebaseAuthentication(認証)、
    • CloudRun(バックエンド)、
    • FirebaseHosting(フロントエンド)
画像 1
画像 2
画像 3
画像 4
画像 5
画像 6
画像 7
画像 8
画像 9
アクティブ画像