AWSAmplifyHappyDev.pdf

1. 1 Copyright © Acroquest Technology Co., Ltd. All rights reserved. AWS Amplify Consoleを使うと 本当に幸せになれるか︖ 2019/05/21 Acroquest Technology Co., Ltd. ⽯⽥ 浩司
2. 2 ⽯⽥ 浩司( @kojiisd) ‒ ミャンマー⽀社CTO (2012 – 2015) 技術カンファレンスでの登壇 ‒ JavaOne スピーカー (2015) ‒ JAWS-UG 横浜⽀部参加 (2016) ‒ ミャンマー⽀社CTO (2017 – 2018) ‒ IoTクラウドサービス開発 クラウド／サーバレス ／IoT／機械学習 スクラム Copyright © Acroquest Technology Co., Ltd. All rights reserved. Acroquest Technology株式会社 シニアソリューションアーキテクト
3. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 4 今⽇は開発者⽬線のお話です DevOpsくらいな感じ
4. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 5 AWS Amplify Console︖
5. AWS Amplify Consoleとは︖ Copyright © Acroquest Technology Co., Ltd. All rights reserved. 6 1. 継続的なデプロイによるフルスタックのサーバーレスウェブアプリ ケーションのホスティング
6. AWS Amplify Consoleとは︖ Copyright © Acroquest Technology Co., Ltd. All rights reserved. 7 類似サービスには
7. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 9 この圧倒的CD感
8. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 10 AWS Amplify Consoleで 開発者は幸せになれるか︖
9. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 11 無理
10. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 12 なぜか︖
11. 結局開発者が抱える悩みを解消できそうにない Copyright © Acroquest Technology Co., Ltd. All rights reserved. 13 1. Amplify Consoleを利⽤してみたボクの感想。 ①静的ページのアップロードならお⼿軽に利⽤できそうだ。 – ただ⾃分のプロジェクトはそもそもそんなに単純な構成ではない。 （少なくともサーバサイドの処理があり、SPAがあり、きちんとテストし ないといけない） ②「ビルド→デリバリ」以外の部分は⾃前になるのかな︖ ③メール通知とかドメイン設定とか便利そうだけど、実案件だと使 いどころが少なそう。 ④仮にCI部分を実装しても、結果はログにしか出ないじゃん。結果 を⾒ようとは思えない。可視化必須。 腰が重くなる
12. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 14 開発者あるある
13. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 15 どうすればよい︖
14. 16 Copyright © Acroquest Technology Co., Ltd. All rights reserved. 開発者がCI/CDを通して幸せになるには︖ 〜開発者視点からのアプローチ〜 2019/05/21 Acroquest Technology Co., Ltd. ⽯⽥ 浩司
15. [前提] これからはパイプラインファーストの時代 Copyright © Acroquest Technology Co., Ltd. All rights reserved. 17 ただエンジニアからすると、どうしても感じてしまう「⼤変さ」 https://docs.aws.amazon.com/ja_jp/codepipeline/latest/userguide/welcome.html 1. パイプラインの設定 2. 静的解析実施設定 3. ユニットテスト実施設定 4. E2E試験設定 これらを開発の中で揃え育て ていくのは「無理」と思って しまう。 静的解析 ユニットテスト E2Eなど ＋可視化
16. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 18 どこかできちんと 時間をとってパイプライン組もう プロジェクト開始時の開発者の思考
17. で、後回しの連続の結果・・・ Copyright © Acroquest Technology Co., Ltd. All rights reserved. 19 1. なかなか⼊れ込めないCI/CD フロー（やる気はある） 2. 頭の⽚隅にCI/CDを置いたま ま開発継続（やる気はある） 3. 最後にNGが出て最低限⼊れ る（やる気はある） 4. 次フェーズでは改善しようと 思う（やる気はある） 5. 次フェーズになっても⼤体時 間はない（やる気はある） あとで 次⼯程で 本気出す 時間ない 次フェーズで
18. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 20 やる気はある 理解してもらいたいポイント
19. 開発者が感じる「⼤変」ポイント Copyright © Acroquest Technology Co., Ltd. All rights reserved. 21 リポジトリ ビルド （単体試験） 検証環境 （結合試験） 本番環境 継続的インテグレーション 継続的デリバリ デプロイ Amplify Console対応箇所 Amplify Consoleで 対応できるのはココだけ １．単体試験／E2Eなどを実装時に同時に開発する必要あり。 →遅れが発生するとないがしろになり、後から問題発生のパターン。 ２．作成した試験をローカルだけではなくビルドサーバ上で動作させる必要あり。 ３．冪等性を保つ試験内容にする必要あり。 etc… 可視化 テストコード実装で 遅れるかもしれない 経験少ないけど 大丈夫か？ ネガティブな⼼情
20. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 22 つまり不安がある 不安＝経験がないことの確約 最近の流行りの言葉で言うと心理的安全性が重要
21. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 23 やれそうな感覚を 開発者が持てることが重要 感覚でいいんです、感覚で
22. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 24 ⾊々な⼿法がありますが、 今回は開発者視点からの アプローチの紹介 そのほかのアプローチ方法はぜひ懇親会で話しましょう。 １）スケジュール調整 ２）長期的にみた教育 ３）上流工程開発者が啓蒙すべきこと ４）テストサイドからの視点、など
23. 例︓SPAのWebアプリ開発のCI/CD Copyright © Acroquest Technology Co., Ltd. All rights reserved. 25 1. SPA（シングルページアプリケーション）のWebアプリ開発 ① Amazon Cognitoのユーザ管理ができる機能 – フロントエンドにはAngular 7 – バックエンドはPython3系のAWS Lambda + Cognito
24. 例︓SPAのWebアプリ開発のCI/CD Copyright © Acroquest Technology Co., Ltd. All rights reserved. 26 l 開発者の⼼配点 ① テストコードをビルドサーバ上で実⾏する。 ② 画⾯側のシナリオテストをビルドサーバ上で実施する。 ③ 静的解析、各種テスト結果を可視化して⾒えるようにする。 １本通るサンプルがあるだけで不安はだいぶ軽減される（経験則） 作りました
25. 例︓SPAのWebアプリ開発のCI/CD Copyright © Acroquest Technology Co., Ltd. All rights reserved. 27 1. フロントエンドのシナリオテストにKarateを利⽤。レポートはHTML化。 2. バックエンドはPythonのunittestを採⽤。PyUnitReportでHTML化。 3. Amplify Console上で動作確認済み ← 超重要︓⼀本通ってる https://github.com/kojiisd/cognito-user-manager S3へ
26. 例︓SPAのWebアプリ開発のCI/CD Copyright © Acroquest Technology Co., Ltd. All rights reserved. 28 1. でもやっぱりこれを通すのは⼤変なんですよ。 だからサンプルの 存在が重要。 amplify.yml
27. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 29 DEMO
28. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 30 今後CI/CDの適⽤、設定に 不安を感じている開発者には
29. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 31 開発者ならコード読め と、このサンプルを渡してみてください 一本通るサンプルであることを忘れず伝えてね
30. まとめ Copyright © Acroquest Technology Co., Ltd. All rights reserved. 32 1. 各サービスで対応できる範囲を認識すべし。 2. （今回は開発者視点ですが）不安な部分を取り除く動きを すべし。 ①サンプル渡すとか、⼀本早々に通すサポートするとか。 3. ⻑期的に⾒た⽂化の浸透はまだまだあるので、それは懇親 会で話ができればと思います。
31. Copyright © Acroquest Technology Co., Ltd. All rights reserved. 33 CI/CDの浸透で Happy Development Evolve the Earth with Emotion of Technology