QA Dojo
ハンズオン
進捗 0/47

モバイル/Webアプリは何でできているのか

スライド 1 of 4

ふだん使っている EC・SNS・ネット銀行などのアプリは、3 つの登場人物で成り立っています。 スマホアプリでも Web ブラウザでも、構造はほぼ同じです。

モバイル / Web
画面表示
サーバー
処理本体
バックエンド
DB
データ保管
バックエンド
  • クライアント:画面を表示し、ユーザー操作を受け取る。モバイルアプリ(iOS/Android のネイティブアプリ)と Web ブラウザの 2 種類があり、見た目や実装は違うが役割は同じ
  • サーバー(バックエンド):ロジックを処理し、必要なデータを DB に問い合わせる
  • DB(データベース):商品・ユーザー・注文などのデータを保管する

💡 なぜモバイルアプリと Web でデータが同期するのか

スマホアプリと Web ブラウザは クライアントが違うだけで、見ているサーバーと DB は同じです。 スマホでお気に入り登録 → Web で開いても表示される、のはこのため。 どちらも同じサーバー API を呼び、サーバーが同じ DB を読み書きしているからです。

📌 QA 視点:不具合が起きたとき、「どこが原因か」をこの 3 層のどこかに切り分ける所から始まります。 モバイル/Web を両方持つサービスでは、「モバイルでは再現するが Web では出ない」のような事象が「クライアント特有の問題」のシグナルになります。

EC サイトで「スマホアプリで追加したお気に入り商品が、Web で見たら表示されない」と報告されました。最も切り分けの起点になる仮説は?