図書館検索サイト

概要

• Ajax(jQuery),図書館API、yahoo map APIを利用した図書館の場所を検索出来るサイトになります
• レスポンシブル対応
• ポートフォリオ用サイト

説明

Ajax(jQuery),図書館API、yahoo map APIを利用し、都道府県毎の図書館を検索し、その図書館周辺のmapとofficialサイトを表示出来るようにしました。
Ajax以外のプログラミングはJavaScriptの練習として、可能な限りjQueryを使用せずにコーディングしました。
フリーですので必要な方はご自由に使用願います。
※図書館API、yahoo API のkeyはご自身のkeyをご使用願います

ファイルの構成

ファイルの構成/
├─ README.md
├─ jQuery_base                                               # jQuery保存フォルダー
├─ fonts                                                     # webフォント(Font Awesome)保存フォルダー
├─ web_api_library.html                                      # トップページ（自身でコーディング）
├─ css/
|    └─ web_api_library                                      # CSS保存フォルダー(Font Awesomeのcss保存)
|           ├─ img                                           # 画像保存フォルダー（cssに埋込む用）
|           └─ web_api_library.css                           # CSSファイル（自身でコーディング）
└─ js/
    └─ web_api_library                                       # jsファイル保存フォルダー
           └─ web_api_library.js                            # jsファイル（自身でコーディング）   

インストール方法

1、全てのファイルをフォークし、ローカルにクローンを作成。
2、ローカルに保存したHTMLファイルをウェブブラウザで開く。
※図書館API、yahoo API のkeyはご自身のkeyをご使用願います

デモサイトURL（ポートフォリオURL）

http://s-fukushima.sakura.ne.jp/web_api_library.html

---

---

Website of search library from prefecture

Overview

• this website concept is can search address of library and can see the official site URL from prefecture.
• using Ajax(jQuey) and library API, yahoo maps API.
• correspondence of responsive design.
• my web design skill is this web site.

Description

if you selected prefecture, you can check this library map and this library official site.
You must use your key of yahoo API and library API.

Component file

Component file/
├─ README.md
├─ jQuery_base                                               # folder of jQuery files.
├─ fonts                                                     # folder of web fonts.(saving in this folder at Font Awesome.)
├─ web_api_library.html                                      # Top page.（my coding）
├─ css/
|   └─ web_api_library                                       # folder of css(saving in this folder at css of Font Awesome.)
|          ├─ img                                            # folder of images.（image of this folder enter to css.）
|          └─ web_api_library.css                            # file of top page css.（my coding）
└─ js/
    └─ web_api_library                                       # folder of js.
           └─ web_api_library.js                             # file of top page js.(my coding)

Install

1、all files do fork and this all files do clone in local.
2、this local files open to web browser.
You must use your key of yahoo API and library API.

URL of Demo site(URL of my portfolio site)

http://s-fukushima.sakura.ne.jp/web_api_library.html