Open Weather Map Web APIを使ってiPhoneアプリ作成

 

Open Weather Mapが提供しているWeb APIを使ってiPhoneアプリ作成してみました。

Web APIの使い方をメモしておきます。

 

確認環境:Xcode 7.3

 

有名どころのコンテンツ各社が提供しているWeb APIを活用すれば、アプリ開発の際、自分で何から何まで全部作る必要がなくなり、

さらに、Web APIを提供しているコンテンツの洗練されたノウハウを取り入れることもできます。

 

今回は、Open Weather Mapが提供している気象情報のWeb APIを使ってiPhoneアプリ作成してみます。

 

まず、はじめに、以下の Open Weather Mapのサイトにアクセスして、Sign Up をします。

 

Sign Up が完了したら、Sign Inしてください。

その後、「API」をクリックします。以下のような画面が表示されます。


Tip_01_01_009a

 

今回は、Current weather data の Subscribe を選択します。

FreeプランでAPI key を取得します。


Tip_01_01_009b

 

API Key が作成されたこと確認します。

このAPI Keyは後から使います。


Tip_01_01_009c

 

次は、Xcodeでコードを書いていきます。

Single View Applicationでプロジェクトを新規作成します。

 

プロジェクトを新規作成したら、SBJsonフレームワークをプロジェクトに取り込みます。

GitHubで公開されているものの最新版はv4.0.0ですが、

うまく使いこなせなかったので、今回はv3.2.0を使います。

Downloads の Source code (Zip)をクリックして、ダウンロードします。


Tip_01_01_009d

 

ダウンロードしたZipファイルを適当な場所で解凍します。

解凍したら、Classesフォルダのファイルを全て、Xcodeのプロジェクトにコピーします。

ルート階層に「json320」という名前でグループ(フォルダ)を作って、そこに放り込みます。


Tip_01_01_009e

 

次はStoryboardの設定をします。

Storyboardのど真ん中にラベルを1つだけ配置します。

 

このラベルを ViewController.h に「label1」という名前でアウトレットしておきます。

あとは、先ほどプロジェクトに取り込んだ、SBJsonフレームワークが使えるように、

「#import “SBJson.h”」を追加しておきます。


Tip_01_01_009f

 

最後に ViewController.m に以下のコードを書きます。

12行目の★★★の箇所には、先ほど取得した、自分のAPI Keyを記述します。

実行すると、こんな感じにラベルに東京の現在の天気が表示されます。


Tip_01_01_009g

今回はリクエストデータで東京の現在の天気としていますが、

上記のソースコードの12行目を変更すれば、名古屋や大阪などの天気を表示することもできます。

このようなリクエストデータやレスポンスデータの仕様は、以下に書かれています。

 

このようにWeb APIをうまく使えば、楽してリッチなコンテンツの作成ができます。

Web APIってほんとすごいし、おもしろいですね。

 

Web API集

定番もののWeb APIのリンク集です。

フリーで使用できるものを中心に集めてみました。

 

Google:

 

Yahoo:

日本語のサーピスがうれしい、Yahooが提供しているWeb API。

 

Docomo:

 

IBM:

IBM Watsonを活用したアプリケーションの開発に利用できる6種類の日本語版Watson APIが提供されてます。

 

Microsoft:

Microsoftが提供しているWeb API。地図、翻訳、CortanaなどのWeb APIが提供されています。

 

Amazon:

Amazonが提供しているWeb APIです。

 

楽天:

楽天が提供しているWeb APIです。楽天市場、楽天ブックス、楽天トラベルなどの検索ができます。

 

Twitter:

Twitterが提供しているWeb APIです。英語です。

 

Facebook:

Facebookが開発者向けに提供しているWeb APIです。英語です。

 

気象関連:

世界中の気象情報のWeb APIを提供しているサイト。英語です。

 

画像関連:

Flickrが提供している画像関連のWeb APIサイト。英語です。

 

住所検索:

郵便番号から住所、住所から郵便番号を検索するWeb API。

郵便番号、住所、最寄り駅、緯度経度データ等の地理情報するWeb API。

 

公共機関:

総務省が提供している政府統計データWeb APIです。国勢調査、人口統計、企業統計、物価統計などのデータ入手が可能です。

国立国会図書館が提供するWeb API。