https://chirimen.org/raspi/

1<!DOCTYPE html>
2
3
4
5<html lang="en-US">
6  <head>
7    
8    

8<script async src="/assets/js/main.js"></script>

8
9    <meta charset="UTF-8">
10
11<!-- Begin Jekyll SEO tag v2.9.0 -->
12<title>CHIRIMEN チュートリアル (Raspberry Pi 向け) | CHIRIMEN OPEN HARDWARE</title>
13<meta name="generator" content="Jekyll v4.4.1" />
14<meta property="og:title" content="CHIRIMEN チュートリアル (Raspberry Pi 向け)" />
15<meta property="og:locale" content="ja" />
16<meta name="description" content="対応ボード別ページ : Raspberry Pi / Pi Zero / micro:bit / TY51822r3 CHIRIMEN について / 対応デバイスリスト / 資料集 / 電子工作の基礎知識 / Slack に参加" />
17<meta name="twitter:description" property="og:description" content="対応ボード別ページ : Raspberry Pi / Pi Zero / micro:bit / TY51822r3 CHIRIMEN について / 対応デバイスリスト / 資料集 / 電子工作の基礎知識 / Slack に参加" />
18<meta property="og:site_name" content="CHIRIMEN OPEN HARDWARE" />
19<meta property="og:type" content="website" />
20<meta name="twitter:card" content="summary" />
21<meta name="twitter:title" content="CHIRIMEN チュートリアル (Raspberry Pi 向け)" />

22<script type="application/ld+json">
23{"@context":"https://schema.org","@type":"WebPage","description":"対応ボード別ページ : Raspberry Pi / Pi Zero / micro:bit / TY51822r3 CHIRIMEN について / 対応デバイスリスト / 資料集 / 電子工作の基礎知識 / Slack に参加","headline":"CHIRIMEN チュートリアル (Raspberry Pi 向け)","url":"/raspi/"}</script>

