WoT~CHIRIMENのこれまでとこれから

157 Views

October 28, 17

スライド概要

WoT~CHIRIMENのこれまでとこれから

WoT:World Wide Webの一部になっている
IoT:インターネットに繋がっている

CHIRIMEN はセンサーやアクチュエーターなどの
物理デバイスを Webブラウザ技術だけで制御することができる
開発環境で、ボードコンピュータとその上で動作する
ソフトウェアを含めた総称です。

profile-image

フリーランスプログラマです。 Angular, CHIRIMEN Open Hardware, MDN Web Doc 推しの人です。

シェア

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

WoT~CHIRIMENのこれまでとこれから

2.

自己紹介 Akihiko Kigure https://www.facebook.com/akihiko.kigure https://twitter.com/ic_lifewood http://www.lifewood.net/

3.

アシラス株式会社 所属 http://ashiras.xyz/ •2016年8月26日設立。Web技術をエンタープライ ズ業界に導入及びコンサルティングしています •コミュニティ活動またはメディアへの執筆活動や 登壇を通じてWebへの貢献を行っています

4.

CHIRIMEN OPEN HARDWARE コミュニティ所属 https://chirimen.org/ IoT や WoT といったコンセプトが示す、さまざまなモノが コンピュータネットワークで繋がる未来の社会においても、 私たちヒトは重要な存在です。 ヒトとモノがウェブを介して互いに協調しあえる環境が必要です。 そして、それはウェブブラウザを核に作られていくのはないかと考えます。 本プロジェクトは、このような環境(プラットホーム)を参加者の 皆さんとオープンにデザインし、つくりあげていくことをめざします。

5.

What is WoT and IoT?

6.

What is WoT and IoT? w3.orgより引用 https://www.w3.org/WoT/

7.

What is WoT and IoT? Web of Things(WoT)は、実世界のオブジェクトを World Wide Webの一部にするためのアプローチ、 ソフトウェアアーキテクチャスタイル、プログラミングパターンを 記述するための用語です。 wikipedia.orgより引用 https://en.wikipedia.org/wiki/Web_of_Things

8.

What is WoT and IoT? Internet of Things, IoTとは、様々な「モノ(物)」が インターネットに接続され(単に繋がるだけではなく、モノが インターネットのように繋がる)、情報交換することにより 相互に制御する仕組みである。 wikipedia.orgより引用 https://en.wikipedia.org/wiki/Internet_of_things/

9.

WoT と IoTのちがい

10.

WoT と IoTのちがい WoT:World Wide Webの一部になっている IoT:インターネットに繋がっている

11.

WoT と IoTのちがい WoT:World Wide Webの一部になっている IoT:インターネットに繋がっている

12.

WoT と IoTのちがい http://image.slidesharecdn.com/webrtcconf2015-150207032645conversion-gate02/95/web-of-thingswebrtc-17-638.jpg?cb=1423279786 より引用

13.

WoT と IoTのちがい http://image.slidesharecdn.com/element14-141015121227-conversiongate02/95/the-web-of-things-giving-physical-products-a-digital-voice-6638.jpg?cb=1413466154 より引用

14.

WoT と IoTのちがい html5experts.jpより引用 https://html5experts.jp/dsuket/12418/

15.

WoT と IoTのちがい WoT とは、Webブラウザ技術を使ってIoTを利用した サービスやアプリケーションを開発できるプラットフォーム

16.

昨今の WoT / IoT 業界

17.

昨今の WoT / IoT 業界 その1 Arduinoファン https://www.facebook.com/groups/arduinofun/ CHIRIMEN Open Hardware https://www.facebook.com/groups/chirimen/ HTML5Jロボット& WebPlatform部 https://www.facebook.com/groups/1404274406563517/ IoTLT ~ IoT縛りの勉強会/LT会~ https://www.facebook.com/groups/IoTLT/

18.

昨今の WoT / IoT 業界 その2 JS Board勉強会 https://www.facebook.com/groups/1478731419107052/ NodeBots Japan https://www.facebook.com/groups/nodebots.jp / Raspberry Pi JAPAN https://www.facebook.com/groups/Raspberry.Pi.JAPAN/ ※ABC順

19.

CHIRIMEN とは

20.

CHIRIMEN とは CHIRIMEN はセンサーやアクチュエーターなどの 物理デバイスを Webブラウザ技術だけで制御することができる 開発環境で、ボードコンピュータとその上で動作する ソフトウェアを含めた総称です。 chirimen.orgより引用 https://chirimen.org/docs/ja/FAQ.html

21.

CHIRIMEN とは CHIRIMEN = 縮緬(織物) “Web”と“Real”異なる世界を織り込んで 新しいモノを作っていく

22.

CHIRIMEN とは “Web” “Real”

23.

CHIRIMEN の活動

24.

CHIRIMEN の活動 その1. Webブラウザの技術だけで、ハードウェア制御の 開発を出来るようにする事 W3C に Web API の提案を念頭に置いた ポリフィル開発実装なども含みます。

25.

CHIRIMEN の活動 その2. OSSの開発方法・考え方を、ハードウェア (ボードコンピュータも対象)に広めること。 ボード本体・ケースなど Open Source Hardware JP000003 OSHWA, http://cerQficate.oshwa.org/cerQficaQon-directory/

26.

CHIRIMEN の活動 その3. 先の2つのゴールを多くの人達に(教育, デモストレーションなどを通して)社会に広める事

27.

