Io t kyoto

IoT Kyoto vol.0

”IoT” って、何？Dublin で学んだ、私なりの ” IoT” 解釈

What is “IoT” ? This is what I learned about it at Dublin.

本日のメニューToday’s special

1. ”IoT” というコトバとの出会い。

2. ”Internet of Things” とは？（定義と、可能性）

3. Dublin でのプレゼンを軽く紹介

4. IoT と、今までの web 制作との同一性 / 違い / 可能性

1. ”IoT” というコトバとの出会い。

1. ”IoT” というコトバとの出会い。

❖ MATSUDA Emi

❖ web developer of front-end

退職後、英語短期留学へ

1. ”IoT” というコトバとの出会い。

2007.8.16 2013.5.28 2013.9.25 2014.1.16

web 制作会社就職

なんとか生きて帰国

なんとか再就職

現在

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

JavaScript

1. ”IoT” というコトバとの出会い。

2007.8.16 2013.5.28 2013.9.25 2014.1.16

AjaxjQueryPrototype.jsmootools

table コーディング→CSS コーディング

NetscapeNavigator ？InternetExplorer 6→7Safari2.0

ブラウザ

1. ”IoT” というコトバとの出会い。

2007.8.16 2013.5.28 2013.9.25 2014.1.16

ガラケー

MovableType

WordPress

SNS

iPhone

Android

タブレット

HTML ５

CSS3

クラウド

O2O

ゲーム分析SEO

Javascript2.0

IE8 IE10IE9

opera9.5

Firefox3.0

Safari3.2 Safari5

Firefox3.6

opera10.6

Chrome googleChrome5

XHTML2.0

ほぼほぼ、モダンブラウザに落ち着いてきたかなぁ…

1. ”IoT” というコトバとの出会い。

❖ 2012 年頃から、新しい word が出てこなくなってきた。

❖ HTML ５も、そろそろ安泰。❖ 出てくるのは、ワークフローとかの話ばっかり。❖ 実務で調べ物をすると英語にあたる。❖ 英語勉強するなら今？（置いていかれる危険が少な

い？）

❖ 学校英語に行き詰まる（政治とか犯罪とかの興味ない範囲、単語覚えられへん）

❖ 興味ある話なら、話せなくても理解できるかも❖ 「 Dublin.js 」のメンバーが主催の「 IoT Dublin 」

に、参加！（事前にコメントで「喋れないよ？」を断っといたけど、 welcome してくれました＾＾）

1. ”IoT” というコトバとの出会い。

2. ”Internet of Things” とは？（定義と、可能性）

❖ 「 M to M 」 machine to machine

2. ”Internet of Things” とは？（定義と、可能性）

❖ 「 M to M 」 machine to machine

2. ”Internet of Things” とは？（定義と、可能性）

ココが、 Internet

❖ 「 M to M 」 machine to machine

2. ”Internet of Things” とは？（定義と、可能性）

ココが、 Internet

モノ モノ

