Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Spotify物理コントローラーがほしい
Search
田中みそ
May 17, 2022
Technology
590
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Spotify物理コントローラーがほしい
2022/5/17 IoTLT vol.87 @秋葉原+Youtube
田中みそ
May 17, 2022
More Decks by 田中みそ
See All by 田中みそ
アレをアレに完全に埋め込むアレを作ってみた
miso
0
270
アレをアレに埋め込むアレを作ってみた
miso
0
160
プラレールのめちゃくちゃ良く折れるアレをできる限り手抜きして3Dプリンターでなんとかしようとした
miso
0
140
子どもの写真からデフォルメフィギュアを作ってみた
miso
1
1.3k
LINE x IoT 入門ハンズオン
miso
0
340
M5ATOMでNintendo Switchを自動化してみた
miso
0
770
ngrokを使ったLINE Bot開発を超絶楽ちんにする「linegrok」のご紹介
miso
0
530
opnizのご紹介
miso
0
950
ルービックキューブスクランブラーが欲しかったので作ってみた
miso
0
1.1k
Other Decks in Technology
See All in Technology
推論の観測、できていますか? 〜 Google Cloud Gemini Enterprise Agent Platformで 3つの Gemini モデルを実測して踏んだ、評価の罠 〜
shukob
PRO
0
170
スクラムで身についていた動き方を、XPで捉え直してみた
codmoninc
PRO
1
300
AIに丸投げしないトイル削減 / Eliminating Toil Without Leaving It All to AI
kohbis
3
990
Genie Code ワークショップ 応用編 / Genie-Code-Workshop-advanced
databricksjapan
PRO
0
360
2026-09-11 【Snowflake World Tour Tokyo 2026】Snowflakeを起点に、AI Agentが自律稼働し続ける未来へ / Driving AI Agents with Snowflake
civitaspo
0
170
AI時代に、プロダクトの数だけ積み上がる所有コストをどうエンジニアリングするか / Engineering the Cost of Ownership
kzkmaeda
1
1.1k
Redmine 7.0で私が開発した新機能の狙いと背景
vividtone
1
110
現場に行くだけでは足りない——プロダクトエンジニアが業務の流れを捉える観点と、その鍛え方
takumiengineering
0
320
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
layerx
PRO
0
1.2k
こんなアーキテクチャ図は嫌だ BEYOND THE TIME: 半年後の自分へ贈る15のメッセージ / 15 of Anti-pattern in AWS Architecture Diagrams
naospon
3
260
Azure App Service / Container Apps の組み込み認証
kuniteru
0
210
synctest時代のhttptest Go 1.27で変わるHTTPサーバテストの裏側 / go conference2026 synctest and httptest
budougumi0617
0
120
Featured
See All Featured
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
870
Un-Boring Meetings
codingconduct
0
410
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Into the Great Unknown - MozCon
thekraken
41
2.7k
[SF Ruby Conf 2025] Rails X
palkan
2
1.3k
[RailsConf 2023] Rails as a piece of cake
palkan
59
7k
The browser strikes back
jonoalderson
0
1.6k
Scaling GitHub
holman
464
140k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
200
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
270
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
590
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(木)にあります!