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

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

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

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

bake0937

May 18, 2022
Tweet

More Decks by bake0937

Other Decks in Programming

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