TOOLCHAIN Webアプリケーション開発企業様 TECH BLOG · toolchain.jp

Webアプリケーション開発企業様

2023年1月1日

AWSを利用したWeb Application開発

概要

国内交通系事業者向けのスタンプラリーWebアプリケーションの開発を、チームリードとして担当しました。 既存のネイティブアプリにWebViewとして埋め込む形で提供し、数百人規模のエンドユーザーへのサービスリリースを実現しました。

担当役割

  • チームリード(3〜5名構成)
  • 要件定義・開発環境構築・実装・リリース後の保守対応まで一貫して担当

技術スタック

カテゴリ技術
フロントエンドReact
認証Keycloak(クライアント既存システム)
バックエンドAWS Lambda
データベースAmazon DynamoDB
ストレージAmazon S3
ホスティングAWS Amplify
組み込み方式WebView(既存ネイティブアプリへの埋め込み)

システム構成

クライアントが既存で運用するKeycloakを認証基盤として活用し、AWSサービス(Amplify / Lambda / DynamoDB / S3)による三層構造のサーバーレスアーキテクチャを構築しました。 既存のモバイルアプリにWebViewとして組み込むことで、ネイティブアプリの改修コストを最小限に抑えた形での機能追加を実現しました。

技術的なポイント

  • Keycloak認証連携: クライアント既存のKeycloakとAWS環境をまたぐ認証フローの設計・実装を担当。トークンの受け渡しやセッション管理に関する課題を解決しました。
  • WebView埋め込み対応: ネイティブアプリのWebViewとReactアプリ間の通信設計を行い、既存UXを損なわないシームレスな統合を実現しました。

プロジェクト期間

約3〜6ヶ月(リリース後の保守対応を含む)

ブログ一覧へ戻る