MTWeather の進化系→JavaScriptで導入簡単なお天気プラグイン
このJavaScript プラグインはプルダウンで見てるユーザさんが好きな地域を選択することができ、Cookie でそのユーザさんの環境として地域が保存されるようになってます。つまりは、見てる人向けにカスタマイズされてお天気が表示可能ってわけ。
約２週間ほど当サイトにて試運転してきたので、ある程度バグはとれているかと思いますが、不具合等御座いましたらコメントお願い致します。
導入方法についての説明
- JavaScript 一式をインストールする
≫スクリプトはこちら（Drk7jpWeather.zip）
上記リンクから Drk7jpWeather.zip をダウンロードします。ダウンロードしたファイルを解凍すると以下のような４つのファイルになります。※更新具合で、サイズは多少変化しているかもしれません。
index.html はサンプルになります。その他の３つのファイルをご自分のサイトの適当な箇所に FTP してください。その他の JavaScript や CSS が置いてあるディレクトリで問題ないでしょう。
※文字コードを変更せず、FTP して下さい。script を改変する場合は、UTF-8 で BOM つき（UTF-8-flag を ON にする）で保存下さい。
- 設置する html もしくはテンプレートを編集
お天気を表示したいページの </head> の前あたり。つまり、その他の JavaScript や CSS が記述してあるところに以下のコードを追加します。 src 属性の path は、自分が設置した場所に適宜合わせて下さい。
※例えば、Movable Type であれば、Main Index テンプレート等に追加することになります。Movable Type 以外の方は、適当に path とか指定して下さい。<script language="javascript" src="<$MTBlogURL$>prototype.js"></script> <script language="javascript" src="<$MTBlogURL$>xml2json.js"></script> <script language="javascript" src="<$MTBlogURL$>Drk7jpWeather.js"></script>
次に、お天気情報を表示したい位置に以下のコードを追記します。サンプルの index.html もご覧下さい。
<div id="jwfx_menu"></div> <div id="jwfx"></div>
- 動作確認
ページを保存もしくは再構築すれば、下記のように表示されると思います。
表示されない場合は、
１．文字コードを変更して FTP してしまった
２．html 内に埋め込むコードが足りていない。もしくは間違っている
３．非対応のブラウザー？（IE, FireFox, Opera は動作確認済みですが。。。）
が考えられます。どうしてもうまくいかない場合は、コメントなり投げて下さい。ちなみに、地域を選択すれば、Ajax 風味で動的にお天気情報が変更されます。また、地域名は Cookie で保持されるので、各ユーザさんに応じて求める地域のお天気情報が表示されるので便利です。
その他、仕様について・・・
- IE 6, FireFox 1.5, Opera 8.x で動作確認済みです。それ以外は未確認です。
- XML2JSON および Japan Weather Forecast xml を使っています。いずれかのサービスに接続できない状態の時、お天気情報が表示されません。ご了承下さい。
- 結果は XML2JSON の仕様に応じて、一定期間キャッシュされます。最新の情報が表示されない場合があります。
ご報告有り難うございました。本プラグインで発行している cookie の有効期限が 2010年1月1日に設定してあったのが原因でした。
2020年1月1日に設定し直したので、当面同じ不具合は発生しないようになっております。
もし不具合が解消しない場合には、
http://www.drk7.jp/pub/js/Drk7jpWeather/Drk7jpWeather.js
をブラウザでリロードしてみて下さい。
宜しくお願いいたします。
今日気づいたのですが、天気の地域を一度選択すると、次回も選択した地域が表示されていました。
しかし、今は再表示又はページを切り替えて戻ってみると、常に東京が表示されてしまいます。
vista,xpともに同じ状態で動作いたします。
対処方法はあるでしょうか？
ここ１〜２年でこのサービスが停止する予定はありません。ご愛顧頂けると幸いです。よろしくお願いいたします。
JavaScriptを直接書き換えることで直接指定も可能です。JavaScriptが使える方に
http://www.drk7.jp/pub/js/Drk7jpWeather/Drk7jpWeather.js
を見て頂いて自由に変更頂いて御社サーバ上に設置することで動作させることができます。
個別カスタマイズのご希望ございましたら、別途メールなりでご依頼頂ければ幸いです。
JAF出版社の近藤と申します。
弊社の天気を表示するプラグインの導入を考えており、こちらのプラグインの使い勝手が良かった為、導入したいと思っております。
一点、地域名の表示について質問させて頂きます。
私の場合、プルダウンでエリアを選択するのではなく、常に特定の地域を表示したいと思っています。
そのような指定はできますでしょうか？
お手数おかけ致しますが、ご回答よろしくお願い致します。
天気予報サービスを使いたいのですが、テクニックブックを見ましたが、市町村コードというものが解りません。どこにあるのでしょうか？
ご教授の程、よろしくお願い致します｡
お時間が御座います時によろしくお願いいたします。
ハテナになっていても今後とも使用していきますので、よろしくお願いいたします。
天気情報の更新情報を１日あたり４回に変更しました。それに伴い、元の情報が最低気温情報とかが当日分に関して？情報になってしまうので、それにあわせて？になってしまっています。
解決案もあるのですが、その対応はしばらくお待ち頂ければと思います。
よろしくお願いいたします
長い間重宝して使用いたしている者です。
早速ですが、最近当日の温度の表示が?〜31℃と言うふうにハテナになってしまっております。
今後とも使用していきたいのでよろしくお願いいたします。
Drk7jpWeather.jsの先頭を以下のように変更した場合のみ起きる現象でした。（デフォルトを宮城にしたかった）
var JWFX_NODEID = 'jwfx';
var JWFX_MENU_NODEID = 'jwfx_menu';
var JWFX_JWFX_DEFAULT_ID = '23';
var JWFX_DEFAULT_XML = '04';
var JWFX_DEFAULT_AREA = '宮城県（東部）';
var JWFX_LOCATION_XML = '04';
var JWFX_LOCATION_AREA = '宮城県（東部）';
var JWFX_COOKIE_NAME = 'jwfx_locationid';
var JWFX_LOCATION_IDS =
オリジナルでは正常です。
大変申し訳ありませんでした。
その後も試したところ、どうやら、最初に表示した時（クッキーに何も無いとき）に起こるようです。エラーになっても一度地域を選択すれば、後は正常に動きます。IEとかfirefoxとかは関係ありません。
以上 よろしくお願いいたします。
私のサイトの場合、IEでは表示されるのですが、firefox(2.0.0.13)ではエラーになって表示されないようです。どうしてなのか分からなくて困っております。
なんとかならないでしょうか。
以上 よろしくお願いいたします。
弊社で運営しております、上記の山梨情報発信サイト『なびまる』というサイト内に山梨県の天気情報を載せたく考えております。
ピンポイントで山梨県だけの情報を表示させる事は可能でしょうか？
パスの設定が間違っていたようで修正したら画像が表示されました。。。
お騒がせして申し訳ありませんでした。
また、このようなすばらしいプログラムを無料で配布していただき感謝しております。
ありがとうございました。
今回使用させていただきました。
天気予報は見れるのですが、なぜか画像だけが表示されないようです。
（×印になってしまいます。。。）原因がわかりましたら教えていただけないでしょうか？宜しくお願いします。
よろしくお願いいたします
この機能を使ってホームページを作成しています。
設置して見たところ、「天気」「気温」「降水」や日付などの文字のサイズが上の表示例よりも大きくなってしまいます。
ダウンロードしたサンプルのindex.htmlでも同様に大きめな文字で表示されています。
この文字を小さくするには、どこをかえれば良いのでしょうか？
地区を選ぶプルダウンメニューの文字は表示例と変わらないので、それと同じくらいに出来ればと考えています。
よろしくお願い致します。
いろいろやってみましたところ、無事にエラーメッセージを消すことが
できました。大変お騒がせいたしました。
今後ともどうぞよろしくお願いいたします。
こちらのお天気予報を利用させていただきました。
すごいですね、とってもきれいだし、便利だし、簡単に設置できました。
お借りさせていただき、ありがとうございます。
現在、テンプレートを使ってサイトを作っています。
他のページを表示させると、ステータスバーに
「ページでエラーが発生しました」と出ます。
これを表示させないためにはどうしたらよろしいでしょうか。。
お忙しいところまことに申し訳ありませんが、
ご指導いただければと思い、投稿させていただきました。
どうぞよろしくお願いいたします。
これは、実は元データ（気象庁のサイト）でも表示されていないんですよね。
本サービスは気象庁を元データにしているので、取得できなかった値は？になっております。このことでなければ、詳細を記載頂けると助かります。
設置をしても、ここのサンプルを見ても、now loading... のままなのですが？
もう機能していないのでしょうか？
現在クライアントのホームページに天気を表示するプラグインの導入を考えており、こちらのプラグインが大変使い勝手が良く、導入したいと思っております。
しかし一点だけ不具合が出て困っています。
表示させたいのは「三重県南部」の天気なのですが、データの不具合なのかロードせずエラーが起きてしまいます。他のエリアの天気は問題なく表示されますので、設置方法やプログラムに問題はないと思うのですが、他にそのような報告はございませんでしょうか？
お手数をかけますが、お返事下さい。
何卒よろしくお願い致します。
こちらは大分で「Ｆｏｏｄおおいた」というポータルサイトを
運営しております株式会社メディアウェーブスと申します。
こちらの天気プラグインですが、見た目も良く大変使いやすいので
こちらの「Ｆｏｏｄおおいた」などの
サイト内に表示させたいと考えております。
その場合、表示の可、不可はもちろんですが
著作権表示などの関係や注意事項などありましたら
ご連絡を頂きたいと思います。
今後「Ｏｉｔａｗａｖｅ」としてさらに様々な情報を扱う
ポータルサイトとして運営してゆきたいと考えておりますので
ぜひよろしくお願いいたします。
お手数をおかけしますがご返答をお願いいたします。
申し訳ありません。
ですができる事なら新しい物に乗り換えてみたいと思っております。
この度MT3.3にしたところ動作しなくなった為
Drk7jpWeatherを導入させていただきましたが、サイドバーの
領域が狭いため他の表示部分と干渉してしまいます。
そこでDrk7jpWeather.jsを調節して天気のサイズを調節
できたのですが、上にある地域選択フォームが狭くできません。
これを縮める方法がありましたら教えていただけませんでしょうか。
MTWeather v1.09とこちらをテストを兼ね設置させて頂いております。
ありがとうございます。
おちらを試しに本日〜６日後を表示させてますが、気温の中で６日後の最低気温だけが、? となります。
これを回避する方法はどのようにすればよろしいのでしょうか。
アドバイス宜しくお願い致します。
とてもすばらしいものを作ってくれて、とても嬉しく思っています。
ところで、「地域名は Cookie で保持されるので、各ユーザさんに応じて求める地域のお天気情報が表示されるので便利です。」とあるのですが、私の場合、常に特定の地域（住んでいる熊本）を表示させたいと思っています。クッキーに保存する、しないの切り替えなどはできますでしょうか？
アドバイスよろしくお願いしますm(_ _)m
「Drk7jpWeather.js ですが、翌日の“湿度”の」
湿度でなく降水確率でした．
勉強のために、スクリプトを見せて頂いています．
Drk7jpWeather.js
ですが、翌日の湿度の最小値の添字が当日を示している気がするのですが、
合っていますか？細かいことで恐縮ですが、もし正しければ理解のための
ヒントを頂けませんか？
「index.html はサンプルになります。その他の３つのファイルをご自分のサイトの適当な箇所に FTP してください。その他の JavaScript や CSS が置いてあるディレクトリで問題ないでしょう。」
自分のサイトの適当なところにFTPする」のはどうするのですか？３つのファイルをそのままサーバーにFTPしたのですがうまくいきません。
２のところはトップページのHTMLの指定箇所に挿入すればいいんですよね？
ところで、私は島根県に住んでいますが、この島根県の表示がおかしいのです。
日にちが変わっても表示が変更されないのです。もちろん、再構築はしています。
他県はうまく更新表示します。ちなみに東京も表示がこうしんされないようです。
何が原因なのでしょうか？
