プログラミング

便利ツール

天気予報

天気予報API(weather.tsukumijima.net)を使った天気予報アプリです。

以下コピペ

javascript: function start() {

var fr = document.createElement('iframe');

fr.src = "https://eco.mtk.nao.ac.jp/cgi-bin/koyomi/sunmoon.cgi?id=45";

fr.style.width = "180px";

fr.style.height = "370px";

fr.setAttribute("frameBorder", "0");

var body_node = document.querySelector("body");

body_node.appendChild(fr);

var file = new XMLHttpRequest();

file.open('GET', 'https://weather.tsukumijima.net/api/forecast?city=440010');

file.send();

var tenkidiv = document.createElement('div');

tenkidiv.id = "tenki_disp";

body_node.appendChild(tenkidiv);

file.onreadystatechange = function() {

if (file.readyState === 4) {

var tenkitmp = file.responseText;

var tenkijson = tenkitmp;

var tenki = JSON.parse(tenkijson);

var tenkitext = tenki.description.text + "<br>";

var todaytenki = tenki.description.publicTimeFormatted + "発表。<br>";

var main = tenkitext + todaytenki + "<hr>";

var todayimage = "<img src=\"" + tenki.forecasts[0].image.url +

"\" width=\"" + tenki.forecasts[0].image.width + "\"height=\"" + tenki.forecasts[

0].image.height + "\" style=\"vertical-align:middle;\">";

var todaytenki = "<div style=\"vertical-align:middle;\">" + tenki.forecasts[

0].telop + todayimage + "</div><br>";

var todaykousui = "降水確率&emsp;" + "0時~6時：" + tenki.forecasts[0].chanceOfRain

.T00_06 + "&emsp;6時~12時：" + tenki.forecasts[0].chanceOfRain.T06_12 +

"&emsp;12時~18時：" + tenki.forecasts[0].chanceOfRain.T12_18 +

"&emsp;18時~24時：" + tenki.forecasts[0].chanceOfRain.T18_24 + "<br>";

var main = main + "今日：<br>" + todaytenki + todaykousui + "<hr>";

var todayimage = "<img src=\"" + tenki.forecasts[1].image.url +

"\" width=\"" + tenki.forecasts[1].image.width + "\"height=\"" + tenki.forecasts[

1].image.height + "\" style=\"vertical-align:middle;\">";

var todaytenki = "<div style=\"vertical-align:middle;\">" + tenki.forecasts[

1].telop + todayimage + "</div><br>";

var todaykousui = "<div style=margin-bottom:30px;>降水確率&emsp;" + "0時~6時：" +

tenki.forecasts[1].chanceOfRain.T00_06 + "&emsp;6時~12時：" + tenki.forecasts[

1].chanceOfRain.T06_12 + "&emsp;12時~18時：" + tenki.forecasts[1].chanceOfRain

.T12_18 + "&emsp;18時~24時：" + tenki.forecasts[1].chanceOfRain.T18_24 +

"</div><br>";

var main = main + "明日：<br>" + todaytenki + todaykousui;

document.getElementById("tenki_disp").style.LetterSpacing = "2em";

document.getElementById("tenki_disp").style.textAlign = "center";

document.getElementById("tenki_disp").innerHTML = main;

document.getElementById("kidou").style.display = "none";

}

}

}

if (systemdisp) {

alert("すでに起動済みです。\nページのフッターを見てください。");

} else {

if (navigator.onLine) {

var systemdisp = true;

var s = document.createElement('div');

systemdisp = true;

s.innerHTML = "起動中です...";

setTimeout(function() {

s.innerHTML = "取得失敗。ネットワークを確認してください。";

}, 2000);

s.id = "kidou";

document.querySelector("body").appendChild(s);

start();

} else {

alert("取得失敗。オフラインのようです。");

systemdisp = false;

}

}

function s(){

var file = new XMLHttpRequest();

file.open('GET', 'https://weather.tsukumijima.net/api/forecast?city=440010');

file.send();

file.onreadystatechange = function() {

if (file.readyState === 4) {

document.write("<pre>" + file.responseText + "</pre>");

}

}

}