概要
HTML, CSS, JavaScript, PHP, SQL, CLIPSTUDIOを用いて作成した.
本システムは自分の好きなYouTubeの音楽をまとめて管理できるシステムである. YouTubeの動画であれば何でも登録ができ, 名前やアーティスト, 時間は自分で登録できるので好きな名前などで登録できる. お気に入り登録等, 自分の好きなようにまとめることができるようにした. 特にこだわった部分はCSSで描いたデザインである. LoginとEntryボタンを動的に変化させ, 他のページへ飛ぶボタンも下線がひかれるように等, 変化を加えた. また, 曲一覧の表の幅を調整し, 白い文字が見やすいように背景の画像は暗めの画像を使っている.
図1. 曲選択画面
この画面でタイトル・アーティスト・時間・リンクを登録することでSQLにデータが保存される. 曲追加はログインしている状態でないとできない仕様にしている.
図2. 動画視聴画面
この画面で動画の視聴とお気に入り登録ができる. お気に入り登録はログインしている状態でないとできない仕様にしている.
システム画面遷移図
