フロントエンドカンファレンス沖縄2023
レギュラートーク 10分

Podcastの文字起こしサービスをNext.jsで作り上げた話

rhirayamaaan ひらやま rhirayamaaan
1

Podcastという、音声配信サービスがあるのはご存知でしょうか?
PodcastはApple Podcastsをはじめ、Spotify、Amazon Music、Google Podcastsなどのあらゆる配信サービスで聴くことができ、配信者もSpotify for Podcastersを使うことで手軽に複数のサービスに配信できます。
そんなPodcastを新たな形で触れられるように、我々は配信者に許諾いただいたものをAIのWhisperを使って文字起こしをし、その文字ベースで検索できるサービスを開発しました。
サービスを完成させるために、Next.js、GraphQL、Prisma、Supabase、Figmaを使うことで完成に至れました。
サービス実現のために、主にフロントエンドをどのように実装していったのかをお話しできればと思っております。