---
# System prepended metadata

title: 2021 夏 第2週目 インターンシップ Aチーム

---

# 2021 夏 第2週目 インターンシップ Aチーム
## なにつくる？

### テーマ
- 学生 x 防犯・防災

### メンバーが考えてきたアイデア
- セキュリティゲーム⇐ネット犯罪　+++ 身の回りにあるネット犯罪
- スマホから半径1m以内の犯罪場所を考える。
- 電車止まった回数→止まる可能性を出す。+
- google map+犯罪件数（災害）　
- 防災グッズの確認ツール+
- 治安の良さを見える化？：地図と犯罪件数の情報管理が必要 +
- 自動車事故の起きやすい場所を見える化。きつい曲がり角 +
- 旅行先のスリの確率などを見える化。 +
- 子供110番の家 +
- 犯罪版ハザードマップ ++
- 現在地周辺の犯罪が通知される +
- 防災・防犯ミニゲーム集 


- セキュリティゲーム ++
- 犯罪版ハザードマップ　++

### ターゲット
- 学生
    - 大学
    - 専門
    - 短大
    - 高専
    - 高校
    - 中学
    - 小学
- 対象
    - ネット（コンピュータ）に疎い人
    - 大学生、（高専生、）高校生・・・コンピュータの授業が楽しみな人
    - 小学３、４年生

## ビジョン

- スマホ初心者（中学1年生）のこれからのネットライフをよくするためのリテラシークイズ

## プロダクトオーナー(PO)
- 最後に決める人
    - 誰がやる？→やまゆ

## 機能
- トップページ
- ランキング画面
    - 回答時間に応じたソート
- ジャンル選択画面
- 問題表示画面
    - 回答選択
    - あるあるボタン
    - 通報ボタン
        -  通報ボタンを押すとあるあるボタンは非表示
- 結果・解説画面
- 得点
    - リテラシーポイント
- 問題追加画面
    - ログイン機能
    - 問題追加フォーム

- あるある数に応じて出題頻度を上げる




## 担当
### フロント
- うっしー
- てる
### バック
- やまゆ
- そう

## テーマカラー
### 候補
- 青
- 緑
- オレンジ
- ジャンルごとにわけるとか
- 藍色


## ブログ担当
→この順
[ "そう", "うっしー", "てる", "やまゆ" ]

---
## API仕様
### 問題用のデータ
```
POST /hoge/hoge
```

### 必須機能
#### トップページ
- フロント(うっしー)
    - [x] タイトル()
    - [x] スタートボタン(）
        - [x] ボタン押す→問題表示画面へ
    - [x] オプションボタン()
        - [ ] ボタン押す→オプション画面へ()
    - [x] 背景の画像()
    - [ ] セッションを取得する()
---
#### クイズ画面
- フロント(てる)
    - [ ] 問題文が少しずつ表示されてくるやつ()
    - [x] いったん〇×(てる)
        - [ ] 選択肢の数を問題データに含める
        - [ ] 選択肢ボタン押す→正解・不正解のどちらかを演出
    - [x] 戻るボタン()
        - [x] ボタン押す→タイトル画面へ(teru)
    - [ ] 正解・不正解だったときの演出()
    - [ ] 結果・解説画面()
        - [x] 次の問題進むボタン()
        - [ ] 解説表示機能()
            - [ ] 解説の内容・・・後で
    - [ ] 一問ずつ表示する
- サーバ()
    - [x] クイズを指定された件数分ランダムで返す。
    - [x] 指定されたクイズの答えを返す。
    - [x] 正解数のカウント
    - [x] 問題をため込むデータベース（やまゆ）
    - [ ] questions.json ()
---
#### リザルト画面
- フロント(そう)
    - [ ] 何問正解したかのカウント()
    - [ ] 過去解いた問題の一覧表示()
    - [ ] →リンクへ飛べる()
    - [ ] タイトルに戻るボタン（）
- サーバ(やまゆ)
    - [ ] 正解数となにか一言を返す()
    - [x] 正解一覧データをフロントにおくる（）
---
#### デザイン
- 全体イメージ
    - [ ] カラー
    - [ ] 雰囲気
- 画面
    - [ ] トップページ
    - [ ] 問題表示画面
    - [ ] 結果解説画面
    - [ ] リザルト画面



### あるといい機能
- [ ] CSSを分ける
- [ ] あるあるボタン()
    - [ ] 結果・解説画面に配置する？
- [ ] ジャンル表示()
- [ ] 得点(タイムアタック)表示()
    - [ ] トップページと問題表示画面の間にワンクッション置く画面が必要(READY?画面)
    - [ ] 問題毎に解説画面を挟むので、解説画面が表示されている間はタイマーを止めなければならない
- [ ] 問題追加画面()
- [ ] ランキング()
- [ ] 共有ボタン
    - [ ] 結果・解説画面に作る
- [ ] お問い合わせフォーム
- [ ] 404 NotFound

### 時間があったらやる機能
- [ ] あるある数に応じて出題頻度を上げる()

---
### 明日やること
- フロント
    - [ ] CSS調整
    - [ ] JSONデータ読み込み、表示、サーバーへ送る(fetchJSON)
    - [ ] SessionID操作
- サーバー
    - [x] JSON貯めるサーバーを作る
    - [ ] req.dataでパラメータを受け取る
    - [ ] クイズをフロントエンドに送る。１問ずつ。
    - [ ] 正解数のカウント
    - [x] questionsJson (db)
    - [ ] userJson (db)→なし
    - [x] クイズスタート(セッションスタート？)
    - [ ] ポートを8886にする



## スプリントレビュー

### 指摘事項

- [ ] 問題画面の下のボタンがスマホで隠れないようにする
- [ ] 問題画面のトップへ戻るボタンのサイズを固定する
- [ ] Titleをいい感じにする



### ブログ

５日目のブログはAチームのみんなで書きます！

#### 午前
##### ラジオ体操（やまゆ）
　今日はいよいよ発表の日。でも、まずはいつものようにラジオ体操からはじまります。
 ![ラジオ体操](image().png)
 ラジオ体操すると眠い頭がさっぱりしますね！
##### 開発
　最終日もラジオ体操の後、すぐに開発が始まりました。残り５,６時間とは思えない程作業が残っている状態でしたが、メンターの方や他メンバーが信じられないくらい頑張ってくれて、発表ギリギリで動作はしてくれるというところまで進めてくれました。お疲れ様でしたありがとう！！（そう）

#### 午後
##### 会社説明
人事の方からの会社説明がありました。
休暇が多くて残業も少ないと説明されて、夢のような会社だな！！！！と思いました
デカすぎて固定資産かかりそうな量の夏休みがほしいです。
入社したいと思いました。（うっしー）

##### 発表

発表の順番、ぼくたちが最初のはずだったのですが諸事情により・・・四番目になってしまいました。
皆の発表の間に、何とか準備を完了して発表にこぎつけることができました！
発表の間はうまくアプリが動いてくれたので、とてもいい発表になりました。
どうやら祈りがサーバーに届いたようです。(うっしー)

###### Aチーム発表（やまゆ）
　いよいよ発表の時です。
　私たちはニューモーフィズムを基調としたクイズアプリを作りました。
 ![ホーム画面](画像URL)
 無事発表を終えることが出来ましたのでよかったです。

