エンジニア達の「完全に理解した」Talk #41

376 Views

May 25, 23

スライド概要

CHIRIMEN Lite を紹介します!

profile-image

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

シェア

またはPlayer版

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

関連スライド

各ページのテキスト
1.

CHIRIMEN Lite 完全に理解した エンジニア達の「完全に理解した」Talk #41

2.

自己紹介 木暮晶彦(キグレアキヒコ) https://profiee.com/i/lifewood

3.

What is CHIRIMEN ?

4.

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

5.

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

6.

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

7.

その1(具体例 https://github.com/chirimen-oh/chirimen https://github.com/chirimen-oh/chirimen-drivers

8.

その2 ● OSSの開発方法・考え方を、ハードウェア(ボードコンピュータも対 象)に広める事 https://github.com/chirimen-oh/accessories より引用

10.

その3 ● 先の2つのゴールを多くの人達に(教育,デモストレーション などを通して)社会に広める事 https://chirimen-oh.connpass.com/ https://webiotmakers.github.io/2022/

11.

本題 CHIRIMEN Lite

12.

CHIRIMEN Lite is 何???

13.

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

14.

用意するもの ・パソコン(Chromeインストール済) ・Raspberry Pi Zero W ・SD カード(推奨16GB) CHIRIMEN Lite OS 焼き込み済み ・USBケーブル

15.

用意するもの(イメージ)

16.

ステップ1(組み立て) ・SD カードをRaspberry Pi Zeroに装着 ・パソコンと Raspberry Pi Zero を USBケーブルで、接続 これだけ!!!!

17.

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

18.

ステップ2(プロトタイピング環境) ・シリアルポートを選択

19.

ステップ2(プロトタイピング環境) ・準備完了!!!

20.

ステップ2(プロトタイピング環境) ・実際のイメージ

21.

何が凄いの???

22.

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

23.

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

24.

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

25.

ハードウェア構成の比較

26.

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

27.

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

28.

何が凄いの??? 本日2回目

29.

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

30.

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

31.

これで貴方も CHIRIMEN Lite を完全に理解した?!

32.

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

33.

コントリビューション ● コミュニティミーティング主催 https://github.com/chirimen-oh/meeting

34.

コントリビューション ● 各種ドキュメント https://chirimen.org/chirimen/ http://chirimen.org/node-web-gpio/ https://chirimen.org/node-web-i2c/

35.

コントリビューション ● OSHW(Open Source HardWare)申請 https://certification.oshwa.org/list.html

36.

コントリビューション ● 技術書典出展 https://techbookfest.org/product/5389215537823744?productVariantID=6407824410148864

37.

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

38.

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

39.

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

40.

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