# PlatformIO IDEでLチカ

**【古い-転載記事】**

# 概要

##### 概要

##### PlatformIO IDEでLチカ

  
『Visual Studio Code + PlatformIO IDEでのArduino開発環境構築とLチカ実行』  
   
Arduinoで開発するときはいつも純正の開発環境であるArduinoアプリを使用しています。今後も使用することになると思います。しかし、コードの作成とかデバッグ環境とかは何世代も前の感じです。まぁ、ターゲットがXocdeとかの本格的なIDEとは異なるのですが、お手軽に開発するにはとってもシンプルで使い易いものです。でも、Xcodeとか使っているとせめて最低限のコード補完とかブレイクポインタとかでいいから実装してよ! と思ったりしています。  
   
そこで今回はArduino純正IDEよりは少し細かい所に届く新しいArduino開発環境を導入したいと思います。  
   
この記事は、巷で噂の「Visual Studio Code + PlatformIO IDE」、マイクロソフトのVSCode(Visual Studio Code)と呼ばれるマルチプラットフォームのソースコードエディタにArduino対応のPlatformIOと呼ばれる拡張機能をインストールしLチカまでの簡単な開発手順です。  
   
私はVisual Studio CodeもPlatformIO IDEも初めてなので、とりあえず開発環境の構築方法をメモ代わりに記事にしたいと思います。  
   
補足: Arduino純正IDEをよく思っていない方もいますが、Arduino純正は超簡単にアプリを作ってボードにインストールし実行できます。素晴らしい! PlatformIOとかXcodeのようにインスールとか学習に時間を有しません。ボードが有れば10分程度でLチカが出来ます。最初にLチカを行いたいならArduino純正で開発し複雑な開発とか既存のソフトのIDEに使い慣れているならPlatformIOを使うといい私は思います。  
   
作成日時 2020-06-14 13:59 更新日時 2020-06-14 14:44

---

macOSでの開発環境のインストールからLチカまでの手順です。  
Arduino UNO R3を必要とします。

1. 動作環境
2. インストール
3. Lチカ
4. デバッガ
5. 日本語化
6. オマケ

# 【1.動作環境】

この記事の動作環境です。

- macOS Catalina (この記事の段階でVersion 10.15.5)
- MacPro (Late 2013)  
    3 GHz 8コアIntel Xeon E5  
    64 GB 1866 MHz DDR3  
    AMD FirePro D700 6 GB
- Seeeduino V4.2  
    SeeeedのArduino UNO R3互換ボード

# 【2.インストール】

VSCode(Visual Studio Code)とPlatformIO IDEのインストール方法です。  
   
