WoT~CHIRIMENのこれまでとこれから
157 Views
October 28, 17
スライド概要
WoT~CHIRIMENのこれまでとこれから
WoT：World Wide Webの一部になっている
IoT：インターネットに繋がっている
CHIRIMEN はセンサーやアクチュエーターなどの
物理デバイスを Webブラウザ技術だけで制御することができる
開発環境で、ボードコンピュータとその上で動作する
ソフトウェアを含めた総称です。
フリーランスプログラマです。 Angular, CHIRIMEN Open Hardware, MDN Web Doc 推しの人です。
関連スライド
各ページのテキスト
WoT~CHIRIMENのこれまでとこれから
自己紹介 Akihiko Kigure https://www.facebook.com/akihiko.kigure https://twitter.com/ic_lifewood http://www.lifewood.net/
アシラス株式会社 所属 http://ashiras.xyz/ •2016年8月26日設立。Web技術をエンタープライ ズ業界に導入及びコンサルティングしています •コミュニティ活動またはメディアへの執筆活動や 登壇を通じてWebへの貢献を行っています
CHIRIMEN OPEN HARDWARE コミュニティ所属 https://chirimen.org/ IoT や WoT といったコンセプトが示す、さまざまなモノが コンピュータネットワークで繋がる未来の社会においても、 私たちヒトは重要な存在です。 ヒトとモノがウェブを介して互いに協調しあえる環境が必要です。 そして、それはウェブブラウザを核に作られていくのはないかと考えます。 本プロジェクトは、このような環境（プラットホーム）を参加者の 皆さんとオープンにデザインし、つくりあげていくことをめざします。
What is WoT and IoT？
What is WoT and IoT？ w3.orgより引用 https://www.w3.org/WoT/
What is WoT and IoT？ Web of Things（WoT）は、実世界のオブジェクトを World Wide Webの一部にするためのアプローチ、 ソフトウェアアーキテクチャスタイル、プログラミングパターンを 記述するための用語です。 wikipedia.orgより引用 https://en.wikipedia.org/wiki/Web_of_Things
What is WoT and IoT？ Internet of Things, IoTとは、様々な「モノ（物）」が インターネットに接続され（単に繋がるだけではなく、モノが インターネットのように繋がる）、情報交換することにより 相互に制御する仕組みである。 wikipedia.orgより引用 https://en.wikipedia.org/wiki/Internet_of_things/
WoT と IoTのちがい
WoT と IoTのちがい WoT：World Wide Webの一部になっている IoT：インターネットに繋がっている
WoT と IoTのちがい WoT：World Wide Webの一部になっている IoT：インターネットに繋がっている
WoT と IoTのちがい http://image.slidesharecdn.com/webrtcconf2015-150207032645conversion-gate02/95/web-of-thingswebrtc-17-638.jpg?cb=1423279786 より引用
WoT と IoTのちがい http://image.slidesharecdn.com/element14-141015121227-conversiongate02/95/the-web-of-things-giving-physical-products-a-digital-voice-6638.jpg?cb=1413466154 より引用
WoT と IoTのちがい html5experts.jpより引用 https://html5experts.jp/dsuket/12418/
WoT と IoTのちがい WoT とは、Webブラウザ技術を使ってIoTを利用した サービスやアプリケーションを開発できるプラットフォーム
昨今の WoT / IoT 業界
昨今の WoT / IoT 業界 その１ 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/
昨今の 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順
CHIRIMEN とは
CHIRIMEN とは CHIRIMEN はセンサーやアクチュエーターなどの 物理デバイスを Webブラウザ技術だけで制御することができる 開発環境で、ボードコンピュータとその上で動作する ソフトウェアを含めた総称です。 chirimen.orgより引用 https://chirimen.org/docs/ja/FAQ.html
CHIRIMEN とは CHIRIMEN = 縮緬（織物） “Web”と“Real”異なる世界を織り込んで 新しいモノを作っていく
CHIRIMEN とは “Web” “Real”
CHIRIMEN の活動
CHIRIMEN の活動 その1. Webブラウザの技術だけで、ハードウェア制御の 開発を出来るようにする事 W3C に Web API の提案を念頭に置いた ポリフィル開発実装なども含みます。
CHIRIMEN の活動 その2. OSSの開発方法・考え方を、ハードウェア (ボードコンピュータも対象)に広めること。 ボード本体・ケースなど Open Source Hardware JP000003 OSHWA, http://cerQficate.oshwa.org/cerQficaQon-directory/
CHIRIMEN の活動 その3. 先の２つのゴールを多くの人達に（教育， デモストレーションなどを通して）社会に広める事
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/
CHIRIMEN のこれまで
CHIRIMEN のこれまで ・2016/04/30 オープンソース化 ・2016/08/06 ~ CHIRIMEN ボード発売 ・2016/09/17 CHIRIMEN ボード発売 記念ハンズオンイベント ・2016/12/31 OSHA 認可
CHIRIMEN ボード
CHIRIMEN ボード https://www.switch-science.com/catalog/2833/
CHIRIMEN ボード Echigo Rev.1の名前の由来 越後(Echigo)のちりめん(CHIRIMEN) 問屋(スイッチサイエンス)から名付けられました。
CHIRIMEN ボード B2G(Boot to Gecko) OS
CHIRIMEN での開発
CHIRIMEN での開発 WebIDE
CHIRIMEN の試練
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
ボードが入手できない（涙）
ちょっと脱線
ちょっと脱線 A “Boot2Web” standard architecture? https://discourse.mozilla.org/t/a-boot2web-standard-architecture/11810/3
CHIRIMEN の転機
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
CHIRIMEN のこれから
各ボードの CHIRIMEN 化計画
各ボードの CHIRIMEN 化計画 CHIRIMENのソフト部分を Raspberry Pi 3へ！
各ボードの CHIRIMEN 化計画
各ボードの CHIRIMEN 化計画
各ボードの CHIRIMEN 化計画 まずは定番のLチカ！ • https://qiita.com/tadfmac/items/82817476615fdc7394b3
各ボードの CHIRIMEN 化計画 用意するものその１
各ボードの CHIRIMEN 化計画 用意するものその２
各ボードの CHIRIMEN 化計画 • 焼き方（軽い設定含む）はこちら参照 https://gist.github.com/tadfmac/527b31a463df 0c9de8c30a598872344d • 現時点の最新イメージは https://drive.google.com/file/d/0B4k_ph7hQTA DcVVlYzR6a0lqX3M/view
各ボードの CHIRIMEN 化計画 つなぎ方
各ボードの CHIRIMEN 化計画 正常起動
各ボードの CHIRIMEN 化計画 ローカルのLチカサンプル用フォルダの 中身を見て
各ボードの CHIRIMEN 化計画 配線図にあるようにLEDを接続して
各ボードの CHIRIMEN 化計画 サンプル(INDEX.HTML)を立ち上げると Lチカします→ブラウザからLチカできました
各ボードの CHIRIMEN 化計画 ローカルだけじゃなく、 ネット上でも制御できます （LED接続はそのままで）
各ボードの CHIRIMEN 化計画 WEBブラウザからEXAMPLEを起動 (JS BINなどにリンク）
各ボードの CHIRIMEN 化計画 オンラインエディタ起動するとLチカ このJavaScriptファイルを編集すると、Lチカの動きがリアルタイムで変わります
各ボードの CHIRIMEN 化計画 https://github.com/chirimen-oh/chirimen-raspi3
各ボードの CHIRIMEN 化計画 で、鋭い方は気づかれたと思いますが、 なんと「PCレス」でIoTプロトタイピングができます！ らずぱいのWebブラウザ上（オンライン・オフライン）でプロトタイピングができます！ もちろん、チュートリアルもラズパイ上のWebブラウザで読めます。
まとめ
まとめ CHRIMENのこれまで • CHRIMEN ≒ B2G OSと赤いボードだった • 開発でFirefoxが、どうしても必要な時があった CHRIMENのこれから • RaspPi3や別のボード（予定）でも試せるよ！ • Firefox以外のブラウザでも試せるよ！ • PCが無くても開発が出来るよ！ • 新しいボード設計したい人、集まれ！
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
ご清聴有難うございました