敵か？味方か？表計算ソフトとの付き合い方_220628

Slide 1

Slide 1 text

A B O U T 敵か？味方か？表計算ソフトとの付き合い方

Slide 2

Slide 2 text

2 自己紹介 - 小倉拳(Ken Ogura) - キャディ歴3年 - 生産管理系プロダクトのFEエンジニア - React/Next.js/GraphQL/NestJS - 趣味：YouTuber

Slide 3

Slide 3 text

目次 3 ● CADDiの受発注事業概要 ● 事例１：パートナー・ポータルを普及させたい ● 事例２：社内OPSを標準化したい

Slide 4

Slide 4 text

CADDiの受発注事業

Slide 5

Slide 5 text

CADDiの受発注事業生産管理プロダクト ● 見積管理 ● 受発注管理 ● 請求書発行 ● サプライチェーン設計 ● etc…

Slide 6

Slide 6 text

CADDiの受発注事業生産管理プロダクトパートナー・ポータル ● 見積・受注の管理 ● 受注した案件の確認 ● etc… ● 見積管理 ● 受発注管理 ● 請求書発行 ● サプライチェーン設計 ● etc…

Slide 7

Slide 7 text

CADDiの受発注事業生産管理プロダクトパートナー・ポータル ● 見積・受注の管理 ● 受注した案件の確認 ● etc… ● 見積管理 ● 受発注管理 ● 請求書発行 ● サプライチェーン設計 ● etc… 在庫管理プロダクト ● 在庫管理 ● etc…

Slide 8

Slide 8 text

CADDiの受発注事業生産管理プロダクトパートナー・ポータル ● 見積・受注の管理 ● 受注した案件の確認 ● etc… ● 見積管理 ● 受発注管理 ● 請求書発行 ● サプライチェーン設計 ● etc… 在庫管理プロダクト ● 在庫管理 ● etc… 今日はここの話をします

Slide 9

Slide 9 text

事例１ 9 パートナー・ポータルを普及させたいパートナー・ポータル ● 見積・受注の管理 ● 受注した案件の確認 ● etc…

Slide 10

Slide 10 text

パートナーポータル概要 10 注文見積依頼注文見積依頼見積回答見積回答パートナーポータル: 　 CADDiとパートナー企業とのやり取りを取りまとめるポータルいままでメール・電話・Excel/スプレッドシートのやりとりで対応していた部分を吸収したい。 Supply Partner Partner Portal

Slide 11

Slide 11 text

パートナーポータルが使ってもらえるまでの壁 11 Partner Portal 注文見積依頼注文見積依頼見積回答見積回答 Supply Partner

Slide 12

Slide 12 text

パートナーポータルが使ってもらえるまでの壁 12 Partner Portal 注文見積依頼注文見積依頼見積回答見積回答 Supply Partner メールのほうが速いぜ！

Slide 13

Slide 13 text

パートナーポータルが使ってもらえるまでの壁 13 Partner Portal 注文見積依頼注文見積依頼見積回答見積回答 Supply Partner メールのほうが速いぜ！パートナーポータルから見積回答可能でもメール・Excelで回答送信 Excelのほうが速いぜ！

Slide 14

Slide 14 text

解決方法 14 Partner Portal 注文見積依頼注文見積依頼見積回答見積回答 Supply Partner メールのほうが速いぜ！パートナーポータルから見積回答可能でもメール・Excelで回答送信 Excelのほうが速いぜ！

Slide 15

Slide 15 text

解決方法 15 Partner Portal 注文見積依頼注文見積依頼見積回答見積回答 Supply Partner メールのほうが速いぜ！パートナーポータルから見積回答可能でもメール・Excelで回答送信 Excelのほうが速いぜ！社内ユーザーにOPSの標準化を周知徹底数字もとってちゃんとFB

Slide 16

Slide 16 text

解決方法 16 Partner Portal 注文見積依頼注文見積依頼見積回答見積回答 Supply Partner メールのほうが速いぜ！パートナーポータルから見積回答可能でもメール・Excelで回答送信 Excelのほうが速いぜ！社内ユーザーにOPSの標準化を周知徹底数字もとってちゃんとFB Excelより使いやすくなるしかないのか、、、、！？

