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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for bake0937 bake0937
May 18, 2022
Programming
520
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
140
CircleCI の有料プランを導入するためにやったこと/What I did to introduce CircleCI's paid plan
Avatar for bake0937 bake0937
0
1.8k
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
220
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
750
所属企業の Advent Calendar を初めて作った時に学んだこと / What I learned when I first created my company's Advent Calendar
Avatar for bake0937 bake0937
1
890
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
510

Other Decks in Programming

See All in Programming
LaravelLive Japan の裏方のすべて — 第188回 PHP勉強会＠東京 (2026-06-24)
Avatar for Suguru Oki / スー suguruooki
2
150
トークンをケチるな、設計しろ：GitHub Copilotを賢く使うコンテキスト戦略
Avatar for Ochtum ochtum
0
320
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
Avatar for ニフティ株式会社 niftycorp
PRO
1
2.6k
作るコストが小さくなった時代 幸せに働くために改めて考えたいこと 〜エンジニアとして価値を出し続けるために注視している二分野〜
Avatar for YuppeEng yuppeeng
0
100
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
Avatar for sushichan044 sushichan044
0
220
関数型プログラミングのメリットって何だろう？
Avatar for わんこ(Wanko_IT) wanko_it
0
180
20260623_Loop Engineeringで自分の分身の問い合わせBotを作る
Avatar for ryugen04 ryugen04
0
220
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
Avatar for 武田 憲太郎 kentaroutakeda
3
460
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
130
AI 輔助遺留系統現代化的經驗分享
Avatar for James Wang jame2408
1
1.2k
これからAgentCoreを触る方へ トレンドはGatewayです
Avatar for Har1101 har1101
6
500
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
Avatar for Naoya Ito naoya
16
3.5k

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
320
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
970
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
380
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
390
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
220
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k

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