piny940/song-list

Vtuberの歌枠データベースです。

SongList

Vtuber が歌枠で歌った曲のデータベースです。曲名や作者名・枠名などで検索が出来ます。

注意: backend サーバーには chromedriver のインストールが必要です。

本番環境

• 各.env.sampleに従い.envを設定
• docker compose up -d

開発環境

• postgres, redisをインストール
• バックエンド
  • bundle install
  • bundle exec db:create
  • bundle exec db:migrate
  • bundle exec db:seed
  • bundle exec rails s
  • bundle exec sidekiq
• フロントエンド
  • npm install
  • npm run dev

直近の配信を取得し、セトリを作成する

• docker exec -it song-list-rails sh -c "RAILS_ENV=production bundle exec rails videos:create_recent_videos_song_items"

過去の全ての配信を取得する

• docker build -t song-list-rails-ubuntu -f backend/Dockerfile.ubuntu ./backend (コードを更新した場合のみ)
• docker run -it --net=song-list_default --env-file backend/.env song-list-rails-ubuntu sh -c "RAILS_ENV=production bundle exec rails channels:create_all_videos"

全ての動画のセトリを作成する

• docker exec -it song-list-rails sh -c "RAILS_ENV=production bundle exec rails videos:create_all_setlists"

song-list's Issues

配信一覧で歌枠のみに絞り込みできるようにする

Songコンポーネントの見た目を整える

タイトルとか歌手名のあいまい検索でひらがな/カタカナ、大文字/小文字を区別しないようにする

song_diffの時間は文字列で持つようにする

ロード中に表示されるUIを整える

song_itemsはvideo_id順に返すようにする

更新履歴の絞り込みができるようにする

front: 歌一覧のところを配信日とかでグルーピングする

ログインAPIを作る

#97

frontのリファクタ(ロジックの抽出)

すでにfetch済みの動画でも再度fetchしてデータをupdateするようにする

動画取得APIのエンドポイントは/api/videosにする

動画が見つからなかった場合のUIを作る

動画の投稿日も取得できるようにする

front: 歌一覧のところに「歌一覧」って書く

ログイン後メンテナンス画面に移るようにする

ログイン機能をつける

ログイン中のユーザーの情報を取得できるようにする

front: SongItemsのページングのバグを修正する

backend: Videoでページングできるようにする

メンテナンス画面で、ログイン状態じゃない場合はログイン画面に飛ぶようにする

customUrlでチャンネルを追加できるようにする

RSSで確認できる

アカウント作成機能を作る

SongItemからYoutubeの該当の時間に飛べるようにする

動画の一覧を表示できるようにする

歌一覧を取得・表示できるようにする

Videoコンポーネントに動画へのリンクを貼る

SongItemを更新できるようにする

• #97
• #98
• #99
• #100
• #101

SongItemをタイトル名/歌手名で絞り込みできるようにする

メンテナンスモードはfooterから入るようにする

Videoにpublished_atプロパティをつける

SongItemをチャンネルで絞り込みできるようにする

動画を複数同時にfetchできるようにする

SongItemやVideoのページングで、ブラウザの「戻る」で戻れるようにする

ページをURLクエリで管理するといい？

Alert表示機構を作る

song_diffを更新したらフォームがリセットされるようにする

型にcreated_at, updated_atを反映する

スマホ対応

videosのpublished_atの値が変

配信の終了時刻が入っている？

SongDiffのフォームを作成

admin/channels/videosをadmin/videosにする

SongItem更新履歴表示機能

created_at, updated_atも取得できるようにする

front: SongItemをページングできるようにする

SongItemを詳細に絞り込みできるようにする

ユーザーがadminの場合はsong_diffは即approvedにする

SongItemの一覧を取得するときに生じるN + 1問題を解決する

アカウント作成APIを作る

#98

動画を詳細に絞り込みできるようにする

backend: SongItem一覧を返す際、total_pagesを一緒に返すようにする