編集履歴一覧に戻る
airpocketのアイコン画像

airpocket が 2023年06月21日14時04分50秒 に編集

コメント無し

メイン画像の変更

メイン画像が設定されました

本文の変更

# はじめに 積んでたM5Stack Atom S3を使ってみたいと思い、やることリストに積んでた「Platform IOと使った開発」と「M5Unifiedで開発」というテーマも併せて崩してみました。 とりあえずHello Worldできるところまでの覚書です。 基本的な情報は公式日本語ドキュメントを参考にしています。 https://docs.m5stack.com/ja/quick_start/m5unified/intro_vscode PlatformIOはVSCodeでマイコン用のプログラム開発ができるプラグインです。Arduino IDEでも同じことができますが、VSCodeの各種機能を利用できるため便利らしいです。 私は数年前にインストールだけしてたのですが、当時は多少の使い勝手の悪さがありVSCodeの使い方にも不慣れだったため遠ざかっていました。最近はずいぶん良くなっていると聞いたので再トライします。 M5Unifiedは各種M5Stackシリーズに対して、共通したコードが書けるライブラリです。書き方にコツはあるらしいですが便利そうなので一度試してみます。 この記事では画面にHello Worldを表示するところまでの予定ですが、最終的には以前M5StickCで作った高速加速度センシングによる振動センサをAtomS3とStickC共通コードに移植したいと考えています。 # Platform IOのインストールとバージョンアップ VSCodeのインストールについては説明されているサイトがたくさんあるのでPlatform IOプラグインのインストールから始めます。 ![キャプションを入力できます](https://camo.elchika.com/2b36c5d966a4b42dae911e08e9442d59bdf965c1/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f32373766643034642d633232632d343461382d613065302d326338616239373066663566/) VSCodeを起動して、画面左の□が4つ重なったアイコンをクリックすると、拡張機能のマーケットプレースが開きます。検索窓に「platform」と入力するとPratformIO IDEが見つかるので「インストール」をクリックするとインストールできます。 ![キャプションを入力できます](https://camo.elchika.com/7580b800e1395070031765c9e57c466cfe24aa02/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f34336234626438382d633935612d346536312d626530332d643566323661383337653734/) インストールが完了するとウィンドウ左にPlatformIOのアイコンが追加されます。 新たにインストールした場合はこれで使用可能だと思いますが、私は過去にインストールしていたため、使用するボード情報が古くAtomS3が使えませんでした。そのような場合にはボード情報等をアップデートします。 ![キャプションを入力できます](https://camo.elchika.com/2e4695649cc1cfdc202fc22611b4f17923ccaad9/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f36353633313035662d396335372d346164372d383061622d393837306139333666366234/) 画面左のPlatformIOのアイコンをクリックし、「QUICK ACCESS」の「Platforms」の「Updates」からアップデートできます。 画像はアップデート後に撮影したのでアップデート対象が無い状態です。 # 新規プロジェクトの作成 新規プロジェクトを開始するには、「projects」アイコンをクリックして 「+ /create New Project」を選択「Name」に任意のプロジェクト名を入力、「Board」では「M5Stack AtomS3」を選択、「Framework」には「Arduino」を選択して「Finish」します。 ![キャプションを入力できます](https://camo.elchika.com/27d15d1953acb01fa9dbe791167d7c107953108c/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f34623033313561332d643961612d343138322d393931632d383831363038396464363664/) このフォルダー内のファイルの作成者を信頼ますかとたずねられたらはいをクリック。 ![キャプションを入力できます](https://camo.elchika.com/1cf531ddaaff1533a128fcc5b11fd4becbf351f3/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f63336463373062322d333432622d343631622d396335302d363637346637633538366433/) # M5Unifiedのライブラリをインストール M5Unifiedのライブラリをインストールするには、「Libraries」アイコンをクリックし、検索窓で「M5Unified」を検索、ヒットした「M5Unified」をクリックします。 ![キャプションを入力できます](https://camo.elchika.com/9302b467b6dc62693aefdd084aa0a89695f1d60f/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f39343435303235312d383239312d343234612d613937612d623762366332393735396163/) 「Add to Project」をクリックすると、どのプロジェクトにライブラリを追加するかを尋ねられます。 ![キャプションを入力できます](https://camo.elchika.com/89834452c43f1b0d96b2ebd49f9fa5f2854da926/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f38356262636336642d333733312d346237352d386338352d373535396136356638613564/) 「Select a project」から、先ほど作成したプロジェクトを選んで ![キャプションを入力できます](https://camo.elchika.com/d92087c359d9f696e42f85b202c1d156ccbc306b/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f35396662656537312d323365662d343233632d393134622d643237336264633939326439/) 「Add」をクリックするとライブラリの導入が始まります。少し時間がかかるので待ちましょう。 ![キャプションを入力できます](https://camo.elchika.com/d9562f55f6aa12fb93a5af8e6bcd2cc50cb7362b/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f38356539343939372d373364312d343436662d386536392d656437336633626561626533/) 以上でライブラリのインストールは完了です。 # デモコードを動かしてみる。 M5Unifiedを選択した画面の「Examples」tabでサンプルコードが確認できます。 ドロップダウンメニューでサンプルコードを選ぶことが出来ますので、ここでは「Displays」のサンプルコード表示させてコピーします。 ![キャプションを入力できます](https://camo.elchika.com/07156c9668138c763b8225ff4cc9b7f41fc12398/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f36663531333935342d336135632d346462612d616338382d363530613166386439323532/) コードを全選択してコピーしたら、先ほどのプロジェクトを開いてmain.cppに貼りつけます。 コードは、エクスプローラを使って、プロジェクト名のフォルダ内の「src」の中の「main.cpp」に貼りつけてください。 ![キャプションを入力できます](https://camo.elchika.com/f043b1495070b0222f6943b989ffa0793ccf32d6/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f36653562666336642d616333632d346564642d393738312d646434313135626332383661/) 出来たら、ウィンドウ最下部の「→」アイコンをクリックするとコンパイルと書き込みをしてくれます。実行されると、認識されたディスプレイの表示が出た後に、グラフィック描画デモが始まります。 ![テキスト表示](https://camo.elchika.com/dc55b7ba2c7e5a973e5a5465326620e1c68d78ae/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f66616535303533612d363230302d343532622d626265392d623836363966653330363065/) ![グラフィック表示](https://camo.elchika.com/583818f901ecba0c6252e5442ffc7d7b059de70f/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f38336261343133612d323238392d346134392d613765302d366663633363333165376435/) # hello worldする デモコードが動いたので相乗りしてhello worldもします。 デモコードの172行目に、テキスト表示のコマンドが使われていますので、下の通り173行目にhello world の表示を追加します。 コンパイルして書き込むと、hello worldできました。 ![キャプションを入力できます](https://camo.elchika.com/28cff96e40204a1772b6e86b6bded3024f255612/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f31646339333734352d356264392d346338352d623161332d633138663437333433396436/) ![hello world](https://camo.elchika.com/adcaf39f34bff1ff0dd7503f7661f4a1a7bc2c59/687474703a2f2f73746f726167652e676f6f676c65617069732e636f6d2f656c6368696b612f76312f757365722f38666662353561372d373433312d346234382d383832642d3565323665663534343465652f63666162323531342d616332302d343633312d613139392d653261643534373666333664/) # まとめ 以前にPlatformIOを使用したときには面倒な設定などがあって放り出した記憶があるのですが、今回はとくに詰まるところもなく導入まですすめました。

-

次は