Repolode
agharsallah

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. 1

    esp-labs firmware リポジトリをクローンする

    git clone https://github.com/agharsallah/esp-labs.git
  2. 2

    esp-labs-web リポジトリをクローンする

    git clone https://github.com/agharsallah/esp-labs-web.git
  3. 3

    プロジェクトフォルダーに移動して依存関係をインストールする

    cd esp-labs-web && pnpm install
  4. 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 の数値は毎日更新されます。

関連プロジェクト