パンダの鳴き声クイズ

https://github.com/kakerunrun22-cloud/panda-sound-quiz

GitHub

TypeScript

AWS

CSS

HTML

パンダの鳴き声クイズです!

かけるん

井上未来

推しアイデア

パンダの鳴き声 真剣衰弱(上級編)

作った背景

パンダの特徴を調べていた際に鳴き声が多種多様でほかの動物に似ていたのでクイズにしようと思いました!

推し技術

・成績表示機能 ・正解することがトリガーになっている図鑑開放機能

プロジェクト詳細

アプリ概要

パンダの様々な鳴き声を活用したクイズゲームです!

ターゲット

「動物園に​行きパンダを​観る​順番待ちを​している​ときに​親子が暇つぶししながら学習」

技術構成・アーキテクチャ図など

image 出典:Gemini

遊びごころポイント

・色々な​動物の​鳴き声に​ついて​学べる​ ・小学生でも​楽しめる​単純設計ゲーム ・あえて​難しめな​難易度設定 ・パンダ博士の​解説付き ・できるだけパンダの​面白い​鳴き声を​集めました ・正解することで図鑑を​埋めていくアプリ​設計 ・成績ベストタイムが​参照できる​

ターゲットに刺さる機能

・パンダ博士に​よる​解説機能 ・視覚だけでなく​聴覚も​使う​ゲーム設計 ・図鑑を徐々に解除していく機能 ・ログイン不要(ターゲットが順番待ちの親子の為、始めやすさ重視) ・Webゲーム(始めやすさ重視、検索⇨すぐスタート) ・お金がかからない(プレイ無料!開発維持費もほぼゼロで公開可能)

技術的遊び

・完全NOコードで開発しました!

アプリ画面(スクショや動画など)

image            👆ホーム画面

image            👆鳴き声クイズA

image            👆パンダ真剣衰弱

image            👆図鑑解説①

image            👆図鑑解説②

image            👆成績スタジオ

挑戦・成長したところ

・完全初心者タッグでの​参加! ・AWSがAmazonウェブサービスの略だと初めて知りました! ・コード書けません!コード読めません! ・今回初めてハッカソン参加しました! ・イベント内すべてのことが挑戦であり成長でした!

チームワーク・チーム開発で工夫したところ

・ずんだもんの​AWS解説動画を​使って​事前に​勉強しました​ ・miroを​活用する​ことで​思考を​常に​可視化して​進捗共有しやすくしました​ image ・ペルソナ設定を​最初に​する​ことで​アイデアの​軸が​ぶれないようにしました​ ・最初に​プロトタイプを​作成してから​開発し始めることで、アイデアの​アップデート像を​イメージしやすくしました​ ・迷わず​メンターさんに​聞きに​行く​ことで​作業が​停滞しないようにしました​ ・適宜お互いの​役割を​確認し合う​ことで​作業が​被る​ことを​防ぎました​ ・参考に​なる​サービスを​探す​ことで​より​イメージしやすくしました​ (例:https://matazo.net/news/423/) ・覚えた​AWSの​活用法などを​メモに​残す​ことで​次回以降も​できるようにしました image

かけるん

@107064205fda4650