# 交流会用アプリ ## モチベーション **ホームパーティーを盛大に盛り上げよう!** →毎月やればやるほどマンネリ化しかねない →ちょっとした遊び、ゲームとして導入したい **真面目ver.** これはいつか取り組もう →本当はマッチングしているであろう人との仲を深めきれない部分 ## ソリューション ### 前提 - 組田の家のプロジェクターの大きさとか利用したいよなぁ - ### 案1 - カーズの言っていたテキーラショットのゲーム ### 案2(割と推しw) - 顔写真ルーレット✖︎自分or指名✖︎お酒の種類ルーレット✖︎杯数(汲田の写真は全員でショット?とかw)これ特定の人は絶対当たらないとかできるのかな?w ### 案3 - ただボタンを押すだけのアプリ(音楽がいいとボタン押す、雰囲気を感じ取れる) - または、ただの入力画面があり、そこに今聴きたい曲打つ。総まとめでDJ ryoに共有 ### 案4 - 多数は少数派ゲーム。お題が出て上か下をタップ。少数派の人にアラートで飲み。 ### 案5 - 今日この人ともっと話したい信号をこっそり送れるアプリ。名前タップしたら通知。出会い系にも真面目話にもいろいろ使える。または通知がいくのは俺とカーズのみ。(u-23のサンタ) ## スケジュール **リリース(使ってもらう)日:2月20日(土)/俺の誕生日会** aaa(スケジュールについては全体工程を教えてもらってからくもう!) - **次回までの宿題:要件定義?** ### ゴール - 俺の卒業前に完成&使ってもらいたい - 毎月のホームパーティーで使われる状態 ## 鶴田からカーズへのお願い&共有事項 - お願い - 今回まじ迷惑かけるかもしれないですが見捨てないでくださいw - 俺コード書いたことないけど、ギリギリまで俺主導でいろいろ書いてみたい(物産の入る部門の先輩のアドバイスもあり) - 俺のメンター&修正としてカーズの力も借りたい - 右も左も分からないやつなのでイライラするかもだけどどうかよろしく(未来への投資だと思ってw) ### メモ - 鶴田は何から始めればいいか - 設計?開発? - 言語は? - スマホアプリよりウェブサービスの方が楽 - OSについての理解が必要になるからちょい覚えることが多い - どのタイミングでルーレットを回すか - その場のノリが大事 - えいやとボタンを推したら始まる - プロジェクターがついて、音楽かかって始まる - 時間に余裕があったら、spotifyのapi連携 - ボタンの接続もある ### 制作物(要件定義) - Webサービスとして作成 - プライベートに作るけど、排他的な機能(ログインの仕組み、IP制限は無し)はなし - 飲む人数✖︎顔写真ルーレット✖︎お酒の種類ルーレット ルーレットイメージ | | | | | -------- | -------- | -------- | | 顔写真 | Text | Text | | Text | Text | Text | | Text | Text | Text | | Text | - プロジェクターに表示 - イメージはこんな感じ (https://timer.onl.jp/) - 特定の人(女の子とか)は絶対当たらないようにする - 汲田の写真は全員でショット - 物理ボタンを作る - ルーレット開始時に、音楽を同時に再生する - ルーレット開始時に、電気を消す - 最後にショット数ランキング(アルコール度数も含めて) #### Level1 - PCとプロジェクターを繋いで、クリックでルーレットを再生できる #### Level2 - 物理ボタンの接続 - 押下時にwebサービスでルーレットが「スタート」 https://www.amazon.co.jp/s?k=%E3%82%A8%E3%83%B3%E3%82%BF%E3%83%BC%E3%82%AD%E3%83%BC+%E5%B7%A8%E5%A4%A7&__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=V08XGKFDS7H6&sprefix=%E3%82%A8%E3%83%B3%E3%82%BF%E3%83%BC%E3%82%AD%E3%83%BC%2Caps%2C344&ref=nb_sb_ss_ts-a-p_2_6 #### Level3 - ルーレット開始時に音楽を同時再生 #### Level4 - ルーレット開始時に、電気を消す - 後にショット数ランキング(アルコール度数も含めて) #### 考えないといけないこと - デザインの設計 - **人数の表示✖︎顔写真表示✖︎お酒の種類** - 杯数制度は廃止 - 自分 or 指名も人数でかぶるので廃止 データの保存場所 - ローカル(コード内 `assets/images/*` ) ```index.html <img src="local/hoge.png"> ``` データ構造 ``` 顔写真 = { name, image, gender, } お酒の種類 = { name, image, alc, } ``` Webサービスを動かす - リモート(ドメインをとって、サーバーを借りる) - ドメインの取得 - お金をかけずに借りる方法を探す - - サーバーを借りる - aws.アジュールの無料プランの枠を見てみる - firebaseならドメインの取得とサーバーを借りることもできる - 無料プラン内でできる - ここまででchromeからアクセスできるようになる - 大まかなデザインを作ってみる - figma or adobe XD - テキストエディタ(コードを書くためのもの) - githubの使い方 - 言語 - html/css - sass/scss - javascript - 発生するtodo - html/css/Javaのprogate復習する→still on my way... - テキストエディタDL→Done - Githubの使い方理解→概ねdone - figmaでデザイン作る→done - ここまでで1/24日曜 - https://www.figma.com/file/aMzY0r4k5zEsnWvqd4bBGN/Untitled?node-id=0%3A1 - 実際に書き始める - 1/25月曜から書き始める - firebaseでドメインの取得とサーバーを借りる - 無料プランで - - 使われる日 - 2/20