例の記事の裏話 (IoTLT vol14 #iotlt :5分)

by n0bisuke

Slide 1

Slide 1 text

ྫͷهࣄͷཪ࿩ LIG inc. @n0bisuke IoTLT vol14

Slide 2

Slide 2 text

About Me • @n0bisuke • LIGinc. ΤϯδχΞ / DevRelࣄۀ੹೚ऀ • ࠷ۙͷڵຯ: IoT / JavaScript Robotics • 89ੈ୅ (ฏ੒ݩ೥) • MilkcocoaΤόϯδΣϦετ • #IoTLT

Slide 3

Slide 3 text

גࣜձࣾLIG ্໺ͷWeb੍࡞ձࣾ ࠷ۙ͸IoT΍ϩϘοτͳͲͷ෼໺Ͱ߈Ίͯ·͢ʂ

Slide 4

Slide 4 text

WebͷਓͰ͢(൪એ) ࠨ͔ΒWebσβΠϯ/ IoT / ϑϩϯτΤϯυ ͳॻ੶ڞஶͰॻ͖·ͨ͠

Slide 5

Slide 5 text

ྫͷهࣄͷཪ࿩ LIG inc. @n0bisuke IoTLT vol14

Slide 6

Slide 6 text

ྫͷهࣄͬͯ

Slide 7

Slide 7 text

ྫͷهࣄ

Slide 8

Slide 8 text

ຊ౰ͷͭͿ΍͖ʜ

Slide 9

Slide 9 text

記事内のストーリー概要ツイートってつぶやきじゃないよね実際つぶやきをツイートする仕組みを作ろう “たまたまPRをお願いされていた” バッファローのイヤフォンマイクを使って集⾳音

Slide 10

Slide 10 text

実際に試して検証！死にたいいいすぎ記事内のストーリー概要

Slide 11

Slide 11 text

͜Μͳ͜ͱ΍Γ·ͨ͠ • 記事タイトル • Twitterで本当に「つぶやける」仕組みをつくってみたら、世界が少しだけ変わった • 何をしたか • 独り⾔言(つぶやき)をするとTwitterのツイートとして⾃自動的に流流れる仕組みを作って遊んだ • けっこうバズった 1.2K いいね

Slide 12

Slide 12 text

ͦͦ͜͜൓ڹ

Slide 13

Slide 13 text

構成

Slide 14

Slide 14 text

Α͘΋Β࣭ͬͨ໰1 ਫ਼౓ͦΜͳʹ͍͍ͷ

Slide 15

Slide 15 text

WebSpeech API けっこう調⼦子いい。

Slide 16

Slide 16 text

WebSpeech API can i useにてブラウザ対応状況 Chrome or Operaしか対応してないモバイルだとAndroidのChromeのみ

Slide 17

Slide 17 text

Α͘΋Β࣭ͬͨ໰2 ϗετσόΠε͸

Slide 18

Slide 18 text

構成

Slide 19

Slide 19 text

ͨ·ͨ·ͳNexus 5Ͱ͍͚ͨ 実際にはBluetoothペアリング

Slide 20

Slide 20 text

外ロケ

Slide 21

Slide 21 text

ホストデバイス

Slide 22

Slide 22 text

Α͘΋Β࣭ͬͨ໰3 ͦΕ࢓ࣄ ༡ͼ

Slide 23

Slide 23 text

Α͘΋Β࣭ͬͨ໰3 ͦΕ࢓ࣄ ༡ͼ ˠ྆ํʂ

Slide 24

Slide 24 text

仕事になるまでの流流れ営業の⼈人が毎⽇日ラーメンを⾷食べてやりますかー！つないでくれて

Slide 25

Slide 25 text

ͱ͍͏͜ͱͰ

Slide 26

Slide 26 text

ɾ΄΅༡ͼײ֮Ͱ։ൃ ɾهࣄاըͩͱ৽͍ٕ͠ज़΋ࢼ͠΍͍͢

Slide 27

Slide 27 text

LIGͰ͸ IoTܥͷϓϩϞʔγϣϯ ΍Γ·͢Αʂ

Slide 28

Slide 28 text

例例えば…

Slide 29

Slide 29 text

まとめ • あの企画の裏裏話 • WebSpeech APIの精度度は⾼高い • 実は仕事。 • プログラマブルじゃないガジェットもアイディア次第でハック可能 • “実は”こういった仕事をしてたりします