weather api featuring live boor weather hacks

概要

• Live boor weather apiを利用したお天気サイトを作成しました。
• python webワークフレーム：bottle を使用
• レスポンシブル対応、ポートフォリオ用サイト

  説明

  Live boor weather apiを利用し、各都道府県の今日、明日、明後日の天気と気温を見れるサイトを作成しました。
  シンプルな操作しやすいデザインを心掛けました。
  クロスブラウザに対応する為、サーバー系プログラミング言語としてpythonを使用し、webフレームワークとしてbottleを利用しました。
  searchボタンをクリックで、各都道府県の天気が調べられます。
  フリーですので必要な方はご自由に使用願います。
  webフレームワークbottleは各自ダウンロード願います。

  ファイルの構成

  ファイルの構成/
  ├─ README.md
  ├─ weather_template.html                          # htmlファイル（自身でコーディング）
  ├─ weather_template.css                           # CSSファイル（自身でコーディング）
  └─ weather_bottle.py                              # pythonファイル（自身でコーディング）

  インストール方法

  1、全てのファイルをフォークし、ローカルにクローンを作成。
  2、ローカルに保存したpythonファイルをlocalhostで開く（webフレームワーク bottleをインストール）。
  3、webブラウザでlocalhostのアドレスを開く。

  デモ画像

  

weather api featuring live boor weather hacks

Overview

• This website concept is can search weather from live boor weather api.
• Using live boor weather hacks and bottle of webframework.
• correspondence of responsive design.
• my web design skill is this web site.

  Description

  How to use

1. You choose prefecture and date.
2. If you search button click, you see weather.

   Component file

   Component file/
   ├─ README.md
   ├─ weather_template.html                  # Top page.（my coding）
   ├─ weather_template.css                   # file of top page css.（my coding）
   └─ weather_bottle.py                      # file of top page js.(my coding)

   Install

   1、all files do fork and this all files do clone in local.
   2、you install bottle and you open file of python in local area.
   3、open local host in web browser.

   The program of Demo