---
# System prepended metadata

title: インパクトのあるWebサイト

---

# インパクトのあるWebサイト

## 金子案

### 企画名
**ぼくのポケモン図鑑**

### 概要
- ポケモン図鑑から自分の好きなポケモンを探したり、いろんなポケモンを見て興味のあるポケモンを見つけ、自分だけのポケモン図鑑が作れるサイト

### 使用技術
- バックエンド
    - Python
- フロントエンド
    - JavaScript
- データベース
    - MySQL

### 仕様
- バックエンド
    - PokeAPIにリクエストを送り、ポケモンのデータを取得
    - 取得したデータを加工し、必要な情報だけをフロントエンドへ送信
    - フロントからお気に入りポケモンの情報が送られてきたら、DBもしくはJSONに保存し、フロントからリクエストがあった時にお気に入りポケモン情報をレスポンスとして返す
- フロントエンド
    - バックエンドから取得したデータをHTMLにレンダリングし、ポケモン図鑑を表示する
    - 各ポケモンのページにお気に入りボタンを用意し、お気に入りボタンが押下されたら、自分のお気に入りポケモンとして登録する
    - お気に入りポケモンページ（ぼくのポケモン図鑑）を用意し、バックエンドからお気に入り情報を取得&HTMLにレンダリングする

### 質問されそうなことに対する回答
Q. リクエスト？レスポンス？なんやねんそれ
A. だいたいこんな感じ
- リクエスト=送信（依頼, 投げる）
- レスポンス=受信（取得, 返却）

Q. レンダリングってなんですか？
A. 描画。JavaScriptでHTMLを組み立てたり、DOMの書き換え操作を行うこと。

Q. データベース習ってないから分かりません
A. 😂😂😂 その時は一回俺に相談してくれw