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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for bake0937 bake0937
May 18, 2022
Programming
490
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
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
210
Amazon ECR を利用していたと思ったら、Docker Hub を利用し続けていた / If I thought I was using Amazon ECR, I continued to use Docker Hub
Avatar for bake0937 bake0937
0
1k
Jest + Puppeteer によるE2Eテストで確認作業を短縮してみた / End-to-end testing by Jest + Puppeteer shortened the confirmation work
Avatar for bake0937 bake0937
0
720
所属企業の Advent Calendar を初めて作った時に学んだこと / What I learned when I first created my company's Advent Calendar
Avatar for bake0937 bake0937
1
860
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
490
小さく始めるOSS活動
Avatar for bake0937 bake0937
0
140

Other Decks in Programming

See All in Programming
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
6.3k
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
330
Oxlintとeslint-plugin-react-hooks 明日から始められそう？
Avatar for t6adev t6adev
0
190
ローカルで稼働する AI エージェントを超えて / beyond-local-ai-agents
Avatar for geeawa gawa
3
270
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
Avatar for memory m3m0r7
PRO
0
470
条件判定に名前、つけてますか？ #phperkaigi #c
Avatar for Hiromi Hishida 77web
2
1k
CursorとClaudeCodeとCodexとOpenCodeを実際に比較してみた
Avatar for Terisuke terisuke
1
400
ルールルルルルRubyの中身の予備知識 ── RubyKaigiの前に予習しなイカ？
Avatar for ydah ydah
1
140
TiDBのアーキテクチャから学ぶ分散システム入門 〜MySQL互換のNewSQLは何を解決するのか〜 / tidb-architecture-study
Avatar for DPon dznbk
1
160
Don't Prompt Harder, Structure Better
Avatar for Yusuke Kita kitasuke
0
690
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
4
720
AI時代のPhpStorm最新事情 #phpcon_odawara
Avatar for yusuke yusuke
0
160

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
140
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
350
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
170
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
37k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k

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