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

GASを使って非エンジニアが AWS Step Functions を 操作できる仕組みの紹介...

Avatar for bake0937 bake0937
May 18, 2022
Programming
1
410

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

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

Avatar for bake0937

bake0937

May 18, 2022
Tweet

More Decks by bake0937

See All by bake0937
CircleCI の有料プランを導入するためにやったこと/What I did to introduce CircleCI's paid plan
Avatar for bake0937 bake0937
0
1.6k
FlutterアプリのiOSビルドとアーカイブを CircleCI で自動化してみた / Tried automating the iOS build and archive of the Flutter app with CircleCI
Avatar for bake0937 bake0937
0
1.2k
Probot で学ぶ TypeScript / Learn with Probot TypeScript
Avatar for bake0937 bake0937
0
180
Amazon ECR を利用していたと思ったら、Docker Hub を利用し続けていた / If I thought I was using Amazon ECR, I continued to use Docker Hub
Avatar for bake0937 bake0937
0
960
Jest + Puppeteer によるE2Eテストで確認作業を短縮してみた / End-to-end testing by Jest + Puppeteer shortened the confirmation work
Avatar for bake0937 bake0937
0
670
所属企業の Advent Calendar を初めて作った時に学んだこと / What I learned when I first created my company's Advent Calendar
Avatar for bake0937 bake0937
1
820
Notion 📚 へ移行して 3ヶ月経った振り返り / Looking back at Notion after 3 months
Avatar for bake0937 bake0937
0
5.9k
Bot開発でRubyを学ぶ / Learn Ruby with Bot Development
Avatar for bake0937 bake0937
0
450
小さく始めるOSS活動
Avatar for bake0937 bake0937
0
120

Other Decks in Programming

See All in Programming
「リーダーは意思決定する人」って本当？～ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ～
Avatar for Marina Nakagawa marina1017
0
230
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
Avatar for Date Huang tjjh89017
0
380
Go製CLIツールをnpmで配布するには
Avatar for syumai syumai
2
1.2k
Vibe coding コードレビュー
Avatar for kinopee kinopeee
0
460
自作OSでDOOMを動かしてみた
Avatar for Zakki zakki0925224
1
1.4k
物語を動かす行動"量" #エンジニアニメ
Avatar for konifar konifar
14
5.3k
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
Avatar for r-kagaya rkaga
12
2.7k
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
Avatar for shunghsiyu shunghsiyu
0
440
ゲームの物理
Avatar for Fadis fadis
5
1.2k
CEDEC2025 長期運営ゲームをあと10年続けるための0から始める自動テスト ~4000項目を50%自動化し、月1→毎日実行にした3年間~
Avatar for アカツキゲームス_Tech akatsukigames_tech
0
140
Understanding Ruby Grammar Through Conflicts
Avatar for yui-knk yui_knk
1
120
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
Avatar for はる lemonade_37
2
480

Featured

See All Featured
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
560
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
780
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
890

Transcript

  1. GASを使って非エンジニアが
 AWS Step Functions を
 操作できる仕組みの紹介
 okabeeeat 
 2022.5.18 /

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


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


  3. 目次
 • 背景
 ◦ 現状の仕組み
 • 目的
 ◦ 方針
 ◦

    方法
 ◦ 目指す仕組み
 • やること
 • 効果
 • まとめ


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


    CSV欲しい!
 了解しました!!
 職員
 エンジニア


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


    ダウンロード
 ⑤CSV
 アップロード
 エンジニア


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


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


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


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


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


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


  12. スプレッドシート？


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


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


    アップロード


  15. やること
 1. Step Functions を Express ワークフロー で作り直す
 
 2.

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


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


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


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


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


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


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

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


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


    アップロード


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


  24. まとめ
 • 職員の作業の一つに、あるシステムのデータが入っているCSVが必要な作業があっ た
 
 • エンジニアがいないとCSVを用意できない仕組みだった
 
 • スプレッドシート

    + ノーコードツールでエンジニアの作業を自動化した
 
 • 職員のみでCSVを用意できるようになった
 
 • エンジニアと職員、両方の作業工数を削減できた


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