ブラウザー上で動作し、アナログ回路やデジタル回路を組み立てて対話的にシミュレーションできる電子回路シミュレーターです。
agharsallah/esp-labs-web
32のラボ、ライブシミュレーター、ピン配置図、ファームウェアコードリーダー、データシートセクションを備えた、ESP32-S3を学べるインタラクティブなブラウザーガイド。
- スター
- 685
- フォーク
- 100
- 未解決の Issue
- 1
- 最終コミット
- 6 日前
これは何?
ESP32 Labsは、実践的なラボを通じてESP32-S3マイコンを学べるReact製のWebアプリです。各レッスンは1ページで完結し、学習目標、ライブのピン配置図上で使うピン、配線手順、書き込みコマンド、チェックリスト、シミュレーターを掲載しています。シミュレートされたシリアルモニターは、実際のファームウェアと同じように入力したコマンドに応答するため、ハードウェアに触れる前に試すことができます。
コードリーダーでは、各ラボで書き込むファームウェアを確認できます。コードはビルド時に、関連リポジトリのesp-labsから取得されます。答えを予想してから確認する質問付きのガイドツアー、setup()から実行の流れを追うステップ形式のストーリーモード、任意の行をタップして説明を表示する機能を備えています。データシートセクションでは、ピン、周辺機能、メモリ、電力モードをまとめており、該当する情報がローカルにある場合はEspressifのリファレンスを引用しています。
このガイドは右から左に書くレイアウトのアラビア語を含む8言語に対応し、スマートフォンでも利用できます。学習の進捗はアカウントなしでブラウザーに保存されます。
主な機能
- 01Wi-Fi、Bluetooth LE、RFID/NFC、サウンド、ディスプレイを扱う32の実践的なラボ
- 02入力したコマンドに応答するシリアルモニターのシミュレーター
- 03ESP32-S3のライブピン配置図と3D DevKitC-1ボードビュー
- 04ファームウェアをガイドツアーや行ごとの説明で確認できるコードリーダー
- 05ピン、周辺機能、メモリのリファレンスページを備えたデータシートセクション
- 06右から左に書くアラビア語を含む8言語のインターフェース
ユースケース
- ボードを購入したり配線したりする前にESP32-S3開発を学ぶ
- 自分のペースで、体系的な組み込み開発ラボを進める
- 実際のESP32ファームウェアがsetup()以降どのように実行されるかを学ぶ
- プロジェクトの開発中にESP32-S3のピン機能や周辺機能の詳細を調べる
クイックスタート
- 1
esp-labs firmware リポジトリをクローンする
git clone https://github.com/agharsallah/esp-labs.git - 2
esp-labs-web リポジトリをクローンする
git clone https://github.com/agharsallah/esp-labs-web.git - 3
プロジェクトフォルダーに移動して依存関係をインストールする
cd esp-labs-web && pnpm install - 4
localhost:5180 で開発サーバーを起動する
pnpm dev
使う前に知っておきたいこと
- ライセンスが指定されていないため、再利用できるかどうか不明です。
- コードリーダーには隣接する esp-labs のチェックアウトが必要です。ない場合、この機能は空になります。
- 完全なリーダーを利用するには、Espressif のリファレンステキストを別途入手する必要があります。
収録されている特集
トピック
よくある質問
- esp-labs-web とは?
- 32のラボ、ライブシミュレーター、ピン配置図、ファームウェアコードリーダー、データシートセクションを備えた、ESP32-S3を学べるインタラクティブなブラウザーガイド。 ESP32 Labsは、実践的なラボを通じてESP32-S3マイコンを学べるReact製のWebアプリです。各レッスンは1ページで完結し、学習目標、ライブのピン配置図上で使うピン、配線手順、書き込みコマンド、チェックリスト、シミュレーターを掲載しています。シミュレートされたシリアルモニターは、実際のファームウェアと同じように入力したコマンドに応答するため、ハードウェアに触れる前に試すことができます。
- esp-labs-web は無料で使えますか?ライセンスは?
- esp-labs-web にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- esp-labs-web は今もメンテナンスされていますか?
- 活発にメンテナンス中。esp-labs-web の最終コミットは 2026年11月2日 です。
- esp-labs-web は何に使えますか?
- ボードを購入したり配線したりする前にESP32-S3開発を学ぶ 自分のペースで、体系的な組み込み開発ラボを進める 実際のESP32ファームウェアがsetup()以降どのように実行されるかを学ぶ プロジェクトの開発中にESP32-S3のピン機能や周辺機能の詳細を調べる
- esp-labs-web のインストール方法は?
- esp-labs firmware リポジトリをクローンする: git clone https://github.com/agharsallah/esp-labs.git esp-labs-web リポジトリをクローンする: git clone https://github.com/agharsallah/esp-labs-web.git プロジェクトフォルダーに移動して依存関係をインストールする: cd esp-labs-web && pnpm install localhost:5180 で開発サーバーを起動する: pnpm dev
- esp-labs-web はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/agharsallah/esp-labs-web
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Windows、Linux、macOSでESP32などEspressif製SoC向けファームウェアを開発するための公式フレームワーク。
組み込み開発向けのクロスプラットフォームなコマンドラインツール兼ビルドシステム。ライブラリ管理、複数のボードやフレームワーク、デバッグ、ユニットテストに対応します。
M5Stack Cardputer向けのOS。512KB RAMの本体上でRubyやPythonを書き、コンパイルして実行できます。
ESP32マイコン上で動作し、シリアル接続したANSIターミナルに描画される、マウス操作対応のウィンドウ型デスクトップ。