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

Slide 1

Slide 1 text

GASを使って非エンジニアが  AWS Step Functions を  操作できる仕組みの紹介  okabeeeat   2022.5.18 / #16 【オンライン開催】FukuokaJS 

Slide 2

Slide 2 text

生活協同組合コープさっぽろ  デジタル推進本部システム部エンジニア  岡部恭平 @okabeeeat  Webアプリケーションエンジニア 

Slide 3

Slide 3 text

目次  ● 背景  ○ 現状の仕組み  ● 目的  ○ 方針  ○ 方法  ○ 目指す仕組み  ● やること  ● 効果  ● まとめ 

Slide 4

Slide 4 text

背景  ● 職員(非エンジニア)の作業の一つに、あるシステムのデータが入っているCSVが必要な作業がある  ● CSVが必要な時はエンジニアにその都度依頼をする  ● エンジニアは AWS 等を用いてCSVを作成し、職員に渡す  CSV欲しい!  了解しました!!  職員  エンジニア 

Slide 5

Slide 5 text

現状の仕組み  社内システム  職員  ①CSV出力を  実行  ②CSV  ダウンロード  ③CSV  アップロード  ④CSV  ダウンロード  ⑤CSV  アップロード  エンジニア 

Slide 6

Slide 6 text

課題  職員はエンジニアがいないとCSVを用意できない  日によっては何度も依頼が来ることがある  エンジニア 

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

方針  以下の2つの方針を検討    ● 職員が AWS を操作できるように教える    ● エンジニアが行う作業を自動化する 

Slide 9

Slide 9 text

方針  以下の2つの方針を検討    ● 職員が AWS を操作できるように教える    ● エンジニアが行う作業を自動化する 

Slide 10

Slide 10 text

方法  以下の2つの方法を検討    ● スクラッチで開発する仕組みを作る    ● スプレッドシートやノーコードツールを利用し開発する 

Slide 11

Slide 11 text

方法  以下の2つの方法を検討    ● スクラッチで開発する仕組みを作る    ● スプレッドシートやノーコードツールを使って開発する 

Slide 12

Slide 12 text

スプレッドシート？ 

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

目指す仕組み  社内システム  職員  ①CSV出力を  実行 ②CSV  アップロード ③CSV  ダウンロード ④CSV  アップロード 

Slide 15

Slide 15 text

やること  1. Step Functions を Express ワークフローで作り直す    2. API GateWay を作成する  a. スプレッドシートからのリクエストを受け付ける  b. Step Functions を実行する    3. スプレッドシートで UI を開発する    4. Zapier で S3 の CSV を Google Drive へアップロードする 

Slide 16

Slide 16 text

Step Functions を Express ワークフローで作り直す  同期実行が可能になる 

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

スプレッドシートで UI を開発する  CSV実行シート  実行結果シート 

Slide 19

Slide 19 text

スプレッドシートで UI を開発する  CSV実行ボタン作成  CSV実行シートの入力項目を取得 

Slide 20

Slide 20 text

スプレッドシートで UI を開発する  Step Functions を実行する 

Slide 21

Slide 21 text

Zapier で S3 の CSV を Google Drive へアップロードする  ※ AWS との連携は有料プランの登録が必要 

Slide 22

Slide 22 text

無事に出来上がりました  社内システム  職員  ①CSV出力を  実行 ②CSV  アップロード ③CSV  ダウンロード ④CSV  アップロード 

Slide 23

Slide 23 text

効果  ● 職員のみでCSVを用意できるようになった  ○ 都度都度エンジニアに依頼する必要がなくなった    ● エンジニア・職員の作業工数が削減した 

Slide 24

Slide 24 text

まとめ  ● 職員の作業の一つに、あるシステムのデータが入っているCSVが必要な作業があった    ● エンジニアがいないとCSVを用意できない仕組みだった    ● スプレッドシート + ノーコードツールでエンジニアの作業を自動化した    ● 職員のみでCSVを用意できるようになった    ● エンジニアと職員、両方の作業工数を削減できた 

Slide 25

Slide 25 text

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