-
Notifications
You must be signed in to change notification settings - Fork 0
/
ide_install.html
150 lines (147 loc) · 8.54 KB
/
ide_install.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="ja">
<head>
<title>mruby/cIDEインストール - RBoardDocument</title>
<link rel="shortcut icon" href="./image/bug.ico">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-176702602-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-176702602-1');
</script>
<link rel="stylesheet" type="text/css" href="main.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link href="https://use.fontawesome.com/releases/v5.11.0/css/all.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script>
</head>
<body>
<div id="header"><h1> IDEインストール </h1></div>
<div id="main">
language：<a href="./ide_install_en.html">English</a>/<a href="./ide_install.html">日本語</a><br>
<h2 class="txt-border"> Windows10 </h2>
<ol>
<li><a href="https://www.s-itoc.jp/activity/research/mrubyc/mrubyc_download/">mruby/c IDE</a>をダウンロード後、解凍</li>
<li>mruby/c IDEの解凍したフォルダのmrubyc_ide.exeを起動</li>
<li>上部タブの「File -> Settings...」をクリック</li>
<a data-lightbox="ide" href="./image/ide1.png">
<img src="./image/ide1.png" class="expansion">
</a>
<li>「Build and Deploy -> Cmpiler」の「mrbc」項目に解凍したフォルダ内にある「mrbc.exe」のpathを指定</li>
<a data-lightbox="ide" href="./image/ide2.png">
<img src="./image/ide2.png" class="expansion">
</a>
<li>「Build and Deploy -> Writer」の「mrbwrite」項目に解凍したフォルダ内にある「mrbwrite.exe」のpathを指定</li>
<li>「Build and Deploy -> Writer」の「Options」項目に「-s 19200」と書き込み、「Apply」、「OK」をクリック</li>
<a data-lightbox="ide" href="./image/ide3.png">
<img src="./image/ide3.png" class="expansion">
</a>
</ol>
<h3 class="txt-border"> インストール動画 </h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/rL1jSJoQMNo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br><br><br>
<h2 class="txt-border"> MAC </h2>
<ol>
<li><a href="https://www.s-itoc.jp/activity/research/mrubyc/mrubyc_download/">mruby/c IDE</a>をダウンロード後、解凍</li>
<li>展開したディレクトリ内の「mrubyc_ide」をダブルクリックしてIDEを起動します。</li>
<small>その際に以下のメッセージが表示される場合があります。この場合は「キャンセル」をクリックして、メッセージを閉じます。</small><br>
<a data-lightbox="ide" href="./image/不明な提供元.png">
<img src="./image/不明な提供元.png" class="expansion">
</a><br>
<small>続けて「システム環境設定」を起動し「セキュリティとプライバシー」を開きます。</small><br>
<a data-lightbox="ide" href="./image/セキュリティとプライバシー.png">
<img src="./image/セキュリティとプライバシー.png" class="expansion">
</a><br>
<small>「このまま開く」をクリックします。</small><br>
<small>以下のメッセージが表示された場合は「開く」をクリックしてIDEを起動します。</small><br>
<a data-lightbox="ide" href="./image/開発元.png">
<img src="./image/開発元.png" class="expansion">
</a><br>
<li>メニューバーの「mrubyc_ide」＞「Preferences（環境設定）」をクリックします。</li>
<a data-lightbox="ide" href="./image/Preferences.png">
<img src="./image/Preferences.png" class="expansion">
</a>
<li>設定画面の左側「Build and Deploy」を選択して「Compiler」画面に切り替えます。Local Compilerにチェックを入れた状態で「mrbc」欄にIDEと同じディレクトリ内のmrbcファイルを指定します。</li>
<a data-lightbox="ide" href="./image/compiler.png">
<img src="./image/compiler.png" class="expansion">
</a><br>
指定した後に画面左下の「Apply」をクリックします。
<li>続いて、画面上部の「Writer」タブを選択して「Writer」画面に切り替えます。「mrbwrite」欄 IDEと同じディレクトリ内のmrbwriteファイルを指定します。「Options」欄 -s 19200 と入力します。</li>
<a data-lightbox="ide" href="./image/mrbwrite.png">
<img src="./image/mrbwrite.png" class="expansion">
</a><br>
指定した後に画面左下の「Apply」をクリックします。最後はOKをクリックします。<br>
<small>Port欄はRBoardを接続した状態で設定します。RBoardを接続して「Update」をクリックし、リスト内の「USB-I2C/UART」と記載のいずれかのポートを選択します。</small><br>
<a data-lightbox="ide" href="./image/port.png">
<img src="./image/port.png" class="expansion">
</a><br>
<small>指定した後に画面左下の「Apply」をクリックします。最後はOKをクリックします。</small>
</ol>
</div>
<div id="submenu">
<div id="submenu_header">もくじ</div>
<ul id="submenu_body">
<i class="fas fa-home"></i><a href="./index.html">HOME</a>
<li><details>
<summary>プログラム書き込み</summary>
<ul id="subuul">
<li><a href="./ide_install.html">mruby/c IDEインストール</a></li>
<li><a href="./write_program.html">PG書き込み</a></li>
</ul>
</details></li>
<li><details>
<summary>ファームウェアアップデート</summary>
<ul id="subuul">
<li><a href="./update.html">アップデート手順</a></li>
</ul>
</details></li>
<li><details>
<summary>ボード一覧</summary>
<ul id="subuul">
<li><a href="./board_list.html">ボード一覧</a></li>
</ul>
</details></li>
<li><details>
<summary>RBoardにおける各クラス</summary>
<ul id="subuul">
<li><a href="./class.html">各クラス</a></li>
<li><a href="./mrubyc_class.html">mruby/c IO 各クラス</a></li>
</ul>
</details></li>
<li><details>
<summary>サンプルプログラム</summary>
<ul id="subuul">
<li><a href="./adc.html">ADCサンプル</a></li>
<li><a href="./i2c.html">I2Cサンプル</a></li>
<li><a href="./pwm.html">PWMサンプル</a></li>
<li><a href="./uart.html">UARTサンプル</a></li>
<li><a href="./etc.html">その他サンプル</a></li>
</ul>
</details></li>
<li><details>
<summary>その他</summary>
<ul id="subuul">
<li><a href="./sensor_module.html">対応センサーモジュール</a></li>
<li><a href="./console.html">ターミナルソフトの設定</a></li>
</ul>
</details></li>
<li><details>
<summary>チュートリアル</summary>
<ol id="subuol">
<li><a href="./tutorial_mrubyc.html">mruby/cとは？</a></li>
<li><a href="./tutorial_led.html">LEDを制御する</a></li>
<li><a href="./tutorial_rgb_led.html">フルカラーLED</a></li>
<li><a href="./tutorial_reed_switch.html">ドア開閉センサ</a></li>
<li><a href="./tutorial_buzzer.html">圧電ブザー</a></li>
<li><a href="./tutorial_cds.html">光センサ</a></li>
<li><a href="./tutorial_temp.html">温度センサ</a></li>
</ol>
</details></li>
</ul>
<a href="https://www.rubyworld-conf.org/" target="_blank"><img src="rwc2020_banner_a02.png"></a>
</div>
</body>
</html>