GASを使って非エンジニアが AWS Step Functions を 操作できる仕組みの紹介 / Introducing how non-engineers can operate AWS Step Functions using GAS

#16 【オンライン開催】FukuokaJS での登壇スライドです．
https://fukuokajs.connpass.com/event/242647/

Transcript

1. GASを使って非エンジニアが

   AWS Step Functions を

   操作できる仕組みの紹介

   okabeeeat 

   2022.5.18 / #16 【オンライン開催】FukuokaJS

   

   View Slide

2. 生活協同組合コープさっぽろ

   デジタル推進本部 システム部 エンジニア

   岡部恭平 @okabeeeat

   Webアプリケーションエンジニア

   

   View Slide

3. 目次

   ● 背景

   ○ 現状の仕組み

   ● 目的

   ○ 方針

   ○ 方法

   ○ 目指す仕組み

   ● やること

   ● 効果

   ● まとめ

   

   View Slide

4. 背景

   ● 職員(非エンジニア)の作業の一つに、あるシステムのデータが
   入っているCSVが必要な作業がある

   ● CSVが必要な時はエンジニアにその都度依頼をする

   ● エンジニアは AWS 等を用いてCSVを作成し、職員に渡す

   CSV欲しい!
 了解しました!!

   職員
 エンジニア

   

   View Slide

5. 現状の仕組み

   社内システム

   職員

   ①CSV出力を

   実行

   ②CSV

   ダウンロード

   ③CSV

   アップロード

   ④CSV

   ダウンロード

   ⑤CSV

   アップロード

   エンジニア

   

   View Slide

6. 課題

   職員はエンジニアがいないとCSVを用意できない

   日によっては何度も依頼
   が来ることがある

   エンジニア

   

   View Slide

7. 目的

   職員のみでCSVを用意できるようにする

   

   View Slide

8. 方針

   以下の2つの方針を検討

   

   ● 職員が AWS を操作できるように教える

   

   ● エンジニアが行う作業を自動化する

   

   View Slide

9. 方針

   以下の2つの方針を検討

   

   ● 職員が AWS を操作できるように教える

   

   ● エンジニアが行う作業を自動化する

   

   View Slide

10. 方法

    以下の2つの方法を検討

    

    ● スクラッチで開発する仕組みを作る

    

    ● スプレッドシートやノーコードツールを利用し開発する

    

    View Slide

11. 方法

    以下の2つの方法を検討

    

    ● スクラッチで開発する仕組みを作る

    

    ● スプレッドシートやノーコードツールを使って開発する

    

    View Slide

12. スプレッドシート？

    

    View Slide

13. そう！GAS(Google Apps Script)です!

    

    View Slide

14. 目指す仕組み

    社内システム

    職員

    ①CSV出力を

    実行
    ②CSV

    アップロード
    ③CSV

    ダウンロード
    ④CSV

    アップロード

    

    View Slide

15. やること

    1. Step Functions を Express ワークフロー で作り直す

    

    2. API GateWay を作成する

    a. スプレッドシートからのリクエストを受け付ける

    b. Step Functions を実行する

    

    3. スプレッドシートで UI を開発する

    

    4. Zapier で S3 の CSV を Google Drive へアップロードする

    

    View Slide

16. Step Functions を Express ワークフロー で作り直す

    同期実行が可能になる

    

    View Slide

17. API GateWay を作成する

    必要なIAMロール・ポリシーは事前に作成しておく

    

    View Slide

18. スプレッドシートで UI を開発する

    CSV実行シート

    実行結果シート

    

    View Slide

19. スプレッドシートで UI を開発する

    CSV実行ボタン作成

    CSV実行シートの入力項目を取得

    

    View Slide

20. スプレッドシートで UI を開発する

    Step Functions を実行する

    

    View Slide

21. Zapier で S3 の CSV を Google Drive へアップロードする

    ※ AWS との連携は有料プランの登録が必要

    

    View Slide

22. 無事に出来上がりました

    社内システム

    職員

    ①CSV出力を

    実行
    ②CSV

    アップロード
    ③CSV

    ダウンロード
    ④CSV

    アップロード

    

    View Slide

23. 効果

    ● 職員のみでCSVを用意できるようになった

    ○ 都度都度エンジニアに依頼する必要がなくなった

    

    ● エンジニア・職員の作業工数が削減した

    

    View Slide

24. まとめ

    ● 職員の作業の一つに、あるシステムのデータが入っているCSVが必要な作業があっ
    た

    

    ● エンジニアがいないとCSVを用意できない仕組みだった

    

    ● スプレッドシート + ノーコードツールでエンジニアの作業を自動化した

    

    ● 職員のみでCSVを用意できるようになった

    

    ● エンジニアと職員、両方の作業工数を削減できた

    

    View Slide

25. ご清聴ありがとうございました

    

    View Slide