【最終課題】 #13 フィード画面の作成

[TAK848]

Issue

resolved #13

最終課題項目

• フィード画面
  • 記事一覧データ表示
  • 記事一覧をタップして記事ページを表示
  • 検索バーを配置して検索
  • ページネーション実装(リストを下まで到達したら追加読み込み)

追加内容概要

• 機能
  • 課題8をベースに，Qiitaの記事を一覧表示
  • 検索バーに入力して検索を押すと，そのワードを含む記事のみに絞られる
  • 検索バーに入力していた状態からキャンセルを押すと，クエリなしで検索し直す
  • 記事をタップすると中身がWKWebViewで出てくる
  • 一番上で下に引っ張るとリフレッシュする
• その他
  • 実機でのアプリ判別用に，アプリのアイコンを超適当に作って足しました。デザインは超適当ですのでスルーいただけると幸いです

フォルダについて

• Utility: 現状この中にExtensionを放り込んでいるが，増えてきたらさらに整理する余地あり
• Model: Segueに加え，Qiitaのレスポンスに合わせた型を加えた
• View: とりあえずここにViewControllerを放り込むことにした
• Component: 細かな部品（今回でいうと各記事のTableViewCell）を放り込む

補足

• リクエストを型取るのにこちらを参考にしました。
• 画像のキャッシュ化は，こちらを参考に，外部ライブラリなしで実装してみました
• Qiitaから落ちてくるDateTimeを，そのままDateとして構造体に格納するため，こちらを参考に自動変換するようにしました。Utility/KeyedDecodingContainer+stringToDateDecode.swiftに該当の処理が書いてあります。
• NSObjectProtocolを拡張することで，classNameとidentifierを簡単に取得できるようにしました。identifierとclassNameは開発時に統一する前提です。
• Utility/UITableView+registerAndDequeue.swiftにより，カスタムセルのセットを少し楽にできるようにしました。参考

動作gif

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

[ShuheiYoshidaJP]

LGTMです。