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
Amplify から、 LED マトリクスを光らせたい! #北海道まったりLT大会
Search
Kihara, Takuya
PRO
January 12, 2023
Technology
0
18
Amplify から、 LED マトリクスを光らせたい! #北海道まったりLT大会
SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション)
https://sc4y.connpass.com/event/269607/
上記イベントの発表資料。
Kihara, Takuya
PRO
January 12, 2023
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
tacck
PRO
0
44
AWS Amplify の AI Kit でオレオレAIサイトを作ってみる #ゆるWeb札幌
tacck
PRO
0
74
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
720
Amplify Gen2 Deep Dive / How to convey backend types to the frontend #30DaysOfAmplify
tacck
PRO
0
37
TypeScript 雰囲気勢がライブラリのコードリーディングで得た知識 #sacss
tacck
PRO
1
71
ライブコーディングで知るAmplify Gen 2 #AWSAmplifyJP
tacck
PRO
1
150
AWS Amplify Gen 2 GA記念 ~Gen1との違いを確認
tacck
PRO
0
540
Amplify Gen2 が GA したよ! #jawsug_sapporo #jawsug
tacck
PRO
0
410
Flutter で "Hello World!! #ゆるWeb札幌
tacck
PRO
0
160
Other Decks in Technology
See All in Technology
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
200
Introduction to OpenSearch Project - Search Engineering Tech Talk 2025 Winter
tkykenmt
2
150
JAWS FESTA 2024「バスロケ」GPS×サーバーレスの開発と運用の舞台裏/jawsfesta2024-bus-gps-serverless
ma2shita
3
290
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
210
開発者のための FinOps/FinOps for Engineers
oracle4engineer
PRO
2
220
急成長する企業で作った、エンジニアが輝ける制度/ 20250227 Rinto Ikenoue
shift_evolve
0
180
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.4k
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
120
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
14
5.4k
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
IoTシステム開発の複雑さを低減するための統合的アーキテクチャ
kentaro
1
120
Change Managerを活用して本番環境へのセキュアなGUIアクセスを統制する / Control Secure GUI Access to the Production Environment with Change Manager
yuj1osm
0
110
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
13
1k
Into the Great Unknown - MozCon
thekraken
35
1.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
How to train your dragon (web standard)
notwaldorf
91
5.9k
YesSQL, Process and Tooling at Scale
rocio
172
14k
The Language of Interfaces
destraynor
156
24k
Designing Experiences People Love
moore
140
23k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Transcript
Amplify から、 LED マトリクスを 光らせたい! SC4Y ('22#4) IT・情 報系 北海道まったりLT
大会 (ナイトセッション) 2023/01/12 木原卓也 / @tacck 1 SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション) / #北海道まったりLT大会
SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション) / #北海道まったりLT大会 2 木原 卓也
Kihara, Takuya / tacck 生活協同組合コープさっぽろ ゆるWeb勉強会@札幌 AWS Community Builder デジタル推進本部システム部 主催 Amplify Japan User Group 運営メンバー Q2 2021, 2022 / Category: Front-end Web and Mobile 好きなフィギュアスケートの技 スプレッド・イーグル
Amplify から、 LED マトリクスを光らせたい! 3 SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション)
/ #北海道まったりLT大会
ざっくりアーキテクチャ • ブラウザから Amplify で作った UI を操作。 • UI から
PubSub Library を使い、 AWS IoT Core へ MQTT で通信。 • IoT Core 経由し、 Raspberry Pi で受信。 • 受信結果を使い LED マトリクスを点灯。 4 SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション) / #北海道まったりLT大会
LEDマトリクス • Unicorn HAT HD (スイッチサイエンスさんで購入) • https://www.switch-science.com/products/3336?variant=42381968638150 5 SC4Y
('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション) / #北海道まったりLT大会
AWS IoT Core と接続 • Raspberry Pi を AWS IoT
Core と 接続し、LED マトリクスをコントロール できるようにする。 6 SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション) / #北海道まったりLT大会
UI 実装 • Amplify UI でエディタ実装。 • カラーピッカーは React Color
を利用。 https://casesandberg.github.io/react-color/ 7 SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション) / #北海道まったりLT大会
完成 • フロントエンドから、 AWS IoT Core の メッセージ送信を実装し、 LED マトリクスを操作!!
8 SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション) / #北海道まったりLT大会
終 9 SC4Y ('22#4) IT・情報系 北海道まったりLT大会 (ナイトセッション) / #北海道まったりLT大会