CHIRIMEN の活動 Web × IoT メイカーズハッカソン 2017 年 3 月 18 日 - 19 日 https://browserobo.github.io/hackathon2017/ Android Bazaar and Conference 2017 Spring http://abc.android-group.jp/2017s/ IEEE Tokyo Young Professionals hackathon 2017 年 7 月 8 日 - 9 日 http://sites.ieee.org/sb-keio/ieee-hackathons-2017/ Maker Faire Tokyo 2017 年 8 月 5 日 - 6 日 http://makezine.jp/event/mft2017/

28.

CHIRIMEN のこれまで

29.

CHIRIMEN のこれまで ・2016/04/30 オープンソース化 ・2016/08/06 ~ CHIRIMEN ボード発売 ・2016/09/17 CHIRIMEN ボード発売 記念ハンズオンイベント ・2016/12/31 OSHA 認可

30.

CHIRIMEN ボード

31.

CHIRIMEN ボード https://www.switch-science.com/catalog/2833/

32.

CHIRIMEN ボード Echigo Rev.1の名前の由来 越後(Echigo)のちりめん(CHIRIMEN) 問屋(スイッチサイエンス)から名付けられました。

33.

CHIRIMEN ボード B2G(Boot to Gecko) OS

34.

CHIRIMEN での開発

35.

CHIRIMEN での開発 WebIDE

36.

CHIRIMEN の試練

37.

CHIRIMEN の試練 Mozilla による Firefox OS 開発終了のまとめ http://chimantaea.blog8.fc2.com/blog-entry-155.html B2G OS Transition Project 始動 http://chimantaea.blog8.fc2.com/blog-entry-157.html Remove WebIDE https://bugzilla.mozilla.org/show_bug.cgi?id=1314811

38.

ボードが入手できない(涙)

39.

ちょっと脱線

40.

ちょっと脱線 A “Boot2Web” standard architecture? https://discourse.mozilla.org/t/a-boot2web-standard-architecture/11810/3

41.

CHIRIMEN の転機

42.

CHIRIMEN の転機 ・ソフトェア面 Implement WebI2C polyfill for node backend #189 https://github.com/chirimen-oh/any-issues/issues/189 Implement WebGPIO polyfill for node backend #188 https://github.com/chirimen-oh/any-issues/issues/188 Prepare CHIRIMEN distribution image for RPi3 (based on Raspbian) #197 https://github.com/chirimen-oh/any-issues/issues/197 ・ハードウェア面 When think about a new designed single board computer #193 https://github.com/chirimen-oh/any-issues/issues/193

43.

CHIRIMEN のこれから

44.

各ボードの CHIRIMEN 化計画

45.

各ボードの CHIRIMEN 化計画 CHIRIMENのソフト部分を Raspberry Pi 3へ!

46.

各ボードの CHIRIMEN 化計画

47.

各ボードの CHIRIMEN 化計画

48.

各ボードの CHIRIMEN 化計画 まずは定番のLチカ! • https://qiita.com/tadfmac/items/82817476615fdc7394b3

49.

各ボードの CHIRIMEN 化計画 用意するものその1

50.

各ボードの CHIRIMEN 化計画 用意するものその2

51.

各ボードの CHIRIMEN 化計画 • 焼き方(軽い設定含む)はこちら参照 https://gist.github.com/tadfmac/527b31a463df 0c9de8c30a598872344d • 現時点の最新イメージは https://drive.google.com/file/d/0B4k_ph7hQTA DcVVlYzR6a0lqX3M/view

52.

各ボードの CHIRIMEN 化計画 つなぎ方

53.

各ボードの CHIRIMEN 化計画 正常起動

54.

各ボードの CHIRIMEN 化計画 ローカルのLチカサンプル用フォルダの 中身を見て

55.

各ボードの CHIRIMEN 化計画 配線図にあるようにLEDを接続して

56.

各ボードの CHIRIMEN 化計画 サンプル(INDEX.HTML)を立ち上げると Lチカします→ブラウザからLチカできました

57.

各ボードの CHIRIMEN 化計画 ローカルだけじゃなく、 ネット上でも制御できます (LED接続はそのままで)

58.

各ボードの CHIRIMEN 化計画 WEBブラウザからEXAMPLEを起動 (JS BINなどにリンク)

59.

各ボードの CHIRIMEN 化計画 オンラインエディタ起動するとLチカ このJavaScriptファイルを編集すると、Lチカの動きがリアルタイムで変わります

60.

各ボードの CHIRIMEN 化計画 https://github.com/chirimen-oh/chirimen-raspi3

61.

各ボードの CHIRIMEN 化計画 で、鋭い方は気づかれたと思いますが、 なんと「PCレス」でIoTプロトタイピングができます! らずぱいのWebブラウザ上(オンライン・オフライン)でプロトタイピングができます! もちろん、チュートリアルもラズパイ上のWebブラウザで読めます。

62.

まとめ

63.

まとめ CHRIMENのこれまで • CHRIMEN ≒ B2G OSと赤いボードだった • 開発でFirefoxが、どうしても必要な時があった CHRIMENのこれから • RaspPi3や別のボード(予定)でも試せるよ! • Firefox以外のブラウザでも試せるよ! • PCが無くても開発が出来るよ! • 新しいボード設計したい人、集まれ!

64.

Special Thanks https://twitter.com/tadfmac https://www.slideshare.net/tadfmac/n-for-3 https://twitter.com/kotakagi https://www.slideshare.net/koichitakagi50/iotiotchirimen-for-raspberry-pi-381171880

65.

ご清聴有難うございました