# プルリクエストサンプル

## タイトル

FE/デザイン/ログイン画面/ログインユーザーアイコン表示

## 変更内容

①ログイン済みの場合、ホーム画面右上にユーザーが登録したアイコンを表示するようにしました。  
②①のアイコンをタップすることでマイページに遷移できるようにしました。  
③ログインユーザー情報をホーム画面で取得するようにしました。  
④①のアイコンを含むホーム画面トップバーの実装についてリファクタリングしました。  

＊hoge.dartの差分は自動フォーマットによる差分のためレビュー不要です。

## 変更理由

ユーザーより以下のご要望があったため対応しました。  
①ログイン済みかどうか、どのユーザーでログインしているか、をアイコンで見分けられるようにしたい。  
②マイページの階層が深く導線がわかりにくいため、ログイン済みの場合に、アイコンタップでマイページへ遷移したい。  

## 期待値

①ログイン済みの場合、ホーム画面右上にユーザーが登録がしたアイコンが表示されている。  
②①のアイコンをタップすることでマイページに遷移できる。  

＊参考: [figma参照リンク]

## エビデンス

[UI/ログの動画/キャプチャ]

## コーディング確認

- [ ] [コーディングルール](https://wiki.pentagon.tokyo/books/flutter/page/67c6a)に即している
- [ ] テストコードでエラーが出ていない（テストコードがある場合）
- [ ] LinterによるWarningが出ていない
- [ ] TODO/FIXMEコメントが適切に残されている

## 動作確認

### 必須

<table>
  <thead>
    <tr>
      <th rowspan="2">カテゴリ</th>
      <th rowspan="2">項目</th>
      <th colspan="3">実装担当</th>
      <th colspan="3">レビュアー</th>
    </tr>
    <tr>
      <th>iOS    </th>
      <th>Android</th>
      <th>BE     </th>
      <th>iOS    </th>
      <th>Android</th>
      <th>BE     </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>デザイン</td>
      <td>画面の配置、サイズ、余白が仕様と合っている</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>デザイン</td>
      <td>テキストやフォントの表示が仕様と合っている</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>デザイン</td>
      <td>アイコンや画像が仕様と合っている</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>デザイン</td>
      <td>カラーテーマやスタイルが仕様と合っている</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>UI</td>
      <td>ボタンなどのタップイベントが仕様通りに動作している</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>UI</td>
      <td>画面遷移が仕様通りに動作している</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>UI</td>
      <td>フォームなどの入力やバリデーションが仕様通りに動作している</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>機能</td>
      <td>画面間でのデータの受け渡しが正常かをログで確認した</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>機能</td>
      <td>データの保存や読み込みが正常かをログで確認した</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>機能</td>
      <td>APIリクエストとレスポンスが正常かをログで確認した</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>エラー処理</td>
      <td>データの保存や読み込み時のエラー表示処理を入れている</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>エラー処理</td>
      <td>APIリクエスト時のエラー表示処理を入れている</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>エラー処理</td>
      <td>エラー発生時もアプリ操作は続けられる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>デバイス互換性</td>
      <td>仕様で定めた最小画面サイズで正常に表示される</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
  </tbody>
</table>

### オプション - モバイルアプリ

<table>
  <thead>
    <tr>
      <th rowspan="2">カテゴリ</th>
      <th rowspan="2">項目</th>
      <th colspan="2">実装担当</th>
      <th colspan="2">レビュアー</th>
    </tr>
    <tr>
      <th>iOS    </th>
      <th>Android</th>
      <th>iOS    </th>
      <th>Android</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>カメラ</td>
      <td>カメラを正常に起動できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>カメラ</td>
      <td>静止画や動画の撮影を正常に行える</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>カメラ</td>
      <td>フロントカメラとリアカメラの切り替えを正常に行える</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>カメラ</td>
      <td>撮影後の画像や動画をアプリ内で正常に表示できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>カメラ</td>
      <td>使用許可を求めるパーミッションダイアログが正常に表示される</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>カメラ</td>
      <td>パーミッション拒否した場合に仕様通りに動作している</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>アルバム</td>
      <td>アルバムを正常に起動できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>アルバム</td>
      <td>アルバムで1枚選択した画像をアプリ内で正常に表示できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>アルバム</td>
      <td>アルバムで複数枚選択した画像をアプリ内で正常に表示できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>アルバム</td>
      <td>使用許可を求めるパーミッションダイアログが正常に表示される</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>アルバム</td>
      <td>パーミッション拒否した場合に仕様通りに動作している</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>音声再生</td>
      <td>音声ファイルを正常に取得できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>音声再生</td>
      <td>正常に再生できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>音声再生</td>
      <td>再生中に正常に一時停止でき、再開できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>音声再生</td>
      <td>再生中に正常に停止でき、再度再生できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>音声再生</td>
      <td>再生中に正常に音量調節ができる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>音声再生</td>
      <td>使用許可を求めるパーミッションダイアログが正常に表示される</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>音声再生</td>
      <td>パーミッション拒否した場合に仕様通りに動作している</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>録音</td>
      <td>マイクを正常に起動できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>録音</td>
      <td>正常に録音できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>録音</td>
      <td>録音中に正常に一時停止でき、再開できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>録音</td>
      <td>録音中に正常に停止でき、再度録音できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>録音</td>
      <td>録音ファイルを正常に保存でき、取得できる</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>録音</td>
      <td>使用許可を求めるパーミッションダイアログが正常に表示される</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>録音</td>
      <td>パーミッション拒否した場合に仕様通りに動作している</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>プッシュ通知</td>
      <td>Foreground状態で通知が仕様通り届く</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>プッシュ通知</td>
      <td>Background状態で通知が仕様通り届く</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>プッシュ通知</td>
      <td>Terminated状態で通知が仕様通り届く</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>プッシュ通知</td>
      <td>通知をタップした後に仕様通りにアプリ内画面に遷移する</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>プッシュ通知</td>
      <td>使用許可を求めるパーミッションダイアログが正常に表示される</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
    <tr>
      <td>プッシュ通知</td>
      <td>パーミッション拒否した場合に仕様通りに動作している</td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
      <td><input type="checkbox" /></td>
    </tr>
  </tbody>
</table>

## その他