Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

[email protected]

July 04, 2022
Tweet

Other Decks in Technology

Transcript

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

    View Slide

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

    View Slide

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

    View Slide

  4. CADDiの受発注事業

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide