Chapter7-2 Web APIを使ってみよう

こんにちは!

ITやるなら上目指せよ。

Chapter7-2 Web APIを使ってみよう

現在勉強中の本、最後のコンテンツです。
OpenWeather社さんのWeb APIにチャレンジです。

script.js
Image from Gyazo

geolocation を使って現在地の取得を行います。
後ほど使用する時間の設定も行なっています。

script.js
Image from Gyazo

script.js
Image from Gyazo

Ajaxを使って現在地の緯度と経度を送りデータをリクエストします。
併せて日時の調整も行なっています。

script.js
Image from Gyazo

出力方法を指定しています。
現在の天気と予報の天気で表示方法を変えています。

Image from Gyazo

これで完成です。
この機能をオリジナルアプリの方実装をしていきたいです。

そして、Java Script の超入門本が完成しました!
ようやく第一歩を踏み出したところかなと思います。
他の言語も勉強していきますが、JSも定期的に扱えるようにしたいと思います。

ではでは。