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
460

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.7k
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
200
Amazon ECR を利用していたと思ったら、Docker Hub を利用し続けていた / If I thought I was using Amazon ECR, I continued to use Docker Hub
Avatar for bake0937 bake0937
0
990
Jest + Puppeteer によるE2Eテストで確認作業を短縮してみた / End-to-end testing by Jest + Puppeteer shortened the confirmation work
Avatar for bake0937 bake0937
0
690
所属企業の Advent Calendar を初めて作った時に学んだこと / What I learned when I first created my company's Advent Calendar
Avatar for bake0937 bake0937
1
840
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
470
小さく始めるOSS活動
Avatar for bake0937 bake0937
0
130

Other Decks in Programming

See All in Programming
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
110
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
190
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
550
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
900
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
120
[AI Engineering Summit Tokyo 2025] LLMは計画業務のゲームチェンジャーか？ 最適化業務における活⽤の可能性と限界
Avatar for terry-u16 terryu16
2
390
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
300
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
370
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
760
クラウドに依存しないS3を使った開発術
Avatar for しめさば simesaba80
0
230
Denoのセキュリティに関する仕組みの紹介 (toranoana.deno #23)
Avatar for uki00a uki00a
0
250
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
6
3.2k

Featured

See All Featured
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
85
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
140
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
140
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.2k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
45
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
99
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
280
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
54
49k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.4k

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