$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Spotify物理コントローラーがほしい
Search
田中みそ
May 17, 2022
Technology
0
530
Spotify物理コントローラーがほしい
2022/5/17 IoTLT vol.87 @秋葉原+Youtube
田中みそ
May 17, 2022
Tweet
Share
More Decks by 田中みそ
See All by 田中みそ
プラレールのめちゃくちゃ良く折れるアレをできる限り手抜きして3Dプリンターでなんとかしようとした
miso
0
50
子どもの写真からデフォルメフィギュアを作ってみた
miso
1
360
LINE x IoT 入門ハンズオン
miso
0
230
M5ATOMでNintendo Switchを自動化してみた
miso
0
540
ngrokを使ったLINE Bot開発を超絶楽ちんにする「linegrok」のご紹介
miso
0
450
opnizのご紹介
miso
0
840
ルービックキューブスクランブラーが欲しかったので作ってみた
miso
0
870
MineCraftのレッドストーンを現実世界まで拡張してみた
miso
0
180
TypeScriptでIoT開発できるらしいDeviceScriptのご紹介
miso
0
670
Other Decks in Technology
See All in Technology
"'TSのAPI型安全”の対価は誰が払う?不公平なスキーマ駆動に終止符を打つハイブリッド戦略
hal_spidernight
0
200
進化の早すぎる生成 AI と向き合う
satohjohn
0
160
プロダクト負債と歩む持続可能なサービスを育てるための挑戦
sansantech
PRO
1
1.1k
TypeScript 6.0で非推奨化されるオプションたち
uhyo
15
5.5k
重厚長大企業で、顧客価値をスケールさせるためのプロダクトづくりとプロダクト開発チームづくりの裏側 / Developers X Summit 2025
mongolyy
0
220
IaC を使いたくないけどポリシー管理をどうにかしたい
kazzpapa3
1
180
Master Dataグループ紹介資料
sansan33
PRO
1
4k
pmconf 2025 大阪「生成AI時代に未来を切り開くためのプロダクト戦略:圧倒的生産性を実現するためのプロダクトサイクロン」 / The Product Cyclone for Outstanding Productivity
yamamuteki
3
2.9k
【ASW21-02】STAMP/CAST分析における生成AIの支援 ~羽田空港航空機衝突事故を題材として (Support of Generative AI in STAMP/CAST Analysis - A Case Study Based on the Haneda Airport Aircraft Accident -)
hianraku9498
1
260
mablでリグレッションテストをデイリー実行するまで #mablExperience
bengo4com
0
430
国産クラウドを支える設計とチームの変遷 “技術・組織・ミッション”
kazeburo
6
10k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
9.7k
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
The Cost Of JavaScript in 2023
addyosmani
55
9.3k
Side Projects
sachag
455
43k
Fireside Chat
paigeccino
41
3.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Become a Pro
speakerdeck
PRO
30
5.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
How to train your dragon (web standard)
notwaldorf
97
6.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.4k
Designing Experiences People Love
moore
142
24k
Navigating Team Friction
lara
190
16k
Transcript
Spotify物理コントローラーがほしい 田中みそ 2022/5/17 IoTLT vol.87 @秋葉原+Youtube
自己紹介 田中 みそ (田中 大樹) Qiita: miso_develop Twitter: miso_develop Facebook:
田中みそ LINE API Expert IoT界隈やスマートスピーカー界隈に よくいます
Spotify物理コントローラーがほしい背景 • 普段スマートスピーカーからSpotifyで音楽を流すけど、 曲選択や音量調整といった操作は音声ではやりづらい • なのでWeb Playerを使ってPCから操作してるけど、 PCのあるところに行かないといけなかったり、 ウインドウ切り替えたりと地味にめんどくさい
コンポのリモコンみたいなので操作したい 理想はコンポ(死語?)のリモコン感覚で物理ボタンを ポチポチすればSpotifyをコントロールできたらいいな
(余談)Spotify Web Playerは神 • Spotifyのスマホアプリは無料プランだとシャッフル再生しか できない制約がありますがWeb Playerだと自由に曲選択できる • 前は15時間/月の制限があったけど昨年1月のアップデートで その制限がなくなった…!
• 代わりにそのアプデ時期あたりから無料プランだと音声広告がちょ いちょい入るようになった (けど最近はあまり広告流れてこない気がする)
(余談)こんなのもあるらしい https://www.itmedia.co.jp/news/articles/2202/23/news041.html より
ソフトウェア実装
Spotify Web API https://developer.spotify.com/documentation/web-api/reference/#/operations/transfer-a-users-playback より
Spotify Web API • シンプルなREST API • Spotify for Developersにログインするとプロジェクト
(APP)を作成でき、Client ID/Secretが発行される • 曲情報やアルバム情報取得APIなんかがあり、 Player APIも一通り揃ってる • ただし無料プランだとPlayer APIは動かない…
(余談)3ヶ月980円キャンペーン中!(5/19まで) https://www.spotify.com/jp/comeback/ より
Web Consoleがとても便利 https://developer.spotify.com/console/get-user-player/?market=ES&additional_types= より
Web Consoleがとても便利 https://developer.spotify.com/console/get-user-player/?market=ES&additional_types= より
Web Consoleがとても便利 https://developer.spotify.com/documentation/general/guides/authorization/code-flow/ より
昨晩Use Caseに合わせたクラスを作るところまでやった Use Case • 再生/停止 • 次の曲へ • 前の曲へ
• 音量アップ • 音量ダウン • リピート • シャッフル
使ったライブラリ https://github.com/thelinmichael/spotify-web-api-node より
ハードウェア実装
物理コントローラーどうするか • ひとまずM5Stackでプロトタイプ実装予定 • 3ボタンあるので組み合わせでUse Caseは網羅できる • 前の曲へ A •
再生/停止 B • 次の曲へ C • 音量ダウン A B • 音量アップ B C • リピート A C • シャッフル A B C
本番構成 マイコン: M5ATOM or M5Stamp ソフトウェア実装:Spotify Web API & opniz
物理ボタン:どうしよう… https://www.switch-science.com/catalog/7360/ より
物理ボタン案その1 • 4x3キーパッド作成キット • 350円 • 小さすぎるかも? https://akizukidenshi.com/catalog/g/gK-12229/ より
物理ボタン案その2 • キャンドゥのUSBテンキーボード • 330円! https://note.com/tomorrow56/n/n9e9a02586d76 より https://lang-ship.com/blog/work/usb-numeric-keypad/ より
物理ボタン案その2 ここのユニバーサル基板用端子がほしい… (なんて名前でぐぐればいいのか分からないの でどなたかご教示ください…!><) https://lang-ship.com/blog/work/usb-numeric-keypad/ より
Music LT Vol.2 来週5/26(木)にあります!