わこつ！
まずは憧れであったクソアプリカレンダーに参加できてとても光栄です。
毎年ROM専をキメておりまして、皆様方の最高なクソアプリを見て楽しませていただいておりました。
今回門戸を叩いてチャレンジしてみようと思ったのが、
YouTube版あるいはTwitch版のニコ生クルーズです。
あえてランダム再生されるという枠組みに人が集まり、
一定時間で切り替わっていくコンテンツに対してコメントでわちゃわちゃ言えるような機能がYouTubeやTwitchにもあったらいいのになと、ふと9月ぐらいに思ったことが発端です。
年末までアイディアを温めてクソアプリカレンダーでお披露目するんだと思っていたら信じられないぐらいギリギリになって開発を始めたことを後悔しています。
計画大事。
世はまさに大航海時代じゃないんですか！？
もう少々前説をさせていただきますと、
中学の部活で初めて教えてもらったのはニコニコのアカウントの作り方、
ニコ動を見ているうちに気づけばニコ生にハマったという哀しき95年生まれなので、
ニコ生思春期ドンピシャ世代です。
近年のSNSにおける極端なユーザナイズド（私が勝手に言ってるだけの言葉かも）によって、
ユーザの属性や閲覧履歴に応じて動画をリコメンドするサービスがほとんどです。
実際YouTubeやTwitchにも完全ランダムなおすすめ機能はあったらしいのですが、
現代の流れに合わせて廃止されたようです。
※このあたりに詳しい方いたらコメント等いただけますと幸いです
そのため、完全なランダムを楽しむということはかなり稀になったのではないでしょうか？
ブルーライトに照らされたあの頃のまさに青春をもう一度！というのが裏テーマだったりしなかったり。
真面目な話、趣味趣向に依らない「なんやこれ！おもろいやんけ！」という体験機会って思わぬ良い出会いになったりするので重要だなと思っています。
つくったもの
というわけでようやく本題です。
私が作成したものはこちら。
もう少しジャンル拡大したかったのですが、
ベータテストということで、
とりあえず頭にぱっと思い浮かんだVTuberとストリートファイター6をカテゴリとしておきました。
更にYouTubeとTwitchのどちらかを選べるようにしています。
※画面は開発中のイメージです
AIというものがこれだけ普及しているにもかかわらず、
デザインセンスのようなものが壊滅的なのでなんかとても暗いものになってしまいました。
上手いことライトモードとダークモードみたいにしようとは思います。
権利などが怖いのでプレイヤー部分は雑に黒塗りさせていただきました。
実際の配信視聴画面はぜひアクセスしてご覧いただきたいです。
ニコ生クルーズにある「クルーズから降りる」という機能は直接配信に飛ぶ機能で代替することとし、「新しいタブで開く」というボタンを設置しました。
配信がぐるぐるしてしまった時の対応としてプレイヤーリフレッシュボタンも設置しました。
また、ニコ生といえばコテハンかなと思いまして。
コメントを打つ際に「@」をつけることで「@」以降がハンドルネームとしてチャット上に表示されるようにしております。
人様にお見せするということで記事の編集もギリギリですが、
アプリの修正も並行で進めております。
技術スタックと開発の進め方
フロントはNext.js（Vercel）、バックエンドはGo（GCPのCloud Run）で組んでいます。
なんとなく盛り込みたい機能は頭にあったので、
コンセプトやイメージも併せてドキュメントにまとめてから
ChatGPTで仕様詰め→v0でモック生成→Claude Codeでフロントとバックの作り込み
というフローで進めました。
今どきって感じですよね。
ワシが若い頃は本を読みながらひとつひとつ試していたというのに・・・
課題
記事公開に合わせてサービスも公開したのですが、既に課題が出てきております。
-
YouTube Data APIのクォータ制限にひっかかって
YouTubeプレイヤーが表示できない（時がある）YouTube Live版のニコ生クルーズじゃないのかよ！？基幹機能の障害なので致命的な課題です
↑
力業で一旦解消しました
- Twitchで完全な絞り込み制御ができていない
- ここは詰めが甘いとしか言いようがないです
- 裏側でかなり大雑把な制御をしているので細かなチューニングが必要そうです
- サービスの色味が微妙
- 正解というか適切な色がわからずなんか暗かったり簡素すぎる印象です
- ゼロからサービスをつくる人は本当にすごいです
- ファビコンがデフォルト
- 生成AIでえいやで生成した画像を使えばそれまでではあるのですが、しっくりくるものが生成できず結局デフォルトのままです
- 配信のアーカイブや終了した場合も表示される
- ここはシンプルに処理を書けば解消できそう
もしこんな不具合あったぞ、こういう改善したらいいじゃないか等あれば
ぜひこの記事のコメントやTwitterでお知らせいただけますと幸いです。
話は逸れますがTwitterはTwitterですよね？ね？
まとめ
それっぽいガワだけ作れたなぁ・・・という感じで不完全燃焼です。
Vercelを使ったデプロイは初めての経験でしたし、
日頃AWSを触る機会の方が多く、
GCPをちゃんと？使ったのも久々だったので新鮮な体験ができて楽しかったです。
憧れたクソアプリカレンダーの猛者にはまだまだほど遠いですが、
アイディアとしては気に入っているので今後も少しずつ開発を進めていこうと思います。
もしなにかアイディアが降りてきたらまた来年も、
何なら更に完成度を挙げてクソアプリカレンダーに参加できればと思います！
それではお付き合いいただきありがとうございました！
乙でした〜ﾉｼ