【最終課題】#20#21 フォロー・ユーザー画面の作成

TAK848 commented 2 years ago

Issue

resolved #20, #21

最終課題項目

フォロー・フォロワー画面
- ユーザー一覧実装
- ページネーション実装
ユーザー画面
- ユーザー画面実装
- ページネーション実装

追加内容概要

機能
- フォロー・フォロワー画面を，Collectionで作成しました（セルの形状と，セル間の間隔の存在から，TableViewのセクションを使って分けるよりもこちらの方が良いと判断）
- ページネーション・リフレッシュ機能をつけました
- フォロー・フォロワー画面からユーザー画面に遷移できるようにしました
その他
- navigationControllerの戻るボタン長押し時にちゃんとタイトルが出るようにbackButtonTitleを設定しました（gifの最後のあたり参照）
- フォロー画面の先はTabを非表示にしました（StoryBoardの選択一つでできた）
- ページネーション終了を検知できるようにしました（Tag詳細PRと重複あり）
- userのdescriptionがないとき，constraintの値をいじることで余計な空白を無くしました

補足

CollectionViewのレイアウトに少し苦慮したんですが，神機能により秒殺できました。これ，タグ画面にも活かせそう

アクセストークン・スキームの登録（再掲）

「example.env」と同階層のQiitaClientApp/QiitaClientApp/内に僕の作成した.envを ，ファイル名が「.env」になっていることを確認して（「.」が抜けていたら警告を無視して頭に追記し） 放り込めば完了です。 .をつけると隠しファイルになって初期設定だと見えなくなります。Finderで確認する場合は「cmd+shift+.」で見えるようになります。

https://github.com/shinonome-inc/mobile_tak848/tree/main/QiitaClientApp に他の方法含めた詳細が載っています。

動作gif

（設定英語，ダークモード，DynamicType最小（=デフォルトサイズなら完全にfigmaサイズになります））

Kaito-a-bit commented 2 years ago

列数が一列の時に限りますが、カードUIであればTableViewでもセルの中にViewを追加する形で同じUIを再現できますね。機会があればトレースなどしてみてください。

TAK848 commented 2 years ago

列数が一列の時に限りますが、カードUIであればTableViewでもセルの中にViewを追加する形で同じUIを再現できますね。機会があればトレースなどしてみてください。

そうですね！！普通にRowを並べると，仕様上枠の外でも境界まで選択範囲が広がってしまうのが気持ち悪いなと思ったので見送っていましたが，この方法と，各セクションにRowを1つづつ配置して間隔をとる方法（あまりうまい方法とは思えなかったのでパスしました）の2通りで機会があればやってみようかなーと思います！！

Kaito-a-bit commented 2 years ago

LGTM！

shinonome-inc / mobile_tak848