Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for bake0937 bake0937
May 18, 2022
Programming
530
1

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

More Decks by bake0937

See All by bake0937
デフォルト運用のCodeRabbit、1年で何が変わったか / How CodeRabbit Changed Our Code Review in 1 Year
Avatar for bake0937 bake0937
1
170
CircleCI の有料プランを導入するためにやったこと/What I did to introduce CircleCI's paid plan
Avatar for bake0937 bake0937
0
1.9k
FlutterアプリのiOSビルドとアーカイブを CircleCI で自動化してみた / Tried automating the iOS build and archive of the Flutter app with CircleCI
Avatar for bake0937 bake0937
0
1.3k
Probot で学ぶ TypeScript / Learn with Probot TypeScript
Avatar for bake0937 bake0937
0
230
Amazon ECR を利用していたと思ったら、Docker Hub を利用し続けていた / If I thought I was using Amazon ECR, I continued to use Docker Hub
Avatar for bake0937 bake0937
0
1.1k
Jest + Puppeteer によるE2Eテストで確認作業を短縮してみた / End-to-end testing by Jest + Puppeteer shortened the confirmation work
Avatar for bake0937 bake0937
0
770
所属企業の Advent Calendar を初めて作った時に学んだこと / What I learned when I first created my company's Advent Calendar
Avatar for bake0937 bake0937
1
900
Notion 📚 へ移行して 3ヶ月経った振り返り / Looking back at Notion after 3 months
Avatar for bake0937 bake0937
0
6k
Bot開発でRubyを学ぶ / Learn Ruby with Bot Development
Avatar for bake0937 bake0937
0
520

Other Decks in Programming

See All in Programming
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
Avatar for Takahiro Kubo icoxfog417
PRO
3
370
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
280
Snowflakeで業務アプリを作ろう。 Snowflakeのアプリ機能解説&実践ガイド
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
2
300
Intent as Code
Avatar for Shoppingjaws shoppingjaws
6
1.1k
ゲームコントローラやキーボードのファームウェアをSwiftで書く
Avatar for Kishikawa Katsumi kishikawakatsumi
1
250
wkhtmltopdfの次どうするか問題2026
Avatar for Shinichi Maeshima willnet
2
1.6k
海上で動くGoサーバー: goroutineとchannelでさばく航行データストリーム
Avatar for Atsuki Seo atsuki_seo
0
920
AI × TiDD / 2026.09.05 Redmine 大阪
Avatar for tokudiro tokudiro
1
190
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
160
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
Avatar for 野瀬田　裕樹 yuukiw00w
0
240
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
300
FreeBSDでZabbixを動かす
Avatar for kenkino kenkino
0
320

Featured

See All Featured
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
470
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
430
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
370
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
390
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
3k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k

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. ご清聴ありがとうございました