23
24<!-- End Jekyll SEO tag -->
25
26    <meta name="viewport" content="width=device-width, initial-scale=1">
27    <meta name="theme-color" content="#157878">
28    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
29    <link rel="stylesheet" href="/assets/css/style.css">
30  </head>
31  <body>
32    <!-- <a id="skip-to-content" href="#content">Skip to the content.</a> -->
33
34    <header class="page-header" role="banner">
35      <h1 class="project-name"><a href="/" style="color: white">CHIRIMEN OPEN HARDWARE</a></h1>
36      <h2 class="project-tagline"><!-- ブラウザからハードを制御する CHIRIMEN のコミュニティサイトです<br> --> 対応ボード別ページ : <a href="/raspi/" style="color: white">Raspberry Pi</a> / <a href="/pizero/" style="color: white">Pi Zero</a> / <a href="/microbit/" style="color: white">micro:bit</a> / <a href="/ty51822r3/" style="color: white">TY51822r3</a><br> <a href="/about" style="color: white">CHIRIMEN について</a> / <a href="/partslist" style="color: white">対応デバイスリスト</a> / <a href="/reference" style="color: white">資料集</a> / <a href="/electronics/" style="color: white">電子工作の基礎知識</a> / <a href="https://join.slack.com/t/chirimen-oh/shared_invite/zt-3dvgmnu1x-LxCW09XdSXYGoLVKfnXZww" style="color: white">Slack に参加</a></h2>
37    </header>
38
39    <main id="content" class="main-content" role="main">
40      <h2 id="chirimen-チュートリアル-raspberry-pi-向け">CHIRIMEN チュートリアル (Raspberry Pi 向け)</h2>
41
42<p>CHIRIMEN を <a href="https://www.raspberrypi.org/">Raspberry Pi</a> で動かして IoT システムのプロトタイピングやスキル習得するためのチュートリアル資料です。</p>
43
44<p>本ページでは Raspberry Pi のうちメインの Model B/B+ 系列やキーボード一体型向けの 400 などを対象としています。Raspberry Pi Zero については <a href="/pizero/">Pi Zero 専用のページ</a> をご覧ください。また、JavaScript プログラミング未経験者は、ページ下部で紹介している資料・サイトも参照しつつご覧ください。</p>
45
46<h2 id="hello-real-world">Hello Real World</h2>
47
48<p>短時間でさっと CHIRIMEN を体験するときにはこちらをご覧ください。</p>
49
50<ul>
51  <li><a href="hellorealworld.md">Hello Real World</a></li>
52  <li><a href="hellorealworld.pdf">Hello Real World 印刷用 PDF</a></li>
53</ul>
54
55<p>LED と温度センサーを使ってみる最小限のお試しページです。より詳しくは以下のチュートリアルをご覧ください。</p>
56
57<h2 id="基礎編">基礎編</h2>
58
59<p>まずはシンプルな GPIO 入出力や I2C センサーの操作方法を学びましょう。</p>
60
61<ul>
62  <li><a href="section0.md">0. L チカしてみよう (初めての GPIO)</a>
63    <ul>
64      <li>WebGPIO API を使って定期的に LED を点滅するサンプルを動かしてみます。</li>
65    </ul>
66  </li>
67  <li><a href="section1.md">1. GPIO の使い方</a>
68    <ul>
69      <li>マウスクリックで操作するブラウザ画面のボタンと物理スイッチ (タクトスイッチ) の両方で LED やモーターを制御するサンプルを通じて GPIO の基本を学びます。</li>
70      <li>オンラインエディター JSFiddle を使う場合、<a href="https://webiot-2019--tutorial-chirimen-org.netlify.app/raspi/section1">JSFiddle 版のページ</a>を参照してください。</li>
71    </ul>
72  </li>
73  <li><a href="section2.md">2. センサーを使ってみよう (初めての I2C)</a>
74    <ul>
75      <li>温度センサーの値をドライバーを使って取り扱う方法を学びます。</li>
76      <li>温度センサーの型番が ADT7410 の場合、 <a href="https://webiot-2019--tutorial-chirimen-org.netlify.app/raspi/section2">ADT7410 版のページ</a>を参照してください。</li>
77    </ul>
78  </li>
79</ul>
80
81<h2 id="応用編">応用編</h2>
82
83<p>いろいろな I2C デバイスを繋いだり組み合わせたりすることで IoT プロトタイピングを体験しましょう。</p>
84
85<ul>
86  <li><a href="section3.md">3. I2C の使い方</a>
87    <ul>
88      <li>いろいろな I2C デバイスを接続したり、複数の I2C デバイスの同時操作について学びます。</li>
89      <li><a href="grove.md">Grove 編</a>では、Grove を利用した I2C デバイスの同時操作について学べます。</li>
90    </ul>
91  </li>
92  <li><a href="section4.md">4. GPIO/I2C のまとめ</a>
93    <ul>
94      <li>これまでの総括として GPIO と I2C の両方を組み合わせて動かしてみます。</li>
95    </ul>
96  </li>
97</ul>
98
99<p>ここまでできたら <a href="https://r.chirimen.org/examples">Example 集</a> を見ていろいろなデバイスを試したり自分で好きなものを作ってみましょう。</p>
100
101<h2 id="発展編">発展編</h2>
102
103<p>ここまでの例では飽き足らない人のための発展的な使い方を紹介します。興味のあるものがあればお試しください。
104<strong>注意: 学校や講習会などで参加者全員で学習する場合は応用編までで十分です。</strong></p>
105
106<ul>
107  <li>
108    <ol>
109      <li>Web Bluetooth を使って他のデバイスと無線通信する
110        <ul>
111          <li><a href="https://chirimen.org/chirimen-micro-bit/">CHIRIMEN with micro:bit</a>
112            <ul>
113              <li>micro:bit には CHIRIMEN サポートプログラムを書き込み、RasPi の Chromium から Web Bluetooth を使って通信します</li>
114              <li>micro:bit 内蔵デバイス: 加速度・磁気・温度センサー、タクトスイッチ、5x5 マトリクス LED</li>
115              <li>GPIO, I2C 外部デバイス: CHIRIMEN RasPi と同様に micro:bit に接続したデバイスを操作できます。</li>
116            </ul>
117          </li>
118          <li><a href="section5.md">PLAYBULB (LED 電球) を使う</a>
119            <ul>
120              <li>CHIRIMEN for Raspberry Pi 環境で Web Bluetooth API を使ってデバイス制御するサンプルです。</li>
121              <li>