Slide 17

Slide 17 text

解決方法詳細① 17 社内ユーザーにOPSの標準化を周知徹底数字もとってちゃんとFB 社内ユーザー「メールで送ったほうが早いぜ！」

Slide 18

Slide 18 text

解決方法詳細① 18 - 標準OPSに則ればメールより早いしデータも残る - 過渡期ならではの混乱として冷静に対処 - ユーザーが社内のみなので周知喚起が比較的容易 - うまくいった社内ユーザーにOPSの標準化を周知徹底数字もとってちゃんとFB 社内ユーザー「メールで送ったほうが早いぜ！」

Slide 19

Slide 19 text

解決方法詳細② 19 Excelより使いやすくなるしかないのか、、、、！？パートナーさんも、ポータルを使わずに、メール・Excelで回答する。

Slide 20

Slide 20 text

解決方法詳細② 20 - 打倒Excel！ - しかし、それは工数がかかってしんどい。 - デザイナーに相談だ！ Excelより使いやすくなるしかないのか、、、、！？パートナーさんも、ポータルを使わずに、メール・Excelで回答する。

Slide 21

Slide 21 text

解決方法詳細② 21 デザイナー・PdMとの会話： - 「Excelの完全コピーはしなくて良い」 - 「今までの作業フローに慣れている人が使い始めやすい UI/UXにしましょう」 - 「Excelのどこが良いのかちゃんとヒアリングしてくる」

Slide 22

Slide 22 text

解決方法詳細② 22 デザイナー・PdMとの会話： - 「Excelの完全コピーはしなくて良い」 - 「今までの作業フローに慣れている人が使い始めやすい UI/UXにしましょう」 - 「Excelのどこが良いのかちゃんとヒアリングしてくる」ヒアリング結果 - 「矩形選択、コピペ、Undo/Redoが必要そう」 - 「細かいのだとEnter押下で次に移動したり、　Tabでの移動ができたり、Deleteで消えたり...」

Slide 23

Slide 23 text

「今までの作業フローから乖離させない」を意識 ▼Before 見慣れないUIを学習する必要がある ▼After 表計算ソフトと同じ操作性有償ライブラリAgGridを使いコピペ等のUIを提供

Slide 24

Slide 24 text

「今までの作業フローから乖離させない」を意識 ▼Before 見慣れないUIを学習する必要がある ▼After 表計算ソフトと同じ操作性有償ライブラリAgGridを使いコピペ等のUIを提供変更後：App使用率急増 26% → 90%超

Slide 25

Slide 25 text

解決方法詳細② 25 - Excelのどこを「使いやすい」と思っているのかをヒアリングして、それをWebAppに移植した Excelより使いやすくなるしかないのか、、、、！？パートナーさんも、ポータルを使わずに、メール・Excelで回答する。

Slide 26

Slide 26 text

解決方法詳細② 26 - Excelのどこを「使いやすい」と思っているのかをヒアリングして、それをWebAppに移植した - めでたしめでたし、、、？ Excelより使いやすくなるしかないのか、、、、！？パートナーさんも、ポータルを使わずに、メール・Excelで回答する。

Slide 27

Slide 27 text

パートナーポータルの Excelとの付き合い方　現状 27

Slide 28

Slide 28 text

パートナーポータルの Excelとの付き合い方　現状 28 Excel形式でUploadできる機能を追加

Slide 29

Slide 29 text

パートナーポータルの Excelとの付き合い方　現状 29 パートナーさんのユーザー体験 - 見積もり回答したいExcelをDLして - 手元のPCでいじって - Uploadする Excel形式でUploadできる機能を追加

Slide 30

Slide 30 text

パートナーポータルの Excelとの付き合い方　現状 30 パートナーさんのユーザー体験 - 見積もり回答したいExcelをDLして - 手元のPCでいじって - Uploadする Excel形式でUploadできる機能を追加

Slide 31

Slide 31 text

事例１：パートナーポータルを普及させたいまとめ 31 ● 編集のためのリッチなUIはExcelに任せる ● ポータルサイトを経由してアップロードされればそれでOK