Visual Studio Code  
次のサイトからVisual Studio Codeをダウンロード  
[https://azure.microsoft.com/ja-jp/products/visual-studio-code/](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)

アプリをダウンロード

[![image.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/bceimage.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/bceimage.png)

開発環境はMacOSなのでMacを選択

[![image-1.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/Tpcimage-1.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/Tpcimage-1.png)

圧縮されているので解凍しアプリケーションフォルダに入れます。

[![image-2.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/lmBimage-2.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/lmBimage-2.png)

-&gt; 解凍

[![image-3.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/bCiimage-3.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/bCiimage-3.png)

ちなみに記事を作成時のVersionは次の通りです。

 1.46.0  
 2020年06月03日作成

[![1592111588.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592111588.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592111588.png)

アプリをアプリケーションフォルダに入れてダブルクリックし起動。

[![1592111636.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592111636.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592111636.png)

起動時の画面

[![image-4.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/Huximage-4.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/Huximage-4.png)

PlatformIO IDE  
次にArduinoの開発環境の為にPlatformIOをインスールします。  
VSCodeの拡張機能なので左の拡張機能から探してインストールします。

[![image-5.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/W5Limage-5.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/W5Limage-5.png)

「PlatformIO」を検索し「Install」します。

[![image-6.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/970image-6.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/970image-6.png)

インスールが完了するとPIO Home画面が表示されます。

PIO (<span style="color: rgb(224, 62, 45);">**P**</span>latform<span style="color: rgb(224, 62, 45);">**IO**</span>)

また、左のサイドバー? にPIO Homeアイコンが追加されます。

[![image-7.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/78Bimage-7.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/78Bimage-7.png)

インストールが完了すると2つの拡張機能が表示されます。

「C/C++」と「PlatformIO」です。

PlatformIOはC/C++を必要する(依存関係)ので、自動的にインストールされます。

[![1592111844.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592111844.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592111844.png)

<span style="color: rgb(224, 62, 45);">**【アプリを再起動します。】**</span>

# 【3.Lチカ】

動作チェックのLチカです。

動作確認の為に、今回はSeeeedのArduino UNO R3互換ボードであるSeeeduino V4.2を接続してLチカを行います。日本だとスイッチサイエンスさんから購入できます。&gt; スイッチサイエンス Seeeduino V4.2  
[https://www.switch-science.com/catalog/2651/?gclid=EAIaIQobChMIgpXLopX\_6QIViqmWCh1Nqw80EAAYASAAEgIvcPD\_BwE](https://www.switch-science.com/catalog/2651/?gclid=EAIaIQobChMIgpXLopX_6QIViqmWCh1Nqw80EAAYASAAEgIvcPD_BwE "https://www.switch-science.com/catalog/2651/?gclid=EAIaIQobChMIgpXLopX_6QIViqmWCh1Nqw80EAAYASAAEgIvcPD_BwE")

Lチカ・アプリの作成

新しいプロジェクトの作成

[![image-8.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/Xg7image-8.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/Xg7image-8.png)

\+ New Project

[![image-9.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/UQwimage-9.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/UQwimage-9.png)

Project Wizardの入力項目3を行い「Finish」ボタンをクリックします。

Name: プロジェクト名 Lchika  
Bard: 今回は「Arduino Uno」を選択 (800を超えるボードが登録済みですが検索出来るので「UNO」と入力して絞り込み選択します。  
Framework: Bardを選択した時点で自動的に入るようです。

最後に「Finish」ボタンをクリックします。

[![image-10.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/image-10.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/image-10.png)

ファイルブラウザ?の「EXPORER」が開き「Lchika」プロジェクトが表示されます。

<span style="color: rgb(224, 62, 45);">**補足**</span>: 記事ではプロジェクトがすんなり表示されていますが、実際にはアプリを再起動しないとうまくいかないことが有り迷いました。どうも、拡張機能を入れた後の挙動が不安定でアプリを再起動しないとPlatformIOを認識され無かったりするようです。

[![image-11.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/image-11.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/image-11.png)

チカのコードを入力します。

Arduinoの作法とは異なり「main.cpp」にコードを書きます。

[![1592112122.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592112122.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592112122.png)

[![image-12.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/wGeimage-12.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/wGeimage-12.png)

とりあえず動作テストの為に

PlatformIOのページからLチカのコードをコピー&amp;ペーストします。

Docs » Cloud &amp; Desktop IDE » VSCode  
[https://docs.platformio.org/en/latest/integration/ide/vscode.html#ide-vscode](https://docs.platformio.org/en/latest/integration/ide/vscode.html#ide-vscode)

[![image-13.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/image-13.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/image-13.png)

```c++
/**
 * Blink
 *
 * Turns on an LED on for one second,
 * then off for one second, repeatedly.
 */
#include "Arduino.h"
 
// Set LED_BUILTIN if it is not defined by Arduino framework
// #define LED_BUILTIN 13
 
void setup()
{
  // initialize LED digital pin as an output.
  pinMode(LED_BUILTIN, OUTPUT);
}
 
void loop()
{
  // turn the LED on (HIGH is the voltage level)
  digitalWrite(LED_BUILTIN, HIGH);
 
  // wait for a second
  delay(1000);
 
  // turn the LED off by making the voltage LOW
  digitalWrite(LED_BUILTIN, LOW);
 
   // wait for a second
  delay(1000);
}
```

コードの実行  
左下のICONからビルドしてボードにアップロードします。

ビルド (ショートカットキーは Control + option + B)

[![1592112251.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592112251.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592112251.png)

TERMINAL枠内にビルド情報が表示されます。

[![image-14.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/image-14.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/image-14.png)

ボードへアップロード (ショートカットキーは Control + option + U)

<span style="color: rgb(224, 62, 45);">**注意**</span>: ボードはmacと接続されていますか? (^^;

[![1592112330.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592112330.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592112330.png)

TERMINAL枠内にアップロード情報が表示されます。  
補足: Arduino純正アプリとは異なりアップロード時に再Buildは実行されません。

[![image-15.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/image-15.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/image-15.png)

これで無事Lチカが実行されました。

# 【3.デバッガ】

PlatformIOを使用するきっかけになった原因?とも言うべき機能を試します。

この機能を利用するには「PlatformIO」の<span style="color: rgb(224, 62, 45);">**ユーザー登録が必要**</span>です。  
ユーザー登録が完了したらPlatformIOからログインします。

[![image.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/vZGimage.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/vZGimage.png)

UsernameかemailとPasswordを入力してログイン。

[![image-1.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/qKMimage-1.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/qKMimage-1.png)

ログイン画面

[![image-2.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/mhnimage-2.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/mhnimage-2.png)

とりあえず。<span style="color: rgb(224, 62, 45);">**アプリを再起動**</span>。

ブレイクポイントを設定。

[![image-3.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/l0Jimage-3.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/l0Jimage-3.png)

デバッグの実行

「PIO Debug」を選択し「RUN」します。

[![1592112548.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592112548.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592112548.png)

デバッグ用のビルドが実行されボードが再起動されます。

[![image-4.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/ZaKimage-4.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/ZaKimage-4.png)

最初に「init()」で停止しますが、継続します。

[![image-5.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/3n7image-5.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/3n7image-5.png)

継続。

[![1592112603.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592112603.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592112603.png)

指定したブレイクポイントで停止しました。

[![image-6.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/pa9image-6.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/pa9image-6.png)

機能的な事は未だこれから勉強しますがとりあえず新しいArduino環境で開発が出来るようになりました。

# 【4.日本語化】

Japanese Language Pack for VS Code をインストールすることで、VSCode(Visual Studio Code)のメニューなどを日本語化出来ます。

日本語Packをインストール

拡張機能の検索キーワードに「Japanese」を入力し「Japanese Language Pack for VS Code」を発見しインストールします。

[![image-7.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/fKZimage-7.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/fKZimage-7.png)

<span style="color: rgb(224, 62, 45);">**アプリを再起動します。**</span>

日本語化されています。  
VSCode(Visual Studio Code)の日本語化なのでPlatformIO固有の部分は日本語化は実施されません。

[![image-8.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/ch1image-8.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/ch1image-8.png)

また、画面キャプチャーのデバッグコンソールは日本語化されていますが、TERMINALとかOUTPUTは英語のままで、アプリを再起動しても変わりません。が、「TERMINAL」をクリックすると日本語化されます。

[![1592112790.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/1592112790.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/1592112790.png)

ローカライズのタイミングが不明です。こんな感じでたまに変な動きをします。

# 【6.オマケ】

設定フォルダの場所

~/Library/Application\\ Support/Code

ポートの接続状態  
PIOアイコンのPROJECT TASKSから「Devices」を選択すると接続されているデバイス情報をTERMINALへ出力します。

今回テストに使っているボード「Seeeduino v4」があります。  
特にUSBを選択していませんが、今回は自動的に認識選択しているようです。  
この辺の設定は「platformio.ini」を修正することで柔軟に対応出来る様です。

/dev/cu.usbmodem1201

\--------------------

Hardware ID: USB VID:PID=2886:0004 SER=55737313531351107151 LOCATION=0-1.2  
Description: Seeeduino v4

[![image-9.png](https://book.a10-objects.jp/uploads/images/gallery/2026-04/scaled-1680-/3yTimage-9.png)](https://book.a10-objects.jp/uploads/images/gallery/2026-04/3yTimage-9.png)

---

記憶では、1年以上前(2年?)からの懸案のArduinoの新しい開発環境の構築が出来ました。  
これから使い方を色々と模索しつつ開発をしていきます。