概要
設計図面の情報を閲覧するアプリケーションです。
このアプリを使用することでkinotneライセンスを持っていない社員も設計図面に関するレコード情報を閲覧することができます。
Googleドライブに保存された図面のPDFを見たり、複数のPDFを選択して結合することもできます。
Points
Reactを使用し、認証付きのシンプルなビューワアプリを実装しました。
最新の図面のみ表示したり、エンターキーで検索実行できるなど細かな利便性に配慮しました。
その他、以下の実装をしています。
- ・詳細な検索メニュー（製作工場、品目、文書名、図面名etc）
- ・複数のPDFの結合（選択とDnDによる並び替え）
- ・ライトモード／ダークモードの切り替え機能
- ・クエリパラメータの製番から検索を自動実行
- ・1万件を超えた場合に警告メッセージを表示する
Stacks
-
フロントエンド :
- React、
- CSS(Sass、MaterialUI、FlatIcon)、
- Libraries(date-fns、papaparse、react--tag-input、axios...)
-
バックエンド :
- Express、
- kintone、
- Libraries(kintoneRestAPIClient)
-
ｲﾝﾌﾗ・その他 :
- FirebaseAuthentication（認証）、
- CloudRun（バックエンド）、
- FirebaseHosting（フロントエンド）
