新)VTuber毎のページ作製

[shari-sushi]

ダイナミックルーティングでページ用意

そのURLを各VTuberのLitLinkに貼る等してもらい、宣伝してもらえそう

現状の最高優先度タスクとする。
これ完成したらリリース。

[shari-sushi]

実装内容(ロジック的な)

app

• UIは/sing/karaoke
  ドロップダウンはVTuberもMovieも両方の

• dynamic routing
  クエリを読み込んでSEO対策でサブディレクトリにする
  VturerIdにしないのも同じ理由
  /vtuber/[vtuber_kana]

• VTuber名は受け取ったRecivedKaraok eのhoge.[0].vtuberNameを使う

• api呼び出しはurl末尾にクエリを付与して行う

• /vtuber/[vtuber_kana]リンクはtopページのVTuberテーブルのVTuber名に埋め込む…無理か？無理だったらkanaに埋め込む
  (リリース後に様子見て、他のテーブルにも埋め込むか決める)

• /vtuber/はtopページの配信者のページに置く？ うーん、それってsing/karaokeと同じではw

api

• urlのクエリを取得=vtuberKana
• dbでvtuber_kana検索
  • joinして取得…大変だなぁ
    • movieのタイトルとurのみ
    • karaokeの全てといいね？
• dataを返す
  ※他と同じようにログインの有無で処理を変えること

[shari-sushi]

技術参考

この辺かな？

Next.js

• ダイナミックルーティング
  • https://nextjs-ja-translation-docs.vercel.app/docs/routing/dynamic-routes

Go, Gin

• クエリ取得
  • https://blog.ryskit.com/entry/2018/07/08/175749
• ダイナミックルーティング
  • https://pkg.go.dev/net/url#URL.Query
  • 404 when using dynamic routing gin-gonic/gin#2762
  • https://chenyitian.gitbooks.io/gin-web-framework/content/docs/8.html

[shari-sushi]

このぐらいの作業量なら2時間(手戻り込み)くらいでできるみたい
(見積は4時間でどうかな？くらいだった)

• 手戻りの原因
  getServerSideProps() にてURLクエリパラメーターを取得する
  getServerSideProp内でapi叩くurl生成するのに、そのやり方じゃできないapi クエリとapi側でのwhere句の使い方してた