diff --git a/README.md b/README.md
index dad409e..86db51f 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
---
-title: CHIRIMEN ハンズオン
+title: CHIRIMEN Raspberry Pi Zero W ハンズオン
marp: true
paginate: true
style: |
@@ -16,9 +16,9 @@ style: |
---
-# CHIRIMEN ハンズオン
+# CHIRIMEN Raspberry Pi Zero W ハンズオン
-2022-10-08/2022-10-09 in 岡山
+2022-11-26/2022-11-27 in 愛媛
WebDINO Japan シニアエンジニア
[渡邉浩平](https://github.com/kou029w)
@@ -45,24 +45,23 @@ Web ブラウザーからハードウェアを制御するプロトタイピン
## 本日の流れ
-準備編 (11:20-12:00)
+ハンズオン講習会
-- セットアップ
-
-基礎編 (13:00-17:00)
-
-- L チカしてみよう
-- GitHub アカウントの登録
-- GPIO に関する基礎知識
-- I2C に関する基礎知識
+- 11:10-12:10 セットアップ
+- (休憩)
+- 13:10-15:50 ハンズオン講習会
+ - L チカしてみよう
+ - GPIO に関する基礎知識
+ - I2C に関する基礎知識
+ - 遠隔制御してみよう
+ - 常駐プログラム化してみよう
+- 16:00-17:00 オープンソースに関する基礎知識
---
## 本日のゴール
-基礎編
-
-- センサーやモーターの基本的な使い方を理解する
+センサーやモーターの基本的な使い方を理解する
---
@@ -74,9 +73,9 @@ Web ブラウザーからハードウェアを制御するプロトタイピン
## ハンズオン資料
-[tutorial.chirimen.org/raspi](https://tutorial.chirimen.org/raspi/)
+[tutorial.chirimen.org/pizero](https://tutorial.chirimen.org/pizero/)
または
-「chirimen チュートリアル」で検索
+「chirimen pi zero」で検索
---
@@ -91,46 +90,48 @@ Web ブラウザーからハードウェアを制御するプロトタイピン
必要なもの
-- クリアボックス
- - ディスプレイ/HDMI ケーブル/変換アダプター/AC アダプター (Type-C)
- - AC アダプター付き電源タップ/Type-C ケーブル
- - Raspberry Pi 本体/ヒートシンク
- - 有線マウス
-- キーボード
+- Raspberry Pi Zero W
- CHIRIMEN スターターキット
- microSD カード
+- USB ケーブル
-(必要なもの以外はクリアボックスに片付けておきましょう)
+(必要なもの以外は片付けておきましょう)
-
+
---
-## ヒートシンクの取り付け
+## Raspberry Pi Zero の起動
-> 
+
-
+
---
-## Raspberry Pi の起動
+## ターミナルに接続
-
+https://chirimen.org/PiZeroWebSerialConsole/PiZeroWebSerialConsole.html
-
+↑ こちらにアクセス > Connect and Login PiZero > 接続
+
+
---
## Wi-Fi の設定
-Raspberry Pi の起動後、画面右上のパネルをクリックして設定を行います
-
-
-
(接続情報は会場で確認しましょう)
-
+
+
+---
+
+## CHIRIMEN 環境設定
+
+CHIRIMEN Panel > Setup CHIRIMEN
+
+
---
@@ -138,91 +139,49 @@ Raspberry Pi の起動後、画面右上のパネルをクリックして設定
-
+
---
## サンプルコードの実行
-ブラウザー > Examples > GPIO Examples > GPIO-Blink > CSB (CodeSandbox)
+```js
+import { requestGPIOAccess } from "node-web-gpio"; // WebGPIO を使えるようにするためのライブラリをインポート
+const sleep = (msec) => new Promise((resolve) => setTimeout(resolve, msec)); // sleep 関数を定義
-
+async function blink() {
+ const gpioAccess = await requestGPIOAccess(); // GPIO を操作する
+ const port = gpioAccess.ports.get(26); // 26 番ポートを操作する
-
+ await port.export("out"); // ポートを出力モードに設定
+
+ // 無限ループ
+ for (;;) {
+ // 1秒間隔で LED が点滅します
+ await port.write(1); // LEDを点灯
+ await sleep(1000); // 1000 ms (1秒) 待機
+ await port.write(0); // LEDを消灯
+ await sleep(1000); // 1000 ms (1秒) 待機
+ }
+}
+
+blink();
+```
---
## ここまでのまとめ
-- CHIRIMEN for Raspberry Pi の起動
+- CHIRIMEN Raspberry Pi Zero W のセットアップ
- LED を制御するサンプルコード (通称 LED チカチカ、L チカ) の実行
---
-## GitHub アカウントの登録
-
----
-
-## GitHub アカウントの登録
-
-[GitHub > Sign up](https://github.com/signup) からアカウントを作成します
-アカウントに必要な項目を入力します
-
-
-
----
-
-## GitHub アカウントの登録
-
-
-
-
-
----
-
-## GitHub アカウントの登録
-
-入力したメールアドレスに登録用のメールが届くので確認します
-
-
-
-
-
----
-
-## GitHub アカウントの登録
-
-次のような画面になれば OK
-
-
-
-
-
----
-
-## CodeSandbox の使い方
-
-- [CodeSandbox の基本的な使い方](https://csb-jp.github.io/docs/usage)
-
----
-
-## 後付
-
----
-
-## その他
-
-- [デバッグ・トラブルシューティング](https://tutorial.chirimen.org/raspi/debug)
-- [Tips・テクニック](https://tutorial.chirimen.org/raspi/tips)
-- [良くある質問と回答](https://tutorial.chirimen.org/raspi/faq)
-
----
-
# 2 日目
---
-## いろいろなデバイスを触ってみよう
+## いろいろなデバイスを自由に試してみよう
自分の席に着き次第、自由に進めてもらって OK 👌
@@ -262,7 +221,6 @@ Raspberry Pi の起動後、画面右上のパネルをクリックして設定
## 応用編
- I2C で複数のデバイス扱う
-- 遠隔制御
---
@@ -271,38 +229,45 @@ Raspberry Pi の起動後、画面右上のパネルをクリックして設定
それぞれのモジュールの VCC/GND/SDA/SCL を並列接続
スレーブアドレスが同じデバイスは同時に接続できません
-https://tutorial.chirimen.org/raspi/section3#section-7
---
## I2C で複数のデバイス扱う - 温湿度センサーと距離センサーの例
-
+```js
+import { requestI2CAccess } from "node-web-i2c";
+import SHT30 from "@chirimen/sht30";
+import VL53L0X from "@chirimen/vl53l0x";
----
+main();
-## 遠隔制御
+async function main() {
+ const i2cAccess = await requestI2CAccess();
+ const port = i2cAccess.ports.get(1);
+ const sht30 = new SHT30(port, 0x44);
+ const vl53l0x = new VL53L0X(port, 0x29);
+ await sht30.init();
+ await vl53l0x.init();
-ブラウザー > Examples > Remote Examples > REMOTE-I2C-SHT30 > CSB
-
-[](https://codesandbox.io/s/github/chirimen-oh/chirimen/tree/master/gc/contrib/examples/remote-i2c-SHT30)
-
-- `relay.subscribe("{ここは書き換えて使用してください}")`
+ while (true) {
+ const { humidity, temperature } = await sht30.readData();
+ const distance = await vl53l0x.getRange();
+ const message = [
+ `${temperature.toFixed(2)} ℃`,
+ `${humidity.toFixed(2)} %`,
+ `${distance} mm`,
+ ].join(", ");
+ console.log(message);
+ await sleep(500);
+ }
+}
+```
---
## ⚠ 片付け注意事項
-1. 借りたセンサーをすべて返却します
-1. Raspberry Pi の電源を切ります
-1. microSD カードは必ず抜き取り、CHIRIMEN スターターキットを片付けます
-1. クリアボックスを片付けます
- - できるだけ元の状態に戻してください
+借りた電子部品はすべて返却しましょう
(詳しくは会場のスタッフが案内します)
@@ -313,3 +278,11 @@ https://tutorial.chirimen.org/raspi/section3#section-7
リードタイムに注意 特に海外からの発送は時間がかかるので余裕を持って
品薄なものもあるので早めに調達を
https://gist.github.com/elie-j/8a27e7a65a40371e0cda5754ce0a063d
+
+---
+
+## 後付
+
+過去の資料
+
+- [2022 年度 岡山版](/chirimen-hands-on/2022/okayama/)
diff --git a/assets/github.png b/assets/2022/okayama/assets/github.png
similarity index 100%
rename from assets/github.png
rename to assets/2022/okayama/assets/github.png
diff --git a/assets/2022/okayama/assets/led-blink.dio.png b/assets/2022/okayama/assets/led-blink.dio.png
new file mode 100644
index 0000000..7c328d0
Binary files /dev/null and b/assets/2022/okayama/assets/led-blink.dio.png differ
diff --git a/assets/link-to-led-blink-csb.jpg b/assets/2022/okayama/assets/link-to-led-blink-csb.jpg
similarity index 100%
rename from assets/link-to-led-blink-csb.jpg
rename to assets/2022/okayama/assets/link-to-led-blink-csb.jpg
diff --git a/assets/setup-raspi.jpg b/assets/2022/okayama/assets/setup-raspi.jpg
similarity index 100%
rename from assets/setup-raspi.jpg
rename to assets/2022/okayama/assets/setup-raspi.jpg
diff --git a/assets/setup-wifi.png b/assets/2022/okayama/assets/setup-wifi.png
similarity index 100%
rename from assets/setup-wifi.png
rename to assets/2022/okayama/assets/setup-wifi.png
diff --git a/assets/signup-github-verify-code.png b/assets/2022/okayama/assets/signup-github-verify-code.png
similarity index 100%
rename from assets/signup-github-verify-code.png
rename to assets/2022/okayama/assets/signup-github-verify-code.png
diff --git a/assets/signup-github-verify.png b/assets/2022/okayama/assets/signup-github-verify.png
similarity index 100%
rename from assets/signup-github-verify.png
rename to assets/2022/okayama/assets/signup-github-verify.png
diff --git a/assets/signup-github.png b/assets/2022/okayama/assets/signup-github.png
similarity index 100%
rename from assets/signup-github.png
rename to assets/2022/okayama/assets/signup-github.png
diff --git a/assets/2022/okayama/assets/webiotmakers-gallery.dio.png b/assets/2022/okayama/assets/webiotmakers-gallery.dio.png
new file mode 100644
index 0000000..f32e435
Binary files /dev/null and b/assets/2022/okayama/assets/webiotmakers-gallery.dio.png differ
diff --git a/assets/2022/okayama/index.html b/assets/2022/okayama/index.html
new file mode 100644
index 0000000..9d30634
--- /dev/null
+++ b/assets/2022/okayama/index.html
@@ -0,0 +1,483 @@
+CHIRIMEN ハンズオン Previous slide Next slide Toggle fullscreen Open presenter view
+
+
+CHIRIMEN ハンズオン
+2022-10-08/2022-10-09 in 岡山
+WebDINO Japan シニアエンジニア渡邉浩平
+
+
+CHIRIMEN とは
+
+Web ブラウザーからハードウェアを制御するプロトタイピング環境
+
+
+作品例
+
+
+
+
+本日の流れ
+準備編 (11:20-12:00)
+
+基礎編 (13:00-17:00)
+
+L チカしてみよう
+GitHub アカウントの登録
+GPIO に関する基礎知識
+I2C に関する基礎知識
+
+
+
+本日のゴール
+基礎編
+
+センサーやモーターの基本的な使い方を理解する
+
+
+
+
+
+困ったとき・分からないとき・気になることがあるとき
+会場のスタッフにお気軽にお声がけください
+
+
+機材の確認
+必要なもの
+
+クリアボックス
+
+ディスプレイ/HDMI ケーブル/変換アダプター/AC アダプター (Type-C)
+AC アダプター付き電源タップ/Type-C ケーブル
+Raspberry Pi 本体/ヒートシンク
+有線マウス
+
+
+キーボード
+CHIRIMEN スターターキット
+
+
+
+(必要なもの以外はクリアボックスに片付けておきましょう)
+
+
+
+ヒートシンクの取り付け
+
+
+
+
+
+
+Raspberry Pi の起動
+
+
+
+
+Wi-Fi の設定
+Raspberry Pi の起動後、画面右上のパネルをクリックして設定を行います
+
+(接続情報は会場で確認しましょう)
+
+
+
+ブレッドボードでの配線
+
+
+
+
+サンプルコードの実行
+ブラウザー > Examples > GPIO Examples > GPIO-Blink > CSB (CodeSandbox)
+
+
+
+
+ここまでのまとめ
+
+CHIRIMEN for Raspberry Pi の起動
+LED を制御するサンプルコード (通称 LED チカチカ、L チカ) の実行
+
+
+
+
+
+GitHub アカウントの登録
+
+
+
+
+GitHub アカウントの登録
+入力したメールアドレスに登録用のメールが届くので確認します
+
+
+
+
+GitHub アカウントの登録
+次のような画面になれば OK
+
+
+
+
+
+
+
+
+いろいろなデバイスを触ってみよう
+自分の席に着き次第、自由に進めてもらって OK
+
+
+本日の流れ
+ハンズオン講習会
+
+10:00-10:10 はじめに
+11:30-12:00 片付け
+
+アイディアワークショップ
+
+13:00-13:30 インプットトーク
+13:30-16:00 各チームの作戦会議
+16:00-16:20 各チームの進捗共有
+16:30-17:00 ハッカソンの説明など
+
+
+
+ハッカソンのポイント
+
+ときめくような素敵なアイディア
+審査本番に作品が機能すること
+
+
+
+
+
+
+I2C で複数のデバイス扱う - 温湿度センサーと距離センサーの例
+
+
+
+遠隔制御
+ブラウザー > Examples > Remote Examples > REMOTE-I2C-SHT30 > CSB
+
+
+relay.subscribe("{ここは書き換えて使用してください}")
+
+
+
+借りたセンサーをすべて返却します
+Raspberry Pi の電源を切ります
+microSD カードは必ず抜き取り、CHIRIMEN スターターキットを片付けます
+クリアボックスを片付けます
+
+
+
+(詳しくは会場のスタッフが案内します)
+
+
+ NOTE: 昨日・今日と技術的な話を中心にやってきましたが、極端な話ハッカソンの本番は、技術的に優れているかどうかは一旦忘れてもらってOK、コピペでOK、人の真似でOK
+ですが限られた時間しかないので、これからの時間で、やりたいことを周りのスタッフに相談したり、Slackで相談してみてください