!!プロジェクト名 One Love ~100年先の愛を誓おう~ ((br)) !!プロジェクト説明 マッチングアプリを制作 日本の諸悪の根源である少子高齢化は、日本人の臆病・慎重さにあると考えられる。 みんな出会いがない出会いがないというが、ただ対面で話しかけられる勇気がないだけである。 そして、近年流行りのマッチングアプリを制作して、対面ではないネット上で出会いを作りたいと考えたのだ。 これで話しかけられる勇気がないという言い訳は通じない。みんなもこれを使って愛を育んでいただきたいのだ。 !!ものの操作と洗い出し もの ((br)) ・タイトル画面 ((br)) ・ログイン画面 ((br)) ・新規登録画面 ((br)) ・プロフィール画面 ((br)) ・メイン画面（いいねする画面） ((br)) ・チャット画面 ((br))((br)) 操作 ((br)) ・タイトル画面 ((br)) ボタンをクリックでログイン画面or新規登録画面に飛ぶ ((br)) ・ログイン画面 ((br)) ID(メールアドレス)とパスワードを入力して、合っていればメイン画面に飛ぶ。間違っていればもう一度入力 ((br)) ・新規登録画面 ((br)) 名前とメールアドレス・パスワードを入力して、利用規約に同意のチェックを入れてアカウント作成 その後メイン画面に飛ぶ ((br)) ・プロフィール画面 ((br)) ニックネーム、居住地、年齢、身長、職業、年収、MBTIを入力 ((br)) 写真のアップロード ((br)) メイン画面に飛べるようにした。 ((br)) ・メイン画面 ((br)) 入力したMBTIと相性のいい人のみを表示し、任意でいいねできるようにする。 ((br)) メッセージ画面とプロフィール画面に飛べるようにした。 ((br)) 自分がいいねしたひとを見れるようにした。 ((br)) ・チャット画面 ((br)) お互いにいいねし合った場合のみメッセージできるようにする。 ((br))((br)) 画面ごとの簡易的なフローチャート((br)) <<{chart1.12.jpg} !!モジュール分け タイトル画面((br)) ・title.html((br)) ・title.css((br)) ・title.js((br)) ログイン画面((br)) ・login.html((br)) ・login.css((br)) ・login.js((br)):登録されているアカウントとパスワードと照合する プロフィール画面((br)) ・profile.html((br)) ・profile.css((br)) ・profile.js((br)):プロフィール内容の変更点を保存 メイン画面((br)) ・main.html((br)) ・main.css((br)) ・main.js((br)) いいね画面((br)) ・good.html((br)) ・good.css((br)) ・good.js((br)) メッセージ画面((br)) ・message.html((br)) ・message.css((br)) ・message.js((br)) ・プロフィール画面 ((br)) <<{Screenshot from 2024-06-07 13-35-00.png} ・メッセージ画面 ((br)) <<{Screenshot from 2024-06-07 14-10-07.png} ・メイン画面 ((br)) <<{Screenshot 2024-06-07 at 13-58-55 Home.png} ・いいね画面 ((br)) <<{Screenshot from 2024-06-07 14-11-22.png} ・タイトル画面 ((br)) <<{Screenshot from 2024-06-07 14-34-33.png} ((br)) ・ログイン画面 ((br)) <<{Screenshot from 2024-06-07 14-34-40.png} !!動作のイメージ(理想） タイトル→ログイン・新規登録→（メイン画面→メッセージ画面・いいね画面・プロフィール） （）の中は自由に遷移できるようにする