MVP と Angular とわたし
https://gyazo.com/9ce6858f8acb6cf96207d0ef381f9d4c
2022-09-29
ng new 〜 MVP リリース
ng new してからの MVP 開発でどう工夫しているか
MVP?
新規プロダクト
ただし母数ユーザーをかなり絞る
検証しながらユーザビリティテスト、ヒアリング
工夫? メリットは?
1. モブプロでワンストップに作り切る工夫
2. リードタイムを短くする工夫
3. モブプロから得られたメリット
1. モブプロでワンストップに作り切る工夫
どうやってる?
https://gyazo.com/becd5f7ae9fae05e89738c31579ce9a3
3名のモブプロでワンストップでやっている
フロントエンドとバックエンドの分業はない
分業だとこういうことない?
https://gyazo.com/1010603280513d4a6d9fe79ae7c1c6b2
繰り返し検証できちゃう
https://gyazo.com/94504a9567e5b81eef7dc39637d87688
ユースケースやコンポーネントの要求を API が満たせるか検証できる
詳しくは…
2. リードタイムを短くする工夫
モブプロの交代
リモートへのコミットプッシュがバトン
CI の結果をすぐ見たい
デプロイ
デリバリーのリードタイムを短くしたい
とにかく CI/CD を早くしておきたい
めっちゃ簡単です
※ GitHub Actions の例
code:ci.yml
test:
runs-on: ubuntu-latest
strategy:
matrix:
steps:
- uses: actions/checkout@v3
- run: npx jest --maxWorkers=1 --shard=${{ matrix.shard }}/${{ strategy.job-total }}
テスト自体は…
高いカバレッジで変更耐性に強い自負がある
詳しくは…
3. 工夫から得られたメリット
即時改修リリース
ある検証にて想定外の事象
検証の事前案内とは全く違うユースケースでユーザーが設定してしまった
☠️ 当日ユーザーが利用できないという状況 ☠️
PO、マーケ、わたし、全員顔面蒼白
まだ慌てるような時間じゃない
https://gyazo.com/8ecd849e3c51cd256e3cacdce652889c
正直自分だけでは気が回らなかったしチームメイトに助けられた
リモートでモブプロ
https://gyazo.com/3613dc14470b5b8178ff30bf107f1d59
MSWは絡んでませんが笑
モブプロで即改修(モブ最高)
その場でデプロイ(CI 早い)
無事検証成功
安全に、迅速に、ユーザーに届けられた…
今日の話
1. モブプロでワンストップに作り切る工夫
2. リードタイムを短くする工夫
3. モブプロから得られたメリット
話した人
Satoshi Takeda
Classi株式会社