テストと仕上げ

🔄 前回のおさらい: レッスン5では、チャットボット、パーソナライゼーション、スマート通知などのAI機能を追加しました。アプリにはインテリジェントな機能が備わっています。しかし、機能だけでは良いアプリにはなりません。仕上げが「ダウンロードされるアプリ」と「使い続けられるアプリ」を分けます。

プロトタイプから製品へ

「自分のデバイスで動く」と「全員のデバイスで動く」の間には大きなギャップがあります。このレッスンでそのギャップを埋めます。

AI構築アプリのテストピラミッド

AIビルダーは多くのテストを自動処理——コードは実行され、画面は描画され、ナビゲーションは動作します。しかし、実際の使用で初めて発覚するエッジケースを見逃します：

         /\
        /  \     ユーザーテスト（5-10人）
       /    \    → 混乱するフロー、隠れたUX問題
      /------\
     /        \  デバイステスト（4+画面サイズ）
    /          \ → レイアウト崩れ、タッチ問題
   /------------\
  /              \ エッジケーステスト（エラー状態、空状態）
 /                \→ クラッシュ、データ消失、未処理
/------------------\
  機能テスト（コアフロー動作）
  → AIビルダーが自動処理

下から上に進めます。AIビルダーがベースを担当し、それ以上はあなたの仕事です。

エッジケーステスト

ハッピーパス以外にもアプリには多くの状態があります：

状態	実際の画面	ユーザーに見せるべきもの
空状態	データなし（新規ユーザー）	ガイドメッセージ＋CTA（「最初の習慣を追加！」）
ローディング状態	サーバーからデータ取得中	スケルトンスクリーンまたはスピナー（空白画面はNG）
エラー状態	API失敗、ネット未接続	明確なエラーメッセージ＋リトライボタン
オーバーフロー状態	「名前」に500文字入力	グレースフルな切り詰めまたは文字数制限
オフライン状態	ネット未接続	キャッシュデータ表示＋「オフライン」表示

テスト方法：

空状態： 新規アカウントを作成し、全画面がデータなしでも良く見えるか確認
ローディング： ブラウザのデベロッパーツールで3Gにスロットリングして画面読み込みを観察
エラー： WiFiを切断してすべての主要アクションを試す
オーバーフロー： 極端に長いテキスト、特殊文字、必須フィールドの空送信
オフライン： 機内モードでアプリ内を操作

✅ 確認クイズ: 空状態がリテンションに重要な理由は？（すべての新規ユーザーが最初に見るのが空状態。ガイドなしの空白画面なら離脱。「まだ習慣がありません——+をタップして最初の習慣を作りましょう！」と表示すれば、次にやることが明確に。空状態はアプリの第一印象。）

デバイステスト：4デバイス戦略

すべてのスマホでテストは不要。4カテゴリで問題の90%を検出：

小型Android（360px幅） — 格安スマホ。テキストの折り返し、タッチターゲットのサイズ、レイアウトの重なりを確認
標準iPhone（390px幅） — 最も一般的なiPhoneサイズ。洗練された見た目、スムーズなアニメーションを確認
大型Android（412px幅） — Galaxy等の大画面。余分なスペースの活用、不自然な引き伸ばしがないか確認
タブレット（768px以上） — iPad等。レイアウトの適応、ズームなしで読めるか確認

実機なしのテスト方法： ブラウザのデベロッパーツール、BrowserStack/LambdaTest（無料プラン）、AIビルダー内蔵のデバイスシミュレーション

パフォーマンス最適化

3秒ルール

アプリの読み込みが3秒を超えると、53%のユーザーが画面を見る前に離脱します。

AI構築アプリの即効性のある最適化：

画像最適化 — 300x400で表示する画像に3000x4000は不要。最大表示サイズにリサイズ
非クリティカル画面の遅延読み込み — 起動時はホーム画面のデータだけ。他の画面はナビゲーション時に読み込み
積極的キャッシュ — 一度表示したデータは再訪時に即座に表示
APIコール削減 — ホーム画面で8つのAPIコールを行っていたら統合。1つのAPIコールで全データを返すほうが8つの逐次コールより速い

ユーザーテスト：5人プロトコル

Nielsen Norman Groupの研究によると、5人のユーザーでユーザビリティ問題の85%を発見できます。

テストの実施方法：

ターゲットに近い5人を見つける — お世辞を言う友人ではなく、実際にこのタイプのアプリを使う人
指示ではなくタスクを出す — 「水の摂取量を記録したい。このアプリでどうやるか試して」
観察してメモ — 迷い、誤タップ、混乱、「これ何？」の瞬間を記録
助けない — 苦戦はデータ。「そのボタンを押して」と言えば何も学べない
終了後に3つの質問： 「何が分かりにくかった？」「期待と違った動作は？」「使い続ける？理由は？」

まとめ

AIビルダーは基本的な機能テストを処理——あなたの仕事はエッジケース、デバイス、パフォーマンス、ユーザーテスト
5つの状態（空、ローディング、エラー、オーバーフロー、オフライン）を必ずテスト
4デバイス戦略（小型Android、標準iPhone、大型Android、タブレット）でレイアウト問題の90%を検出
3秒ルール：53%のユーザーが3秒超で離脱——画像とAPIコールの最適化が最優先
5人のユーザーテストでユーザビリティ問題の85%を発見——助けずに使ってもらい、混乱ポイントを観察

次のレッスン

次は「マネタイズとビジネス戦略」——サブスクリプション、アプリ内課金、広告の最適な組み合わせで収益を最大化する方法を学びます。