Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Spotify物理コントローラーがほしい
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
田中みそ
May 17, 2022
Technology
620
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 田中みそ
AIコーディングはじめました
miso
0
46
アレをアレに完全に埋め込むアレを作ってみた
miso
0
300
アレをアレに埋め込むアレを作ってみた
miso
0
170
プラレールのめちゃくちゃ良く折れるアレをできる限り手抜きして3Dプリンターでなんとかしようとした
miso
0
150
子どもの写真からデフォルメフィギュアを作ってみた
miso
1
1.4k
LINE x IoT 入門ハンズオン
miso
0
350
M5ATOMでNintendo Switchを自動化してみた
miso
0
800
ngrokを使ったLINE Bot開発を超絶楽ちんにする「linegrok」のご紹介
miso
0
540
opnizのご紹介
miso
0
980
Other Decks in Technology
See All in Technology
Jev の中身は50行で再現できる。でも本物との差はどこにあるのか
hisuzuya
0
200
Snowflake でできることが増えたら、 ABAC が必要になった
kaeton
0
120
ひとりで始めた AI駆動開発、チームに広げて何が変わったのか
kenichiodo
1
160
Vue で書く 空間コンピューティング、TresJS と WebXR を使ったXR デバイスのフロントエンド開発
hiranuma
0
130
DevelopersIO 2026 Tokyo 現時点の衛星通信サービスの現状を整理してみる
maroon1st
0
350
AI時代、つくる力を自分たちの手に。 ──電通×KAG、アジャイルとAI駆動開発で挑む開発の変革
yuukiyo
3
430
仕様駆動開発の、その先へ。決める力と確かめる仕組み
inariku
1
140
【Oracle AI SPOTLIGHT ウェビナー】事例から見る!なぜOCIが選ばれたのか ― AI時代のクラウド戦略を紐解く ―
oracle4engineer
PRO
1
130
Claude for Google Workspaces ポン出し/claude-for-google-workspace-slide-conversion
emiki
0
13k
Microsoft のサポート ライフサイクルを理解する
murachiakira
PRO
0
230
reInvent2026stby LT00 "Change your life!"
shinichirokawano
1
470
ドメインエキスパートは いかにして AI を使って プロダクト開発をするか
tatsuyashiraishi
1
240
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
187
23k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
650
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
The Limits of Empathy - UXLibs8
cassininazir
2
740
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
68
59k
Claude Code のすすめ
schroneko
67
230k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing Experiences People Love
moore
143
24k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
390
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
2
960
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
510
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(木)にあります!