タイトル画面>>
*title.html : タイトル文字の表示、新規登録ボタン・ログインボタン
*title.js :
*title.css : レイアウト(おしゃれにかっこよく)
<<新規登録画面>>
*entry.html : ユーザ名入力欄、パスワード入力欄、新規登録ボタン、メイン画面への移動
*entry.js :
*entry.css : レイアウト(背景など)
<<ログイン画面>>
*login.html : ユーザ名入力欄、パスワード入力欄、ログインボタン、メイン画面への移動、パスワードが誤っている際に、再入力を促す。
*login.js :
*login.css : レイアウト(背景など)
<<メイン画面>>
*main.html : 自キャラ表示、トレーニング記録・入力ボタン、お手本プレイボタン、退会ボタン、+αのボタン、各ボタンを押すことで各画面へ移動
*main.js :
*main.css : レイアウト(背景、ボタンの色など)
<<トレーニング記録画面>>
*record.html : グラフ表示、キャラの経験値とレベルの表示、戻るボタン、戻るボタンを押すと、メイン画面へ移動
*record.js :
*record.css : レイアウト(背景、ボタンの色など)
<<トレーニング入力画面>>
*input.html : 筋トレ部位のドロップダウンメニュー、回数・重量の入力欄、日付ボタン・戻るボタン、各ボタンを押すことで各画面へ移動
*input.js :
*input.css : レイアウト(背景、ボタンの色など)
<<お手本プレイ画面(自作)>>
*ibu.html : 筋トレメニューの選択ボタン、動画再生
*ibu.js :
*ibu.css : レイアウト(背景、ボタン色ボタン色)
<<退会画面>>
*retire.html : 退会ボタン、退会ボタンを押すとタイトル画面に移動
*retire.js :
*retire.css : レイアウト(背景など、ボタンの色など)
<<{IMG_8008.jpg}
<<{無題のプレゼンテーション.jpg}