HTML5

HTML5
自分で持ってるデータを検索する

短いデータなどはHTML内に書いて置いて,検索をさせるようなことができます まずは基本のスクリプトです. <!doctype html> <html> <head> <meta […]

続きを読む
HTML5
天気データをよそからもってくる

今回の条件で合致しそうなのは http://openweathermap.org/ です. 登録をして,APIキーを発行し,cityコードでその地域のデータをjsonで持ってきます. それをjavascriptで解析して […]

続きを読む
HTML5
canvasを使ったシンプルな時計

canvasを使ったシンプルな時計の例 時刻に応じて横幅が変わるというだけですが,, <!DOCTYPE html> <html> <head> <title>Time&l […]

続きを読む
HTML5
ネットワークタイムサーバから時刻もってくる

カウントダウンのアプリなのに,デバイス毎に時刻違うってダメじゃん. ということで,NTP(ネットワークタイムサーバ)から時刻もってくるの. NTPについては(ここ)みんなのスマホもこれ時間合ってるんだよ。 これ,コンソー […]

続きを読む
HTML5
UTCからJSTに変換

日付扱っている方,日付オブジェクトの中身を確認してください 下の例だとmyDateをコンソールで表示 時間が9時間前ならutcです. JSTを使いたい場合,これでうまく行きそうです. 日付をとる場合、午前だと前日が表示さ […]

続きを読む
HTML5
警報アプリ

日付指定,UTCとJSTが混在してが面倒な場合,最新20が表示されるURLが (機種によってはUTCが取得される?) "http://api.aitc.jp/jmardb/search?areacode=230000&a […]

続きを読む
HTML5
警報の判定

最新時刻で警報が出ているかどうかの確認ができる. これに現時間で判定させる仕組みを入れるとできあがり. <html> <head> <title>警報書き出し</title&gt […]

続きを読む
HTML5
ブラウザにGPS座標を記録していく

外部ライブラリneko.jsを使います var GPS_DATA; function myGps(pos) { var myIdo = pos.coords.latitude; var myKeido = pos.coo […]

続きを読む
HTML5
気象警報をAPIで取得

以下のAPIでjsonがとれるようです. 使用の注意を読んでから使ってください 注意事項(必ず読む) http://api.aitc.jp/#attention そのAPI(愛知県) http://api.aitc.jp […]

続きを読む
HTML5
ブラウザにデータを保存できるwebstorageのサンプル

ここのサンプルを少し改造しています. <!DOCTYPE html> <html lang="ja"> <head> <meta charset=utf-8> <sc […]

続きを読む