Embed Size (px)
Citation preview
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 でのプレゼンを軽く紹介
「時間」を、「時計以外」で表現したい
❖ 「時計」の、外の世界の「時間」。❖ 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 制作との同一性 / 違い / 可能性軽く紹介
ご清聴、ありがとうございました。
