swift3でニュース配信アプリを作ってみる #1 (storyboard編)

  • このエントリーをはてなブックマークに追加
  • Pocket

こんにちは、サーバーサイドエンジニアの菅原です。
今回はWWDC2017にてios11やxcode9の発表など盛り上がりを見せているAppleから
Swift3に触れてみたいと思い簡単な二部構成のニュース配信アプリを開発しました。

環境と用意するもの

  • News API (Tech Crunch APIを使用しました)
    • https://newsapi.org/techcrunch-api
  • swift3
  • xcode8.3

プロジェクトを作成する

1

ニュース記事のレイアウトを設置する

  • NavigationVar
  • TableView

3

  • それぞれの部品についてはConstrainを適用させる。

UIを設置する

7

  • Prototype Cellsを1に設定する
  • Image Viewを設置する
  • Labelを設置する

9

UITableViewCellを継承する

UIKitのUITableViewCellを継承してカスタムセルの表示方法を設定する
ArticleCell.swiftを作成する。

11

MainStoryboardから各パーツからArticleCell.swiftに紐付けをする。

13

同様にArticle.swiftで記事のオブジェクトを作成。
現在は取得するタイトル、URL、画像URLを受け取るように設定している。

ViewConrollerでtableViewのセルに値を設置する

これだけでbuildすると以下のようにシミュレータが起動して
設定した値がtableViewに入っていることがわかる。

スクリーンショット 2017-06-19 21.24.27

次回

今回はstoryboardの使い方をメインに画像で解説していきましたが実際に取得するための実装を
swift3でニュース配信アプリを作ってみる #2 (実装編)

にて続きますのでそちらをご覧ください。

  • このエントリーをはてなブックマークに追加
  • Pocket

SNSでもご購読できます。