【最終課題】 #18 マイページの作成

[TAK848]

Issue

resolved #18

最終課題項目

• マイページ
  • ログイン画面での認証機能
  • 認証したユーザーの情報表示
  • フォロー・フォロワーリストへの遷移
  • ページネーション実装

追加内容概要

• 機能
  • 認証を追加
  • マイページで自分の情報と記事が見れるように
  • 一番上で下に引っ張るとリフレッシュする
  • フォロー・フォロワーリスト（仮）に遷移する
• その他
  • 設定画面に，検証用の適当なログアウトボタンを設置
  • ログイン・ログアウト時にIndicatorを表示するように（ほぼ目には入らないが，再タップを防止する意味合いも兼ねて）

アクセストークン・スキームの登録

方法は2通りあります。 1.の方が早いので，特段の理由がなければ1.で大丈夫です！

1. QiitaClientApp/QiitaClientApp/内に僕の作成した.envを放り込む。
2. • QiitaClientApp/QiitaClientApp/内にexample.envがあるので，同じ場所に.envという名前でコピー。リダイレクト先URLをAPPLICATION_URL_SCHEME://APPLICATION_QIITA_CALLBACK_HOSTとなるようにQiitaのアプリケーションを登録して，クライアントIDとクライアントsecretも.envに記入し保存する。（スキームも環境変数で設定できます。読み込み時のInfo.plistが変更されるため，git管理下のInfo.plistが書き変わることはありません。）
   • 例

補足

• 記事一覧の取得する親クラスBaseArticlesViewControllerを作成し，これを継承する形に（本来はprotocolやextensionをうまく使った方が良いのかもしれないが，とりあえず同じ処理の共通化，という方向で実装。むしろ分かりにくくなっているかも…）
• Extensionをフォルダを新たに作り移動して整理しました。
• 遷移用にTabControllerのクラスなどが作成されています。
• 記事のcellで，protocolとextensionをうまく（？）使って整理してみました。
• 一部，Segueを使用するのをやめました。

動作gif

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

マイページの表示が自身のアカウントの記事投稿数などで満足できない時

検証時のユーザーの記事が存在しない場合などは，UserPageViewController.swift内のAuthUserGetRequest，AuthUserArticlesGetRequestのpathをいじって検証してみてください。

例

//  var path: String { "/authenticated_user" }
    var path: String { "/users/yaotti" }

//  var path: String { "/authenticated_user/items" }
    var path: String { "/users/yaotti/items" }

こうすると 記事一覧が検証できます

[ShuheiYoshidaJP]

LGTMです👍

[mcz9mm]

LGTMです！