まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。

Transcript

1. CDK支部#22 大阪でもCDKしたいねん まずはマネコンでちゃちゃっと作ってから、 それをCDKにしてみよか。 2025/09/12
2. ヤマダ（北野 涼平） 所属： 　 JAWS-UG 神戸 趣味： 　 LT、プリン、読書 好きなサービス： 　 Figma、CDK、AWS Step Functions 関西エピソード： 　 初めて奈良に行った時、コンビニのおばちゃ んが「おおきに〜」と言っていてたまげた。
3. Agenda 最近作ったとあるシステム 1 CDKを書いてみよかな 2 まとめ ターゲット CDK超初心者 サーバーレス好きな人 3
4. 最近作ったとあるシステム
5. 最近作ったとあるシステム 自社イベントにて 生成AIを活用した自由研究をLTで発表した そこで「カップラーメンタイマー」を発表 今の生成AIの味を感じることができる画期的なシステム マネコンで気合いで作ってしまった 誰にも共有できない
6. 最近作ったとあるシステム CDKを書くしかない！ やってやんよ
7. CDKを書いてみよかな
8. CDKを書いてみよかな まずは準備から 思いのほかスピーディにプロジェクトができた プロジェクト用コンテナ用意（Node.js、AWS CLI） CDK準備 CDK CLIを入れる（npm install -g aws-cdk） プロジェクト作成（cdk init app --language typescript） あとはts書いたり、デプロイしたり 一通り試せたので、ラーメンタイマーの構成を作り始める
9. まず、プロジェクトのルートに lib/asl ディレクトリを作成し、 その中に my-workflow.asl.json という名前のファイルを作成します。 CDKを書いてみよかな 生成AIに頼んでボーッと指示に従う S3やAPI Gatewayを作れと指示があった。 コードも出してくれるので適当に貼り付けてデプロイしたり。 そして次にこんな指示がきた。
10. おkおk。えーと、フォルダ作って「my-workflow.asl.json」っと。 （なんか拡張子ダブっとるように見えるの苦手やわぁ） CDKを書いてみよかな
11. CDKを書いてみよかな ！？！！？
12. CDKを書いてみよかな VSCodeでもGUIでやらせてもらえるんですか！？
13. CDKを書いてみよかな けっこう前にきてた 2025/3/6 Introducing an enhanced local IDE experience for AWS Step Functions VS Code拡張機能の「AWS Toolkit」でWorkflow Studioを使用可能 「.asl.json」「.asl.yml」「.asl.yaml」
14. CDKを書いてみよかな サラッと試してみよか 当然ながらCDKで定義したリソースを挿入できる DefinitionBodyを利用する asl.jsonファイルの場合はfromFile() 試しにDynamoのPutだけ作ってみた
15. CDKを書いてみよかな サラッと試してみよか 一応確認したらちゃんと変わってた ローカルのWorkflow Studio マネコンのWorkflow Studio
16. CDKを書いてみよかな ワークフロー開発 項目を${}で書いておけば置換できる ワークフローのテスト状態を押下で項目が認識されてはる 認識されてなければそもそも「定義の置換」は表示なし
17. CDKを書いてみよかな ワークフロー開発 言われて気づいたけど、AWSアカウントが必要ない IaCでSFnを開発していると、Workflow Studioを使うために行ったり来たり 既存のSFnがあるなら一旦コードで表示して持ってくればOK AWSアカウントがないけどワークフローを開発したくて仕方ない人にも便利(？) そんな人おるんか...？
18. まとめ
19. まとめ マネコンちゃちゃっと、からのCDK すでにマネコンで作ってしまったプロジェクトも恐れずにIaCを書こう もちろん最初から書ければベスト あとから書いても学びがある CDKでStep Functionsがとても使いやすくなっている Workflow StudioがVSCodeの拡張機能で使えるのでポチポチで簡単作成 （ラーメンタイマーをCDK化するのはAppSyncのところで少しつまづいてし まったので、皆様にお届けするのはもう少し先になりそう）
20. おわり