Slide 32

Slide 32 text

事例１：パートナーポータルを普及させたいまとめ 32 ● 編集のためのリッチなUIはExcelに任せる ● ポータルサイトを経由してアップロードされればそれでOK ● 管理画面の目的は管理であり編集ではない

Slide 33

Slide 33 text

事例２ 33 社内OPSを標準化したい生産管理プロダクト ● 見積管理 ● 受発注管理 ● 請求書発行 ● サプライチェーン設計 ● etc…

Slide 34

Slide 34 text

あらすじ 34 手動OPSによる PoCが済んだから WebAppで標準化してスケールさせよう ※手動OPS：スプレッドシートやExcelを随所で使用

Slide 35

Slide 35 text

受発注OPS概要図 35 見積OPS 図面見積回答発注見積・発注 SupplyChain設計 OPS 納品検品・在庫管理 OPS 納品顧客パートナー町工場

Slide 36

Slide 36 text

受発注OPS概要図 36 見積OPS 図面見積回答発注見積・発注 SupplyChain設計 OPS 納品検品・在庫管理 OPS 納品顧客パートナー町工場ここを一度手動で廻して PoC

Slide 37

Slide 37 text

受発注OPS概要図 37 見積OPS 図面見積回答発注見積・発注 SupplyChain設計 Ops 納品検品・在庫管理 OPS 納品顧客パートナー町工場ここを一度手動で廻してPoC PoCとはいえ Heavyなスプレッドシートが生まれてつらい

Slide 38

Slide 38 text

第一次OPS標準化 OPSの脱Excel・スプレッドシートを目指し、一気通貫の受発注管理Appが登場 UI上で規模の大きな受発注案件の操作ができて便利！あとからCSVアップロードの機能も追加して、大規模データにも対応！ ▲某イベントで紹介した受発注管理Appの画面

Slide 39

Slide 39 text

第二次OPS標準化 Biz要件でのOPSの抜本的な変更が入る。新たなOPSの標準化のために新しいApp の製作が決定

Slide 40

Slide 40 text

第二次OPS標準化 Biz要件でのOPSの抜本的な変更が入る。新たなOPSの標準化のために新しいApp の製作が決定 - Q. さてどの順番で作ろう？

Slide 41

Slide 41 text

第二次OPS標準化 Biz要件でのOPSの抜本的な変更が入る。新たなOPSの標準化のために新しいApp の製作が決定 - Q. さてどの順番で作ろう？ - A. ほとんどの画面でCSVアップロード機能を先に実装

Slide 42

Slide 42 text

第二次OPS標準化 Biz要件でのOPSの抜本的な変更が入る。新たなOPSの標準化のために新しいApp の製作が決定 - Q. さてどの順番で作ろう？ - A. ほとんどの画面でCSVアップロード機能を先に実装理由 - その方が動くものが出来上がるのが早いから。 - データの受け渡し部分を標準化すれば、カスタマイズ性をもたせながら全体的な標準化を進められる。 - ユーザー観点でも移行コストが小さい。

Slide 43

Slide 43 text

Slide 44

Slide 44 text

事例２：社内OPSを標準化したいまとめ 44 ● 編集のためのリッチなUIはExcelに任せる ● OPSの要所で、決まった形式のデータがAppにアップロードされればそれでOK ● 管理画面の目的は管理であり編集ではない

Slide 45

Slide 45 text

表計算ソフト！これからもよろしく！デザイナー

Slide 46

Slide 46 text

表計算ソフト！これからもよろしく！デザイナー

Slide 47

Slide 47 text

47 お仲間募集中！！！バックエンドエンジニアフロントエンドエンジニアプラットフォームエンジニアエンジニアリングマネージャーテクニカルサポート/TAM アルゴリズムエンジニア機械学習エンジニア MLOpsエンジニア QAエンジニア SaaSエンジニア twitterアカウント：＠CaddiTechもフォローお願いします♪ プロダクトデザイナーデータエンジニア

Slide 48

Slide 48 text

48 詳細・お申し込みはconnpassのCADDiページへ 7/13(木)19:00～　イベント開催のお知らせ