❖ 日本じゃ、結構、当たり前じゃね？ (‘ ・ ω ・ `)

2. ”Internet of Things” とは？（定義と、可能性）

❖ デジタルフォトフレーム (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” とは？（定義と、可能性）

❖ web 側からのアプローチが、少ない。

→web のヒトって、 web 以外のアプローチしないよね？

→ 「誰のための」 web 技術なんだろ？（個人的課題）

2. ”Internet of Things” とは？（定義と、可能性）

❖ 「ビジネスも、デザインも、テクノロジーも、今の進化スピードはとても速い。そのスピードで、色んなアイディアとチカラを組み合わせたら、本当に面白いものができる時代。」 by Ciaran

2. ”Internet of Things” とは？（定義と、可能性）

❖ IoT Dublin では、❖ web 系❖ プロダクトデザイン❖ マネジメント

といった分野の方々が参加。

2. ”Internet of Things” とは？（定義と、可能性）

❖ web だけじゃできないモノづくり、してみませんか？

2. ”Internet of Things” とは？（定義と、可能性）

3. Dublin でのプレゼンを軽く紹介

1. Experience Clock

2. Smarter bins

3. The DIY carputer

4. 3D prototyping

3. Dublin でのプレゼンを軽く紹介

1. Experience Clock

(http://now.jit.su) by Owen Derby

3. Dublin でのプレゼンを軽く紹介

「時間」を、「時計以外」で表現したい

❖ 「時計」の、外の世界の「時間」。❖ Instagram の画像を場所と時間で区切って、「その土

地」の「その時間」を表現する。

3. Dublin でのプレゼンを軽く紹介

❖ Instagram to WebApp

3. Dublin でのプレゼンを軽く紹介

❖ Instagram to WebApp

3. Dublin でのプレゼンを軽く紹介

ココが、 Internet

モノ モノ

2. Smarter bins

by Seamus Devitt

3. Dublin でのプレゼンを軽く紹介

既存のゴミ回収を、効率化。

ゴミ回収ボックスに、センサーを設置。

センサーが「 80% 溜まったよ」を検知したら、 SMS でセンターシステムに送信。

翌日の回収場所 map が出来上がる。

3. Dublin でのプレゼンを軽く紹介

❖ Sensor to Center system

3. Dublin でのプレゼンを軽く紹介

❖ Sensor to Center system

3. Dublin でのプレゼンを軽く紹介

ココが、 Internet

モノ モノ

3. The DIY carputer

by Paul Donnan

3. Dublin でのプレゼンを軽く紹介

❖ ごめんなさい。英語がわかりませんでした＞＜

3. Dublin でのプレゼンを軽く紹介

❖ 後日、レポートをみると…Arduino のチップ、 GPS トラッカーとジャイロスコープで構築さ

れ、それがコックピットに水や油温などの情報を中継する。 SD カードはレース後の分析のためのデータを保存します。彼のチームは、コースサイドからリアルタイムでデータをモニタできるように、次に、パウロは、モバイルアプリを開発する計画だ。

3. Dublin でのプレゼンを軽く紹介

❖ ごめんなさい。やっぱりよくわかりません＞＜

（自動車関連でのアプリ的利用だということはとてもよくわかる。）

3. Dublin でのプレゼンを軽く紹介

❖ Car mechanic to Cockpit system

3. Dublin でのプレゼンを軽く紹介

❖ Car mechanic to Cockpit system

3. Dublin でのプレゼンを軽く紹介

ココが、 Internet

モノ モノ

4. 3D prototyping

by Ryan Paetzold

3. Dublin でのプレゼンを軽く紹介

❖ web カメラをセンサーにして、 3D プリンタで試作。

❖ web カメラの精度と 3D プリンタの精度で、どこまでモノが作れるか？

❖ （自転車部品、メッシュ、フィラメントなど…）

3. Dublin でのプレゼンを軽く紹介

❖ Webcam to 3DPrinter

3. Dublin でのプレゼンを軽く紹介

❖ Webcam to 3DPrinter

3. Dublin でのプレゼンを軽く紹介

ココが、 Internet

モノ モノ

4. 今までの web 制作との同一性 / 違い / 可能性

❖ 「 web で、やること」自体は、今までと変わらない。❖ web とリアルの結びつきが強くなってきてる。

→ 「見てるだけの web 」から「現実的で実用的なweb 」へ

→ 「 web 技術を受け取れるモノ」が増えてきてる。❖ web の外の世界も、面白くなってきてる。

4. 今までの web 制作との同一性 / 違い / 可能性軽く紹介

❖ 「ビジネスも、デザインも、テクノロジーも、今の進化スピードはとても速い。そのスピードで、色んなアイディアとチカラを組み合わせたら、本当に面白いものができる時代。」 by Ciaran

4. 今までの web 制作との同一性 / 違い / 可能性軽く紹介

❖ 難しく考えずに❖ web を使って❖ web にとどまらない❖ 楽しいモノづくり

4. 今までの web 制作との同一性 / 違い / 可能性軽く紹介

❖ web だけじゃできないモノづくり、してみませんか？

4. 今までの web 制作との同一性 / 違い / 可能性軽く紹介

ご清聴、ありがとうございました。