推しの歌配信を音楽アプリのように聴けるWebサービスを作ってみた
成果物 ソースコード 動くもの 出来ること 曲名で検索 動画視聴 連続再生 シャッフル リピート シーク 再生/停止 前後スキップ 音量調整 スクショ Desktop Mobile 経緯 推しが毎週末に歌枠配信をしてくれている → 動画数が多くなり、あの曲どの配信で歌ってたっけ？となる → 検索できるサービス作ろう！ → どうせならリピート再生とか出来る音楽アプリみたいにしよう！！ というざっくり経緯説明 歌部分だけを編集で切り抜いて聴くという手もありますが それだと元動画へ再生数がいかないので推しに対して申し訳ない。。 これは元動画を再生しつついい感じに曲を聴きけたらいいなという自分の願望を叶えたものです💪 つかったもの Next.js react で作りたかったので next にしました。 remix にしなかった理由としては、別に SSR したいわけではなかったからです！ 正直全部
Next.js + TypeScript で Spotify Web Playback SDK の公式サンプルを書き直してみた
音楽配信サービス「Spotify」はデベロッパー向けに様々なAPIやSDKを公開しており、Spotify Web Playback SDKもそのうちの一つです。このSDKを利用することで、自作のWebアプリにSpotifyのストリーミングサービスを組み込むことが可能になり、Premiumプランに加入しているユーザーはWebアプリを通して音楽を再生することができるようになります。 Spotify for Developersでは、Reactで書かれたサンプルアプリの作り方をGuideで紹介しています。また、ソースコードもGitHubで公開されています。 Spotify Web Playback SDKのGuideページ 本記事では、このサンプルアプリをNext.jsとTypeScriptを用いて書き直した過程をまとめたものです。完成形のソースコードはGitHubで公開しています。 Spoti
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
