Weather Hacksしてみました

このエントリーをはてなブックマークに追加

今更感漂いますがLive doorのAPI Weather Hacksを使って天気を表示するブログパーツ的なものを作ってみました。サイドバーにも表示してます。


取得してるのが東京の明日の天気予報と今日の気温(と今日の天気は予定)。ソースコードはネットに結構あったりするのでハショりますが 画像を全て新規で作り直して置き換えています。日々画像が変わるのを楽しんでください。

アホっぽいソースで。

あとデザインを華がないサイトなのでちょっと明るめな色を使ってWeather Hacks。

日をまたぐあたりまで作業してみて たびたびデータが変わるのが確認できたので 動作はできてるかなと思います。

Weather Hacksいろいろ調べてると気温を取得できない場合があるとかの記事を見たのですが 現状ちょうどよく引っかかってる模様。

でとりあえずですが180×180のサイズでこのブログパーツっぽいWeather Hacks使いたいいう人いましたらソース載せておきますので気軽に貼って見てください。インラインフレームですがブログのサイドバーとかにコピペすれば貼れます。多分。

<iframe src="http://fatdesign.net/api/wh/index.php" frameborder="0" height="180" scrolling="no" width="180">
この部分はインラインフレーム対応のブラウザでご覧ください。
</iframe>

今後Flash対応できそうなので今後はそっちで考えています。ソースもjavascriptだけですむし。使用変更したりデザイン自体変わったものになるかも知れませんが ご了承ください。

あとこのWeather Hacksでアイコン30個作ったのでフォント化すると思います。ピクトグラム的な感じに。

Google MapとWeather Hacksでマッシュアップしたいなあ。これも今更ですが。

現状のWeather Hacksをアイコンこのままでフォーム入力からカラーリング変更したりしてブログに貼れます!だともっといいんですが。協力してくれる有志募集とかぬかしてみる。



Recent Entry

  • フォーストーリアのデザイン担当しました
  • DTPの現場で役立つ OpenTypeフリーフォントコレクションに掲載されました
  • FONT x FAN HYBRID にフォント掲載されました
  • NucleusからWordPressに移転する際のしたこと
  • FDF TYPO GENESIS
  • コメントをどうぞ

    メールアドレスが公開されることはありません。

    次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

    :wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: