カテゴリ「 天気・気象・温度計」の一覧を表示しています。

天気予報リンクサービス (降水短時間予報)

以前紹介していた天気予報コムブログパーツ(紹介記事)に新しいお仲間が登場。今度は「降水短時間予報」ですよ!
全国及び各地域別に、レーダーとアメダスなどの降水量観測から作成した降水量分布を、6時間後までの予報と共にを地図上に表記し、更に全国11都市の天気予報をスクロールで表示する画期的なブログパーツです。
将来的にはパーツを掲載しているサイトへの訪問ユーザーの地域を判別し、自動的にそのユーザーに適した地域の予報を表示する予定ですので、貴サイトのリピーターも増えるかも!?

じーっと見てると下の予報の時間とともに降水量の分布が変化してゆきます。マウスをあわせると各地域へのナビが表示。そこでクリックして地域を移動・拡大することができます。
降水確率の予報はここでも紹介するのははじめてですね。ここでは全国版を貼りましたが地域毎のバージョンもあります。(お知らせありがとうございました!)

天気予報リンクサービス (降水短時間予報)
ユーザー登録 不要ですが禁止事項をよく読もう。
難易度 超簡単
タグの種類 iframe、divなど
設置方法 全国・あるいはお好みの地域を選んだら、置いてあるコードをブログに貼り付けるだけ
サイト 天気予報リンクサービス (降水短時間予報):天気予報コム
天気予報リンクサービス (降水短時間予報):天気予報コム

ウェザーテックの無料アメダスアイコン

親切な通りがかりさんから教えてもらった、まさに今が旬のアメダスパーツ。便利!
ホームページに、最新のアメダス観測値をアイコン表示できます。

それにしても今年は梅雨明け、遅いですね・・・。

お天気プラザ お天気アイコン
ウェザーテックのアメダスアイコン
ユーザー登録 不要ですが「アメダスアイコンご利用について」をよく読もう
難易度 超簡単
タグの種類 JavaScript
設置方法 表示させたい地域を選んで、自動生成されたタグをブログに貼り付けるだけ
サイト ウェザーテック お天気総合情報サイト 無料アメダスアイコンの貼り付け方法

お天気プラザのウェザーテックさんは、全国の今日から明日、明後日の天気予報についてRSS配信サービスも提供されています。今のお天気を表示させるものは各種あるけれど、天気予報が表示できるものは、ここで紹介するのは初めて。

お天気プラグインとRSSフィード(livedoor)

fogmaにトラバいただいたLife goes onさんのところで見慣れない天気アイコンを発見。livedoorプラグインだけどlivedoor以外のブログでもピッと簡単に貼れるので早速ご紹介。
お天気プラグイン(livedoor)
ユーザー登録 不要
難易度 超簡単
タグの種類 JavaScript
設置方法 表示させる都道府県を選んで置いてあるHTMLをブログに貼り付けるだけ
サイト livedoor天気情報Weather Hacksお天気プラグイン
Weather Hacksは天気予報アイコンももちろんかわいいけれどお天気関連のRSS配信がすごいですね。(RSSフィード一覧
地方の天気はもちろん、アメダスの細かい情報(気温・降水量・風向・風速・日照時間・積雪深)、地震速報、津波速報、火山情報、警報・注意報発表状況、はたまた季節特集などの読み物も充実。

RSSフィード簡単活用例
うちで紹介してるRSS表示のカテゴリにあるものや、 ここのサンプルで使用しているRSSリスティングでこんな風に表示することができます。(RSSリスティングは使いやすいのに未紹介。後日予定してます。)

Powered by RSSリスティング

名古屋も大丈夫なミニお天気アイコン

晴れときどき南風のもときちさんより情報いただいたサイト。ちっちゃくて、かわいい♪英語だけど登録不要で設置も簡単。サイズもいろいろ選べます。(サンプル一覧

Click for the latest Fukuoka Airport weather forecast.

Click for the latest Nagoya Airport weather forecast.
Find Local Weather
ユーザー登録 不要
難易度 簡単
タグの種類 画像、リンク(多分どこのブログでもOK)
設置方法
  • トップページの「"City, State", US Zip Code:」に都市の名前を入れるか、その下の「Asia City DirectoryJAPAN」の一覧から、都市を選ぶ。アルファベット順に並んでいるので、あれ?ないやの場合は、都市名の下の「Alphabetical city list.........」で表示させたい都市の頭文字を選ぼう。
  • 都市のお天気が表示されたら、一番下の方の「Click here to get free weather for your site.都市名 Weather」でお天気アイコン。
    「You asked for it. We listened.... Free weather search functionality for your website. Click Here.」で検索ボックス。(検索ボックスについては4つありますが、上から2つがFind Local Weather。その下はGoogle検索になります。)
  • お天気アイコンのカスタマイズタイプは下の3つ。都市によっては貼り付けしても表示されない場合があるので、最初に実際に記事に貼ってみて下書きやプレビューで確かたほうがよいかも。
    下から3番目の「Forecast above... Get the code.」が横幅120pxで下に長いタイプ。下から2番目の「Forecast top right... Get the code.」がちっちゃいアイコンタイプ(←これがカスタマイズ版の中では多分どの都市でも貼り付け可能)一番下の「Forecast bottom right... Get the code.」が横幅130pxで下に長いタイプ。
  • お好みを選んで貼り付けよう。
サイト Find Local Weather(英語)

都市によってはダメな場合もあるけど、色を自由に変更できるタイプがあるから、どんなデザインのブログでもなじむはず。色の変更は貼り付けた画像のソースをよーく見て、該当する箇所を変えるだけ。目は疲れるけど、とっても簡単♪

hwvbg=DDDDDD 都市あるいは場所の名前の背景色。色名でも16進数でも指定可能。
hwvtc=gray 都市あるいは場所のタイトル色。pinkなどの色名でも16進数でも指定可能。
border="0"をborder="1"へ。
あるいはまるごと置き換え。style="border: 1px solid pink"とか。

検索ボックスのサンプル
こっから直接、都市名を入力して、一番下の「Click here to get free weather for your site.都市名 Weather」で、お天気アイコン作成可能。

Search - FindLocalWeather.com
【配色の参考に】
背景と文字色の組み合わせ
Webパレット・カラーピッカー(216色)Java版
背景とボックスと文字色の組み合わせ
色見本のページ(配色のページもあります)

ネコ温度計

定番のかわいいネコ温度計。ネコのポーズは気温に対応。気象データは15分おきの自動更新。時計代わりにもなります。背景色も自由に変更可能。
Shockwave版からFlash版へ変更になりました。
Flash版はあなたのページに貼ることができます。どうぞあなたのWebページにもネコ温度計Flash版を貼って楽しんでください。

季節ごとのイベントも用意されてるそうで楽しみです。

ネコ温度計
ユーザー登録 不要
難易度 超簡単
タグの種類 JavaScript、Object、Embed
設置方法 メニューの「ネコ温度計ダウンロード」から。
ブログやページに貼るには「2.ネコ温度計Flash版」の方。
設置するソースを作成するにはコードメーカーが用意されています。表示させたい都市名や色を入力して貼り付けるだけ。
ホームページやブログで使える色はWEB COLOR 216さんへどぞ。
サイト
ネコ温度計

ダウンロードタイプはphpが扱える環境が必要のようなので無料ブログの方は直リンクタイプということになりますね。