<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>M5stack on よ〜んの雑記</title><link>https://mu7889yoon.github.io/tags/m5stack/</link><description>Recent content in M5stack on よ〜んの雑記</description><generator>Hugo</generator><language>ja-jp</language><lastBuildDate>Thu, 10 Sep 2026 23:33:49 +0900</lastBuildDate><atom:link href="https://mu7889yoon.github.io/tags/m5stack/index.xml" rel="self" type="application/rss+xml"/><item><title>Cardputer-ADVが来たので、MicroPythonでHello Worldしてみる</title><link>https://mu7889yoon.github.io/posts/cardputer-hello-world/</link><pubDate>Thu, 10 Sep 2026 23:33:49 +0900</pubDate><guid>https://mu7889yoon.github.io/posts/cardputer-hello-world/</guid><description>&lt;p&gt;よ〜んです。&lt;/p&gt;
&lt;p&gt;Cardputer-ADVをいただきました。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://mu7889yoon.github.io/images/01a0941a-4628-78a6-9e66-540c2e7cde11.jpg" alt=""&gt;&lt;/p&gt;
&lt;p&gt;キーボード付きで、ディスプレイやmicroSD、赤外線なども付いている小さなデバイスです。こういうガジェットはいつの世もワクワクさせてくれますね。&lt;/p&gt;
&lt;h2 id="cardputer-adv-とは"&gt;Cardputer-Adv とは&lt;a class="headline-hash" href="#cardputer-adv-%e3%81%a8%e3%81%af" aria-label="「Cardputer-Adv とは」見出しへのリンク"&gt;#&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;M5Stack のCardputerの改良版らしいです。&lt;/p&gt;
&lt;p&gt;名刺サイズの筐体に ESP32-S3、キーボード、液晶、Wi-Fi/BLE、バッテリーなどを詰め込んだ小型コンピュータです。&lt;/p&gt;
&lt;p&gt;いろいろな機能がまとまっていて、最初から色々試せるようになっています。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://mu7889yoon.github.io/images/01a0941a-55c8-7791-840a-bd4c48e3fd6b.jpg" alt=""&gt;&lt;/p&gt;
&lt;h2 id="uiflow2-に変更する"&gt;UIFlow2 に変更する&lt;a class="headline-hash" href="#uiflow2-%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b" aria-label="「UIFlow2 に変更する」見出しへのリンク"&gt;#&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;今回はMicroPythonを使ってプログラムを書くため、UIFlow2のランチャーに変更しました。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://mu7889yoon.github.io/images/01a0941a-2300-7b5b-b8b6-3ad07a487dfb.jpg" alt=""&gt;&lt;/p&gt;
&lt;h2 id="hello-world"&gt;Hello World&lt;a class="headline-hash" href="#hello-world" aria-label="「Hello World」見出しへのリンク"&gt;#&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;ということで、Hello Worldするコードです。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#f92672"&gt;import&lt;/span&gt; M5
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;BLACK &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#ae81ff"&gt;0x000000&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;WHITE &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#ae81ff"&gt;0xFFFFFF&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;MESSAGE &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#e6db74"&gt;&amp;#34;helloworld&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;lcd &lt;span style="color:#f92672"&gt;=&lt;/span&gt; M5&lt;span style="color:#f92672"&gt;.&lt;/span&gt;Lcd
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;lcd&lt;span style="color:#f92672"&gt;.&lt;/span&gt;fillScreen(BLACK)
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;lcd&lt;span style="color:#f92672"&gt;.&lt;/span&gt;setTextSize(&lt;span style="color:#ae81ff"&gt;3&lt;/span&gt;)
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;lcd&lt;span style="color:#f92672"&gt;.&lt;/span&gt;setTextColor(WHITE, BLACK)
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;x &lt;span style="color:#f92672"&gt;=&lt;/span&gt; (lcd&lt;span style="color:#f92672"&gt;.&lt;/span&gt;width() &lt;span style="color:#f92672"&gt;-&lt;/span&gt; lcd&lt;span style="color:#f92672"&gt;.&lt;/span&gt;textWidth(MESSAGE)) &lt;span style="color:#f92672"&gt;//&lt;/span&gt; &lt;span style="color:#ae81ff"&gt;2&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;y &lt;span style="color:#f92672"&gt;=&lt;/span&gt; (lcd&lt;span style="color:#f92672"&gt;.&lt;/span&gt;height() &lt;span style="color:#f92672"&gt;-&lt;/span&gt; &lt;span style="color:#ae81ff"&gt;24&lt;/span&gt;) &lt;span style="color:#f92672"&gt;//&lt;/span&gt; &lt;span style="color:#ae81ff"&gt;2&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;lcd&lt;span style="color:#f92672"&gt;.&lt;/span&gt;drawString(MESSAGE, x, y)
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Cardputerの画面は、ターミナルのように文字を自動で並べて表示するものではなく、LCDに対して文字や図形を描画していく形になっています。&lt;/p&gt;
&lt;p&gt;今回は helloworld を画面中央に表示したかったため、文字サイズを指定したうえで、画面サイズと文字列の幅から描画位置を計算しています。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://mu7889yoon.github.io/images/01a0941a-3688-7558-927f-d469c910f5b2.jpg" alt=""&gt;&lt;/p&gt;
&lt;h2 id="まとめ"&gt;まとめ&lt;a class="headline-hash" href="#%e3%81%be%e3%81%a8%e3%82%81" aria-label="「まとめ」見出しへのリンク"&gt;#&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;M5Stack Cardputer-Advを触ってみました！&lt;/p&gt;
&lt;p&gt;これから、このデバイスでいろいろ遊んでいきます。ただ、まだまだアイデア不足なんですよね…。
「Cardputerでこれを作ってみてほしい」みたいなアイデアがあれば、ぜひXなどでつぶやいてください。&lt;/p&gt;
&lt;p&gt;ではでは〜&lt;/p&gt;</description></item></channel></rss>