初めてのモバイルアプリ内製化：Amplifyを用いたバックエンド開発の道のり

2026年1月20日に開催された「AWS Amplify Conference 2026」での登壇資料です。
https://aws-amplify-jp.github.io/conference/2026/

Transcript

1. 初めてのモバイルアプリ内製化 Amplifyを用いたバックエンド開発の道のり
2. イントロダクション 1
3. 自己紹介 シチズン・システムズ ヘルスケア事業部 ヘルスケア開発部 浅原 一葉 2012年の入社以来、血圧計などの組み込みソフトウェア設計を担当。 2023年度よりモバイル向けアプリ「Health Scan」のスクラムチームにエンジニアと して参画。 2 シチズン時計 経営企画部 DX推進室 ルドルフ ヨガ フタマ 2021年4月入社。時計部品や回路設計などのハードウェア関連の開発を担 当。23年度よりソフトウェア開発に転身。現在、モバイル向けアプリの 「Health Scan」のスクラムチームにエンジニアとして参画。
4. シチズングループ紹介 3
5. サービス概要 「 あ な た の 健 康 」 と 向 き 合 う 時 間 「 あな たの健康」 に 目を向けてみませ んか？ 専 用 機 器 と H e a l t h S c a n ア プ リ を 連 携 す れ ば 測 定 デ ー タ を 自 動 で 記 録 。 健康の”今 ”が 記録でみえる 転 送 さ れ た 測 定 デ ー タ で 健 康 の ” 今 ” を 瞬 時 に 把 握 で き 、 数 値 の 維 持 や 改 善 と い っ た 「 こ れ か ら 」 に 向 け て の 判 断 材 料 に な り ま す 。 4
6. サービス概要 「面倒なく」・「かんたん」な機器測定とデータ転送 機器測定 Developers summit 2024 で バックエンド開発以外についても 講演しています 5 CodeZine公演レポート
7. アジェンダ 1. ここまでの道のり 2. 今日伝えたい話 3. リリースまでの課題 4. 開発環境の整備 5. バックエンド開発の話 6. ログイン機能開発の話 7. まとめ 6
8. これまでの道のり 7 2023 初めてのアプリ内製化に向け てスクラムチームが発足 アプリからバックエンドまで 全ての内製化する開発がス タート 2024〜 2024年4月に初回のアプリ (ver.1.1) 公開！ 継続的なアップデートに向け た開発を継続中 今日の話のメインは2023年当時にGen1で開発した内容です 〜2022 外部委託アプリの保守運用に 課題、PoC開発を開始 もっと迅速に ユーザーへ価値を 届けたい！
9. 今日伝えたい話 8 捻出した開発時間でログイン機能まで実装できた話 バックエンドの並行開発が簡単にできて 開発期間を大幅に短縮できた話 Amplifyのおかげで…
10. 今日伝えたい話 9 バックエンドの並行開発が簡単にできて 開発期間を大幅に短縮できた話
11. 10 リリースまでの課題 1年後の新機種発売に必ずアプリ公開を間に合わせる 内製化に向けた、社内エンジニアのスキルアップ 開発効率化と育成の両立が必要
12. 11 開発効率化のための開発環境整備 開発の効率化に重点 を置くため、 CI/CDの構築を想定 しGitHub Enterprise を導入 アプリの素早いリリー スを実現するため クロスプラットフォー ム対応フレームワーク Flutterを採用 モバイル開発との親 和性、開発/管理コス ト削減のため AWSマネージドサー ビスのAmplify、 AppSync等を採用
13. 12 Amplifyを選定した理由 認証機能 データ保存 データ同期 ユーザー 主要機能のバックエンド構築をまるっとお任せできる バックエンド開発がはじめてのエンジニアでも自動で簡単に構築できる
14. 2023年度 開発体制 13 社外エンジニア シチズンエンジニア Amplify に詳しい バックエンド開発はしたことあるけど Amplifyははじめて バックエンド開発未経験 初めての内製化なので伴走型で開発を推進
15. 初めてのアプリ開発！ フロントエンドだけで 頭はパンク寸前 14 4 5 6 7 8 9 10 11 12 1 2 3 4 フロントエンド開発 バックエンド 開発 非機能開発 アプリ公開 開発の流れ DynamoDB？Amplify？ どれがどのサービスだっけ？ 育成のためフロントエンドとバックエンドを分けて開発 覚える範囲が明確に分かれて いたから何とかついていけた 少し自信ついたかも！
16. フロントエンドでの並行開発 15 シニアエンジニア ジュニアエンジニア 機能A 機能B 機能C 機能D 最大4チームで並行開発し、開発効率を維持 有識者 + 初心者の組み合わせで開発チームを組みながら 開発することでチーム全体のスキルの底上げに寄与
17. 16 バックエンド並行開発の課題 dev チームA チームB チームC チームD フロントエンド開発だと成り立っていた ブランチ戦略が成り立たない、、、！
18. 17 Amplifyで複数環境追加 dev teamA amplify env add teamA amplify env checkout teamA ① ① • 新しいバックエンド環境をデプロイ • dev環境と同じ内容のバックエンド環境が自動作成 ② ② • 作成されたバックエンド環境に切り替える デプロイの失敗に不安…でも、調べれば意外と何とかなるな
19. 18 バックエンド並行開発 dev チームA チームB チームC チームD teamA teamB teamC teamD サーバーレスなのでスケーリングを気にせず環境を追加！ バックエンド開発でも4チーム並行開発を維持
20. 4 5 6 7 8 9 10 11 12 1 2 3 4 19 開発期間を１ヶ月短縮し、スコープ外だった ログイン機能を開発することに！ 効果 4 5 6 7 8 9 10 11 12 1 2 3 4 フロントエンド開発 バックエンド 開発 非機能開発 アプリ公開 フロントエンド開発 バック エンド 開発 非機能開発 アプリ公開 ログイン機能 開発
21. 今日伝えたい話 20 捻出した開発時間でログイン機能まで実装できた話
22. モバイルアプリのログイン機能 21 ほとんどのモバイルアプリでは ソーシャルログインが設けられている 端末のデータをバックアップや引き継ぐために、 スマホには大体ソーシャルアカウントが連携されている 同じアカウントで データ管理をしたい
23. Google/Appleログイン機能の紹介 22 Googleでログイン Appleでログイン
24. Google/Appleログイン機能の実装方法 23 超簡単！Amplify Docsの手順を行うだけ！！ 1. OAuth認証の事前準備 2. 認証機能の設定 3. プラットフォーム固有の設定 4. ログイン機能の実装
25. Google/Appleログイン機能の実装方法 24 超簡単！Amplify Docsの手順を行うだけ！！ 1. OAuth認証の事前準備 2. 認証機能の設定 3. プラットフォーム固有の設定 4. ログイン機能の実装
26. 3. Platformの設定 25 AndroidManifest.xmlにqueriesとintent-filterを追加 (※iOSは設定不要) <queries> ... <intent> <action android:name= "android.support.customtabs.action.CustomTabsService" /> </intent> ... </queries> <application ... <activity android:name=".MainActivity" <intent-filter> ... <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <data android:scheme="@string/bundle_id" /> </intent-filter> ... </activity>
27. 4. WebUIサインインの実装 26 signInWithWebUIを実装し、ページで呼び出す処理を追加 Future<bool> signInWithWebUI(AuthProvider provider) async { try { await amplifyAuth.signInWithWebUI(provider: provider); } ... } return true; } class LoginPage extends HookConsumerWidget { const LoginPage(super.key); // ここでサインインボタンが押下されるとGoogle/Appleの認証 処理が呼び出される Future<(AppRoute, {Map<String, dynamic>? queryParameters})?> _signInWithWebUI( ) async { ... } // postSignInで完了画面を呼び出す return accountService.postSignIn(); }
28. Google/Appleログイン機能の実装方法 27 signInWith WebUI postSignIn 自前 自前 AWS Amplify
29. その他のログイン機能 28 アカウント作成なし で機能の利用できる 間違いアカウントでの ログインを防ぐ これらのカスタマイズ実装で 苦労した • Skipした際のCognitoでの仮アカウン トの作成の実装 • ログイン状態管理の制御の実装
30. 29 1 スプリント 2 スプリント 3 スプリント 4 スプリント Google/Appleログイン その他ログインのカスタム機能 Amplifyの使用で実装工数は短縮できるのを実感 実装工数の比較 AWS Amplifyの機能を用いる場合、 実装期間全体の約1/4で完成 自前の実装が加わる場合、 実装期間全体の約3/4で完成 1ヶ月間
31. 30 まとめ 1年後の新機種発売にアプリ公開が間に合った 内製化に向け、社内エンジニアがスキルアップできた 他社に遜色ないログイン機能付きアプリをリリース 今後、 Gen1を使用中のため、Gen2への移行を検討したい 日本以外の別リージョンでの開発を試したい
32. 31 Health Scanは、シチズン時計株式会社の登録商標です。記載されているサービス名等は、各社の商標または登録商標です。 Bluetooth®ワードマークおよびロゴは登録商標であり、Bluetooth SIG, Inc.が所有権を有します。シチズン時計株式会社は使用許諾の下でこれらのマークおよびロゴを 使用しています。その他の商標および登録商標は、それぞれの所有者の商標および登録商標です。 Appleおよび Appleロゴは、Apple Inc.の商標です。 Android は Google LLC の商標です。 iOSは、米国およびその他の国におけるCisco Systems, Inc.またはその関連会社の登録商標または商標です。
33. Thank you