121Web I2C API や Web Audio API と組み合わせて PLAYBULB (Bluetooth 接続の LED 電球) を制御します。</li>
122            </ul>
123          </li>
124        </ul>
125      </li>
126    </ol>
127  </li>
128  <li>
129    <ol>
130      <li>Arduino と連携する
131        <ul>
132          <li><a href="section6.md">ステッピングモーターの制御</a>
133            <ul>
134              <li>CHIRIMEN for Raspberry Pi と Arduino を組み合わせてステップピングモーターを制御します。I2C 接続した Arduino を利用することで μ 秒単位でモータードライバの制御を行います。</li>
135            </ul>
136          </li>
137        </ul>
138      </li>
139    </ol>
140  </li>
141  <li><a href="nodejs.md">WebGPIO API や WebI2C API を Node.js から使う</a></li>
142</ul>
143
144<h2 id="対応デバイスと-example-集">対応デバイスと Example 集</h2>
145
146<p>CHIRIMEN for Raspberry Pi 対応デバイスのドライバ・回路図・サンプルコードをセットにした Example 集を用意しています。</p>
147
148<p><a href="../partslist.md">対応デバイスのリスト</a> : 下記サンプルへのリンク付き</p>
149
150<ul>
151  <li><a href="https://r.chirimen.org/examples#gpioExamples">Basic GPIO Example</a></li>
152  <li><a href="https://r.chirimen.org/examples#i2cExamples">Basic I2C Example</a></li>
153  <li><a href="https://r.chirimen.org/examples#advanced">Advanced Example</a></li>
154  <li><a href="https://chirimen.org/chirimen/gc/top/examples/#remote">Remote (IoT) Example</a></li>
155</ul>
156
157<p>それぞれ回路図を確認して配線した上で「デモ」を開いて実行したり、「CSB」からエディタを開いて書き換えながら試してください。I2C デバイスは同じ型番でも I2C アドレスが異なる場合があります。動かない場合は i2c detect でアドレスを確認してみてください。元のソースコードは <a href="https://github.com/chirimen-oh/chirimen/tree/master/gc">こちら</a> に収録されています。</p>
158
159<h2 id="予備知識">予備知識</h2>
160
161<p>CHIRIMEN for Raspberry Pi を利用するに際して、知っておくと良い予備知識やツールの使い方が学べるドキュメントです。</p>
162
163<ul>
164  <li><a href="https://github.com/webiotmakers/github-handson">GitHub ハンズオン</a>
165    <ul>
166      <li>GitHub の基本的な使い方の分かるハンズオン資料です。</li>
167    </ul>
168  </li>
169  <li><a href="https://csb-jp.github.io/">CodeSandbox ガイド</a>
170    <ul>
171      <li>ブラウザ上で開発する CodeSandbox の使い方を確認しましょう。</li>
172    </ul>
173  </li>
174  <li><a href="/js/">JavaScript 初学者向け資料集</a>
175    <ul>
176      <li>JavaScript 1 Day 講習資料、JavaScript 本格入門書、チートシートなどはこちら</li>
177    </ul>
178  </li>
179</ul>
180
181<p>その他、電子工作など一般的な知識は <a href="../reference.md">予備知識・資料集</a> を参照してください。</p>
182
183<h2 id="appendix-tips-faq-links-etc">Appendix, Tips, FAQ, Links etc…</h2>
184
185<p>良くある質問、よく使うテクニック、困ったときのデバッグとトラブルシューティングや教える側が知っておくべきことなどをまとめています。</p>
186
187<ul>
188  <li><a href="faq.md">良くある質問</a></li>
189  <li><a href="tips.md">Tips・テクニック集</a></li>
190  <li><a href="debug.md">デバッグ・トラブルシューティング</a></li>
191  <li><a href="teacher.md">講師向けページ</a></li>
192</ul>
193
194<h2 id="以前のチュートリアル">以前のチュートリアル</h2>
195
196<p>本チュートリアルは日々更新していますが、使用機材や手順を大きく変更することもあります。お手持ちの機材が古い場合や、以前学習したときのものを参照したい場合、アーカイブサイトをご覧ください。</p>
197
198<ul>
199  <li><a href="https://webiot-2019--chirimen-org.netlify.app/raspi/">2019 年度のスターターキットを利用するチュートリアル</a>
200    <ul>
201      <li><a href="https://webiotmakers.github.io/2019/">Web x IoT Makers Challenge 2019-20</a> で採用されていたバージョンです。</li>
202    </ul>
203  </li>
204  <li><a href="https://webiot-2018--chirimen-org.netlify.app/raspi3/ja/">2018 年度のスターターキットを利用するチュートリアル</a>
205    <ul>
206      <li>DC Fan を含む、初期スターターキットを使うチュートリアルです。</li>
207      <li><a href="https://webiotmakers.github.io/2018/">Web x IoT Makers Challenge 2018-19</a> で採用されていたバージョンです。</li>
208    </ul>
209  </li>
210  <li><a href="deprecated.md">オリジナルチュートリアル (Qiita 版)</a>
211    <ul>
212      <li>本チュートリアルサイトの元となる、CHIRIMEN コミュニティメンバーが当初 Qiita などで執筆していた記事のリンク集です。</li>
213    </ul>
214  </li>
215</ul>
216
217
218      <footer class="site-footer">

219        <span>
220          <a href="/code-of-conduct">行動規範</a>
221          | <a href="/feedback">ご指摘・ご提案</a>
222          | <a href="https://join.slack.com/t/chirimen-oh/shared_invite/zt-3dvgmnu1x-LxCW09XdSXYGoLVKfnXZww">Slack に参加</a>
223          | <a href="https://www.facebook.com/groups/chirimen/">Facebook</a>
224          | <a href="https://x.com/chirimen_oh">X (旧 Twitter)</a>
225        </span>
226        <span class="site-footer-owner">
227          GitHub: <a href="https://github.com/chirimen-oh">chirimen-oh</a>/<a href="https://github.com/chirimen-oh/chirimen.org">chirimen.org</a>
228          | <a href="https://github.com/chirimen-oh/chirimen.org/edit/master/raspi/readme.md">このページを編集</a>
229        </span>
230      </footer>
231    </main>
232  <!-- Cloudflare Pages Analytics -->

232<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "

232da87f2df441d4c27bbb9aada73a6cfc8

232"}'></script>

232<!-- Cloudflare Pages Analytics --></body>
233</html>