io t kyoto
TRANSCRIPT
![Page 1: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/1.jpg)
IoT Kyoto vol.0
”IoT” って、何?Dublin で学んだ、私なりの ” IoT” 解釈
What is “IoT” ? This is what I learned about it at Dublin.
![Page 2: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/2.jpg)
本日のメニューToday’s special
1. ”IoT” というコトバとの出会い。
2. ”Internet of Things” とは?(定義と、可能性)
3. Dublin でのプレゼンを軽く紹介
4. IoT と、今までの web 制作との同一性 / 違い / 可能性
![Page 3: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/3.jpg)
1. ”IoT” というコトバとの出会い。
![Page 4: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/4.jpg)
1. ”IoT” というコトバとの出会い。
❖ MATSUDA Emi
❖ web developer of front-end
![Page 5: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/5.jpg)
退職後、英語短期留学へ
1. ”IoT” というコトバとの出会い。
2007.8.16 2013.5.28 2013.9.25 2014.1.16
web 制作会社就職
なんとか生きて帰国
なんとか再就職
現在
![Page 6: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/6.jpg)
Flash
1. ”IoT” というコトバとの出会い。
2007.8.16 2013.5.28 2013.9.25 2014.1.16
UNIQLOCK3D コンテンツ
table コーディング→CSS コーディング
NetscapeNavigator ?InternetExplorer 6→7Safari2.0
ブラウザ
CSS
CSS Zen Garden
![Page 7: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/7.jpg)
JavaScript
1. ”IoT” というコトバとの出会い。
2007.8.16 2013.5.28 2013.9.25 2014.1.16
AjaxjQueryPrototype.jsmootools
table コーディング→CSS コーディング
NetscapeNavigator ?InternetExplorer 6→7Safari2.0
ブラウザ
![Page 8: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/8.jpg)
1. ”IoT” というコトバとの出会い。
2007.8.16 2013.5.28 2013.9.25 2014.1.16
ガラケー
MovableType
WordPress
SNS
iPhone
Android
タブレット
HTML 5
CSS3
クラウド
O2O
ゲーム分析SEO
Javascript2.0
IE8 IE10IE9
opera9.5
Firefox3.0
Safari3.2 Safari5
Firefox3.6
opera10.6
Chrome googleChrome5
XHTML2.0
ほぼほぼ、モダンブラウザに落ち着いてきたかなぁ…
![Page 9: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/9.jpg)
1. ”IoT” というコトバとの出会い。
❖ 2012 年頃から、新しい word が出てこなくなってきた。
❖ HTML 5も、そろそろ安泰。❖ 出てくるのは、ワークフローとかの話ばっかり。❖ 実務で調べ物をすると英語にあたる。❖ 英語勉強するなら今?(置いていかれる危険が少な
い?)
![Page 10: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/10.jpg)
❖ 学校英語に行き詰まる(政治とか犯罪とかの興味ない範囲、単語覚えられへん)
❖ 興味ある話なら、話せなくても理解できるかも❖ 「 Dublin.js 」のメンバーが主催の「 IoT Dublin 」
に、参加!(事前にコメントで「喋れないよ?」を断っといたけど、 welcome してくれました^^)
1. ”IoT” というコトバとの出会い。
![Page 11: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/11.jpg)
2. ”Internet of Things” とは?(定義と、可能性)
![Page 12: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/12.jpg)
❖ 「 M to M 」 machine to machine
2. ”Internet of Things” とは?(定義と、可能性)
![Page 13: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/13.jpg)
❖ 「 M to M 」 machine to machine
2. ”Internet of Things” とは?(定義と、可能性)
ココが、 Internet
![Page 14: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/14.jpg)
❖ 「 M to M 」 machine to machine
2. ”Internet of Things” とは?(定義と、可能性)
ココが、 Internet
モノ モノ
![Page 15: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/15.jpg)
❖ 日本じゃ、結構、当たり前じゃね? (‘ ・ ω ・ `)
2. ”Internet of Things” とは?(定義と、可能性)
![Page 16: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/16.jpg)
❖ デジタルフォトフレーム (http://joshinweb.jp/camera/9481.html)
❖ ネットワークカメラ (http://kakaku.com/camera/network-camera/)
❖ 勤怠管理 (http://www.desknets.com/applitus/service/applications/daim.html)
❖ 電子マネー (http://www.paymentnavi.com/paymentnavi/117.html)
❖ デジカメ (http://kakaku.com/camera/digital-camera/itemlist.aspx?pdf_Spec039=1)
❖ 他 ...
2. ”Internet of Things” とは?(定義と、可能性)
![Page 17: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/17.jpg)
❖ web 側からのアプローチが、少ない。
→web のヒトって、 web 以外のアプローチしないよね?
→ 「誰のための」 web 技術なんだろ?(個人的課題)
2. ”Internet of Things” とは?(定義と、可能性)
![Page 18: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/18.jpg)
❖ 「ビジネスも、デザインも、テクノロジーも、今の進化スピードはとても速い。そのスピードで、色んなアイディアとチカラを組み合わせたら、本当に面白いものができる時代。」 by Ciaran
2. ”Internet of Things” とは?(定義と、可能性)
![Page 19: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/19.jpg)
❖ IoT Dublin では、❖ web 系❖ プロダクトデザイン❖ マネジメント
といった分野の方々が参加。
2. ”Internet of Things” とは?(定義と、可能性)
![Page 20: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/20.jpg)
❖ web だけじゃできないモノづくり、してみませんか?
2. ”Internet of Things” とは?(定義と、可能性)
![Page 21: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/21.jpg)
3. Dublin でのプレゼンを軽く紹介
![Page 22: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/22.jpg)
1. Experience Clock
2. Smarter bins
3. The DIY carputer
4. 3D prototyping
3. Dublin でのプレゼンを軽く紹介
![Page 24: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/24.jpg)
「時間」を、「時計以外」で表現したい
❖ 「時計」の、外の世界の「時間」。❖ Instagram の画像を場所と時間で区切って、「その土
地」の「その時間」を表現する。
3. Dublin でのプレゼンを軽く紹介
![Page 25: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/25.jpg)
❖ Instagram to WebApp
3. Dublin でのプレゼンを軽く紹介
![Page 26: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/26.jpg)
❖ Instagram to WebApp
3. Dublin でのプレゼンを軽く紹介
ココが、 Internet
モノ モノ
![Page 27: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/27.jpg)
2. Smarter bins
by Seamus Devitt
3. Dublin でのプレゼンを軽く紹介
![Page 28: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/28.jpg)
既存のゴミ回収を、効率化。
ゴミ回収ボックスに、センサーを設置。
センサーが「 80% 溜まったよ」を検知したら、 SMS でセンターシステムに送信。
翌日の回収場所 map が出来上がる。
3. Dublin でのプレゼンを軽く紹介
![Page 29: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/29.jpg)
❖ Sensor to Center system
3. Dublin でのプレゼンを軽く紹介
![Page 30: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/30.jpg)
❖ Sensor to Center system
3. Dublin でのプレゼンを軽く紹介
ココが、 Internet
モノ モノ
![Page 31: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/31.jpg)
3. The DIY carputer
by Paul Donnan
3. Dublin でのプレゼンを軽く紹介
![Page 32: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/32.jpg)
❖ ごめんなさい。英語がわかりませんでした><
3. Dublin でのプレゼンを軽く紹介
![Page 33: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/33.jpg)
❖ 後日、レポートをみると…Arduino のチップ、 GPS トラッカーとジャイロスコープで構築さ
れ、それがコックピットに水や油温などの情報を中継する。 SD カードはレース後の分析のためのデータを保存します。彼のチームは、コースサイドからリアルタイムでデータをモニタできるように、次に、パウロは、モバイルアプリを開発する計画だ。
3. Dublin でのプレゼンを軽く紹介
![Page 34: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/34.jpg)
❖ ごめんなさい。やっぱりよくわかりません><
(自動車関連でのアプリ的利用だということはとてもよくわかる。)
3. Dublin でのプレゼンを軽く紹介
![Page 35: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/35.jpg)
❖ Car mechanic to Cockpit system
3. Dublin でのプレゼンを軽く紹介
![Page 36: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/36.jpg)
❖ Car mechanic to Cockpit system
3. Dublin でのプレゼンを軽く紹介
ココが、 Internet
モノ モノ
![Page 37: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/37.jpg)
4. 3D prototyping
by Ryan Paetzold
3. Dublin でのプレゼンを軽く紹介
![Page 38: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/38.jpg)
❖ web カメラをセンサーにして、 3D プリンタで試作。
❖ web カメラの精度と 3D プリンタの精度で、どこまでモノが作れるか?
❖ (自転車部品、メッシュ、フィラメントなど…)
3. Dublin でのプレゼンを軽く紹介
![Page 39: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/39.jpg)
❖ Webcam to 3DPrinter
3. Dublin でのプレゼンを軽く紹介
![Page 40: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/40.jpg)
❖ Webcam to 3DPrinter
3. Dublin でのプレゼンを軽く紹介
ココが、 Internet
モノ モノ
![Page 41: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/41.jpg)
4. 今までの web 制作との同一性 / 違い / 可能性
![Page 42: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/42.jpg)
❖ 「 web で、やること」自体は、今までと変わらない。❖ web とリアルの結びつきが強くなってきてる。
→ 「見てるだけの web 」から「現実的で実用的なweb 」へ
→ 「 web 技術を受け取れるモノ」が増えてきてる。❖ web の外の世界も、面白くなってきてる。
4. 今までの web 制作との同一性 / 違い / 可能性軽く紹介
![Page 43: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/43.jpg)
❖ 「ビジネスも、デザインも、テクノロジーも、今の進化スピードはとても速い。そのスピードで、色んなアイディアとチカラを組み合わせたら、本当に面白いものができる時代。」 by Ciaran
4. 今までの web 制作との同一性 / 違い / 可能性軽く紹介
![Page 44: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/44.jpg)
❖ 難しく考えずに❖ web を使って❖ web にとどまらない❖ 楽しいモノづくり
4. 今までの web 制作との同一性 / 違い / 可能性軽く紹介
![Page 45: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/45.jpg)
❖ web だけじゃできないモノづくり、してみませんか?
4. 今までの web 制作との同一性 / 違い / 可能性軽く紹介
![Page 46: Io t kyoto](https://reader037.vdocuments.pub/reader037/viewer/2022100211/55838f28d8b42a9e528b4bde/html5/thumbnails/46.jpg)
ご清聴、ありがとうございました。