AWSAmplifyHappyDev.pdf - Speaker Deck

Slide 1

Slide 1 text

Slide 2

Slide 2 text

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株式会社シニアソリューションアーキテクト

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

結局開発者が抱える悩みを解消できそうにない Copyright © Acroquest Technology Co., Ltd. All rights reserved. 13 1. Amplify Consoleを利⽤してみたボクの感想。 ①静的ページのアップロードならお⼿軽に利⽤できそうだ。 – ただ⾃分のプロジェクトはそもそもそんなに単純な構成ではない。（少なくともサーバサイドの処理があり、SPAがあり、きちんとテストしないといけない） ②「ビルド→デリバリ」以外の部分は⾃前になるのかな︖ ③メール通知とかドメイン設定とか便利そうだけど、実案件だと使いどころが少なそう。 ④仮にCI部分を実装しても、結果はログにしか出ないじゃん。結果を⾒ようとは思えない。可視化必須。腰が重くなる

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

[前提] これからはパイプラインファーストの時代 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など＋可視化

Slide 16

Slide 16 text

Slide 17

Slide 17 text

で、後回しの連続の結果・・・ Copyright © Acroquest Technology Co., Ltd. All rights reserved. 19 1. なかなか⼊れ込めないCI/CD フロー（やる気はある） 2. 頭の⽚隅にCI/CDを置いたまま開発継続（やる気はある） 3. 最後にNGが出て最低限⼊れる（やる気はある） 4. 次フェーズでは改善しようと思う（やる気はある） 5. 次フェーズになっても⼤体時間はない（やる気はある）あとで次⼯程で本気出す時間ない次フェーズで

Slide 18

Slide 18 text

Slide 19

Slide 19 text

開発者が感じる「⼤変」ポイント Copyright © Acroquest Technology Co., Ltd. All rights reserved. 21 リポジトリビルド（単体試験）検証環境（結合試験）本番環境継続的インテグレーション継続的デリバリデプロイ Amplify Console対応箇所 Amplify Consoleで対応できるのはココだけ１．単体試験／E2Eなどを実装時に同時に開発する必要あり。 →遅れが発生するとないがしろになり、後から問題発生のパターン。２．作成した試験をローカルだけではなくビルドサーバ上で動作させる必要あり。３．冪等性を保つ試験内容にする必要あり。 etc… 可視化テストコード実装で遅れるかもしれない経験少ないけど大丈夫か？ネガティブな⼼情

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

例︓SPAのWebアプリ開発のCI/CD Copyright © Acroquest Technology Co., Ltd. All rights reserved. 25 1. SPA（シングルページアプリケーション）のWebアプリ開発 ① Amazon Cognitoのユーザ管理ができる機能 – フロントエンドにはAngular 7 – バックエンドはPython3系のAWS Lambda + Cognito

Slide 24

Slide 24 text

例︓SPAのWebアプリ開発のCI/CD Copyright © Acroquest Technology Co., Ltd. All rights reserved. 26 l 開発者の⼼配点 ① テストコードをビルドサーバ上で実⾏する。 ② 画⾯側のシナリオテストをビルドサーバ上で実施する。 ③ 静的解析、各種テスト結果を可視化して⾒えるようにする。１本通るサンプルがあるだけで不安はだいぶ軽減される（経験則）作りました

Slide 25

Slide 25 text

例︓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へ