Slide 1

Slide 1 text

SDLアプリチャレンジ2020ハッカソン で何かをつくったけど 特になんの賞もとれなかったので、 それを供養するためのLT @IoTLT vol.67

Slide 2

Slide 2 text

自己紹介 ● 名前 ○ 松永勇太(@ufoo_yuta) ● 出身地 ○ 滋賀県 ● やってること ○ スポーツIoTLT主催 ● 最近のできごと ○ 固定回線にしました

Slide 3

Slide 3 text

SDLアプリチャレンジ2020ハッカソン? ● 8/1にやってたオンラインハッカソン ● SDLアプリコンテスト2020のプレイベント的なもの(?) ● 2日間でSDLを使ったアプリを開発する

Slide 4

Slide 4 text

SDL? ● Smart Device Linkの略称 ● スマートフォンとカーナビをつなぐための規格 ● SDLアプリを開発する方法 ○ Android ○ iOS ○ JavaScript ● 開発にはManticoreというシミュレーターが使える

Slide 5

Slide 5 text

つくったもの

Slide 6

Slide 6 text

コンセプト 運転中の相手にもちょっとした伝言を残したい。そんなアプリ Logo created by designevo.com

Slide 7

Slide 7 text

イメージ 醤油買ってきて スマートフォンから送ったメッセージ (=DENGON)を、リアルタイムで音声読み 上げ・表示するカーナビアプリ

Slide 8

Slide 8 text

システム構成 DENGON送信用UI (DENGONBAN) WebSocketサーバー DENGON受信用UI (DENGONBAN)

Slide 9

Slide 9 text

DENGONの表示 スマホ・PCから送信されたDENGONを表示して読み上げる DENGONがあります、 「醤油買ってきて」

Slide 10

Slide 10 text

DENGONの音声読み上げの切り替え 必要に応じてDENGONを音声で読み上げ機能ON/OFFを切り替える

Slide 11

Slide 11 text

運転集中時には音声を自動OFF 今回は速度が一定以上変化したとき(左折・右折とか)

Slide 12

Slide 12 text

今回のLTのためにやったこと

Slide 13

Slide 13 text

システム構成 DENGON送信用UI (DENGONBAN) WebSocketサーバー DENGON受信用UI (DENGONBAN) こいつをPubNubに置き換えた

Slide 14

Slide 14 text

PubNub? ● メッセージングアプリのための中央サーバーを提供してくれるサービス ● 無料ではじめることができる ● Reactで開発したい場合はpubnub-reactが使えた ● n0bisukeさんの前回の発表で知った

Slide 15

Slide 15 text

DENGONBAN→

Slide 16

Slide 16 text

今後の課題 ● ユーザー管理 ○ DENGONを送り合うユーザーと車の登録 ● ログ機能 ○ 見逃したDENGONを見るためのUIや保存機能 ● 運転集中時の音声機能自動切り替え ○ 速度変化やその他のセンサ情報で運転集中時を判断 ○ 集中が解けたら改めて読み上げるようにする機能の実装

Slide 17

Slide 17 text

さいごに 今度はSDLアプリコンテスト2020 でリベンジするぞ!