iOS

Swift3 + Alamofire4 + Unbox2.4を使ってJSONをパースする

投稿日:2017年5月31日 更新日:

はじめに

こんにちは、はじめです。

 

今回はAlamofireとUnboxを使ってJSONのパースをしてみようと思います。

サンプルコードではiTunesのAPIでアーティスト検索を行っています。

前提条件

・Swift 3.1
・Xcode 8.3.2
・Carthage 0.23.0
・Alamofire 4.4.0
・Unbox 2.4.0

 

完成形

完成形は以下の画像のようにSearchBarに入力をし検索を行うと、

検索結果がテーブルに表示される形になります。

ソースは以下のようになります。

 

モデルの作成

Unboxを使ってモデルの作成を行います。

今回はiTunesの楽曲情報の中からアーティスト名、楽曲名、楽曲の金額を取得します。

(表示に使用しているのは楽曲名だけです。)

 

次にUnboxでJSONのパースを行います。

 

 

APIクラスの作成

Alamofireに渡すためのURLを作成します。

今回はアーティスト名でのみ検索を行うので検索する文字列以外は固定となっております。

APIクラスを実行する際に検索する文字列をURLに追加する処理をイニシャライザとして用意しておきます。

 

実際にAPIを実行する処理は以下になります。

 

ViewControllerの作成

はじめにstoryboard上でSearchBarとTableViewを追加し、outlet接続しておきます。

Delegateの指定

SearchBarとTableViewのデリゲートを指定します。

 

TableViewの設定

TableViewの表示に必要なコードを記述します。

 

SearchBarの設定

 

さいごに

このままだと日本語での検索に失敗してしまいました。

今後の課題として修正して行こうと思っております。

解決した際また記事にしてみようと思います。

page_footer_300rect




page_footer_300rect




-iOS
-

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

swift

iOSアプリのチュートリアルに便利なMMPopLabel

1 はじめに2 準備3 実装3.1 Storyboard3.2 MMPopLabelの準備3.3 MMPopLabelの表示3.4 Delegate4 さいごに はじめに こんにちは、nukkyです。 ...

swift

[Swift3] コードで動的にオートレイアウトを変更する

1 はじめに1.1 前提条件2 事前準備3 1.NSLayoutConstraintのActiveを切り替える4 2.NSLayoutConstraintのActiveを切り替える(複数同時)5 3. ...

[iOS]ライセンスを簡単に生成してくれるLicensePlistを使って見た

1 はじめに1.1 作者様ページ1.2 前提条件2 インストール3 早速使ってみよう3.1 Settings.bundleの準備3.2 LicensePlistの作成3.3 自動更新の設定4 さいごに ...

swift

Swiftの「UIActivityViewController」でTwitterにだけハッシュタグをつけたい!

1 はじめに2 実装2.1 まずはやってみよう2.2 Twitter連携時のみにハッシュタグをつけたい3 さいごに はじめに こんにちわ、nukkyです。 今回はSNSやメール連携したいときに便利な ...

swift

[Swift]UIViewからUIImageを作成しローカルに保存

1 はじめに1.1 前提条件2 実装2.1 UIViewからUIImageへ2.2 UIImageをローカルに保存2.3 おまけ:画像のリサイズ3 さいごに はじめに こんにちは、nukkyです。 今 ...

フォロー

follow us in feedly

AppLink

page_side_300rect

2017年5月
« 4月 6月 »
 123456
78910111213
14151617181920
21222324252627
28293031 

アプリ情報

目標を達成したい方を応援する、TODOアプリもリリースしております。 下記のアイコンから無料でダウンロードできます。

Web版MyCoach

私たちはより広い方にコーチングを知ってもらいたいと考えています。 下記のサイトにて、コーチの方々を紹介しておりますので、よろしければご覧ください。