DevRel Meetup in Tokyo #85 〜ハードウェアのDevRel〜

CHIRIMEN Liteのご紹介 DevRel Meetup in Tokyo #85 〜ハードウェアのDevRel〜

自己紹介 akihiko.KIgure a.k.a グレさん 日比谷とグンマー帝国の２拠点でフロントエンド開発をしています。

What is CHIRIMEN ?

CHIRIMENとは何か？ CHIRIMEN は、センサーやアクチュエーターなどの 物理デバイスを Webブラウザ技術だけで制御することができる 開発環境で、ボードコンピュータとその上で動作する ソフトウェアを含めた総称 “Web” CHIRIMEN = 縮緬（織物） “Web”と“Real”異なる世界を織り込んで 新しいモノを作っていく “Real”

活動の三本柱 ①. Webブラウザの技術だけで、ハードウェア制御の開発を 出来るようにする事 ②. OSSの開発方法・考え方を、ハードウェア (ボードコンピュータも対象)に広める事 ③. 先の２つのゴールを多くの人達に （教育，デモストレーションなどを通して）社会に広める事

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

①.具体例②：プロトタイピング環境 CHIRIMEN for Raspberry Pi 2B/3A/3B/4B CHIRIMEN Lite for Raspberry Pi Zero

②. OSSの開発方法・考え方を、ハードウェア (ボードコンピュータも対象)に広める事 ②.具体例①：

②.具体例② ：

③.先の２つのゴールを多くの人達に （教育，デモストレーションなどを通して）社会に広める事 ③.具体例①：

本題 CHIRIMEN Lite

What is CHIRIMEN Lite

CHIRIMEN Lite Raspberry Pi Zero を使って、WoT / IoT を簡単に始められる プロトタイピング開発環境です。 Raspberry Pi OS Lite (32-bit) をカスタマイズした OS です。

用意するもの ・PC（Chromeインストール済） ・Raspberry Pi Zero W ・SD カード（推奨16GB以上） CHIRIMEN Lite OS 焼き込み済み ・USBケーブル

用意するもの（イメージ）

ステップ１（組み立て） ・SD カードをRaspberry Pi Zeroに装着 ・PCと Raspberry Pi Zero をUSBケーブルで接続 ・Raspberry Pi Zero が起動のランプの点滅確認

ステップ２（プロトタイピング環境） ・chrome を起動 ・Web Serial RPiZero Terminalページにアクセス url:https://chirimen.org/PiZeroWebSerialConsole/PiZeroWebSerialConsole.html

• https://chirimen.org/PiZeroWebSerialConsole/PiZeroWebSerialConsole.html

ステップ２（プロトタイピング環境） ・シリアルポートを選択

ステップ２（プロトタイピング環境） ・準備完了！！！

ステップ２（プロトタイピング環境） ・実際のイメージ

何が凄いのか？

これでLチカ出来る 環境ができました！

Raspberry Pi を使った通常のハードウェア構成 ケーブル＆電源 Raspberry Pi 本体 外部モニタ 外付けキーボード

面倒な配線や機器の 接続が大幅に削減！

ハードウェア構成の比較

CHIRIMEN Lite を支える技術 ※某書籍風

node-web-gpio https://github.com/chirimen-oh/node-web-gpio

• https://developer.mozilla.org/ja/docs/Web/API/Web_Serial_APIhttps:/github.com/chirimen-oh/node-web-gpio

node-web-i2c https://github.com/chirimen-oh/node-web-i2c

• https://github.com/chirimen-oh/node-web-gpiohttps:/github.com/chirimen-oh/node-web-i2c

Web Serial API https://developer.mozilla.org/ja/docs/Web/API/Web_Serial_API

• https://developer.mozilla.org/ja/docs/Web/API/Web_Serial_API

何が凄いのか？ 本日２回目

意訳 WebブラウザからUSBに繋いだハードウェアと通信できる！

詳しくはCHIRIMEN Raspberry Pi Zero チュートリアルまで！ https://tutorial.chirimen.org/pizero/

• https://tutorial.chirimen.org/pizero/

デモツイート

デモ実演 ※本番の魔物にやられなければ

CHIRIMEN Open Hardware コミュニティ コントリビュートの紹介

コントリビューション ● プロトタイピング環境構築 CHIRIMEN for Raspberry Pi 2B/3A/3B/4B CHIRIMEN Lite for Raspberry Pi Zero

コントリビューション ● 各種ハードのドライバープログラム開発

コントリビューション ● CHIRIMEN 対応デバイスリスト

コントリビューション ● 各種ドキュメント

コントリビューション ● OSHW（Open Source HardWare）申請

コントリビューション ● 技術書典出展

Github Twitter チュートリアル Slack conpass Facebook Group

おまけ：ハードの紹介 GeeekPi Raspberry Pi Zero 2 W/Zero/Zero W用のRaspberry Pi USBドングル拡張ボードキット

おまけ：ハードの紹介 UGREEN OTGケーブル Type-C 変換アダプタ タイプC USB 変換 USB3.0メス 高速転送 Android スマートフォン タブレット MacBook Pro USBホストケーブル Type-C端末とType-A機器接続 17CM

おまけ：ハードの紹介 フレキシブルＬＥＤ 赤色 ＣＹ－ＦＲＸ３００２－Ｍ２００１－Ｒ－Ｅ

ご静聴ありがとうございました！