ビジュアルドラッグ＆ドロップ LVGL エディター。
よくある質問
PicoPixel について知っておくべきすべてのこと。お探しの情報が見つかりませんか？お問い合わせください。
一般
PicoPixel とは何ですか？
何かインストールする必要はありますか？
いいえ。PicoPixel は完全にブラウザ内で動作します — デスクトップアプリ、プラグイン、SDK のインストールは不要です。エディターの URL を開き、GitHub または Google でサインインして、デザインを開始してください。
どのブラウザがサポートされていますか？
PicoPixel は最新バージョンの Chrome、Edge、Firefox で最適に動作します。Safari もサポートされていますが、一部の LVGL ウィジェットで軽微なレンダリングの違いが生じる場合があります。
PicoPixel はオープンソースですか？
エディターのコードベースはプライベートですが、MIT ライセンスの下でオープンソースである LVGL 用のコードを生成します。
PicoPixel はどのプラットフォームとボードをサポートしていますか？
PicoPixel は、LVGL ポートを持つあらゆるプラットフォームで動作する標準 LVGL C code を生成します — ESP32（ESP32-P4 を含むすべてのバリアント）、STM32、Arduino、Raspberry Pi Pico、NXP、Renesas、Linux ベースのシステムを含みます。LILYGO、M5Stack、Waveshare、Guition、Elecrow、Adafruit のボードでテスト済みです。
PicoPixel は SquareLine Studio とどう違いますか？
PicoPixel はブラウザベース（インストール不要）で、リアルタイムのチームコラボレーションをサポートし、WebAssembly 駆動のライブ LVGL シミュレーターを搭載しています。SquareLine Studio は商用利用に有料ライセンスが必要なデスクトップアプリケーションです。PicoPixel は商用プロジェクトでも制限なく無料で利用できます。詳細な比較については、LVGL エディター比較をご覧ください。
PicoPixel は他の LVGL エディターとどう比較されますか？
PicoPixel、SquareLine Studio、EEZ Studio の詳細な比較を提供しています。機能、料金、コラボレーション、コードエクスポートなどを網羅しています。完全な LVGL エディター比較をご覧ください。
PicoPixel の一般的なワークフローは何ですか？
ワークフローは次の通りです：キャンバス上でインターフェースを視覚的にデザインし、ビジュアルイベントエディターでインタラクションを接続し、ライブ LVGL シミュレーターでプレビューし、本番環境対応の C code をエクスポートし、ファームウェアプロジェクトに統合します。ステップバイステップのガイドについては、PicoPixel の仕組みをご覧ください。
エディターと機能
PicoPixel はどのバージョンの LVGL をターゲットにしていますか？
PicoPixel は現在 LVGL 8.x をターゲットとしており、v9.x のサポートを計画しています。生成されるコードは標準 LVGL API 呼び出しを使用するため、最新の 8.x リリースで問題なくコンパイルできます。
既存の LVGL プロジェクトをインポートできますか？
まだできません — エディターは現在、ゼロからプロジェクトを作成することをサポートしています。既存の LVGL ソースファイルのインポートはロードマップにあり、最も要望の多い機能の一つです。
ライブプレビューはどのように動作しますか？
PicoPixel は LVGL を WebAssembly にコンパイルし、ブラウザで直接実行します。プレビューに表示されるのは実際の LVGL レンダリングエンジンであり、モックアップではないため、出力はターゲットハードウェアとピクセル単位で一致します。
カスタムフォントや画像を使用できますか？
はい。エディターで直接カスタムフォントファイルや画像アセットをアップロードできます。タイポグラフィワークスペースモードでは、様々なフォントを作成・管理でき、アセットライブラリには再利用可能なウィジェット、画像、フォント、カラーが保存されます。すべてのエディター機能をご覧ください。
PicoPixel にはライブ LVGL シミュレーターがありますか？
はい。PicoPixel は LVGL を WebAssembly にコンパイルし、ブラウザで直接実行します。シミュレーターは実際の LVGL エンジンを使用してデザインをレンダリングするため、表示はターゲットハードウェアと一致します。インタラクションオーバーレイにより、タップやスクロールが可能な要素が表示されます。クライアントやチームメイト向けに共有可能なシミュレーターリンクも生成できます。
複数の人が同時にプロジェクトを編集できますか？
はい。PicoPixel はリアルタイムの共同編集をサポートしています — 5つのワークスペースモードの一つです。複数のチームメンバーが同じプロジェクトで同時に作業し、アノテーションでフィードバックを残し、お互いの変更をリアルタイムで確認できます。
PicoPixel はどのようなコードをエクスポートしますか？
PicoPixel は、クリーンで本番環境対応の LVGL C code（.c および .h ファイル）を含む zip ファイルをエクスポートします。出力にはウィジェットのセットアップ、スタイリング、レイアウト、イベントバインディング、アセット参照が含まれます — すべて標準 LVGL API 呼び出しを使用し、プロプライエタリな依存関係はありません。
PicoPixel にはビジュアルイベントエディターがありますか？
はい。イベントエディターでは、LVGL イベントハンドラーをビジュアルに設定できます — 画面遷移、スタイル変更、値の更新などのアクションをウィジェットにドラッグするだけで、C code を書く必要はありません。PicoPixel はエクスポート時に LVGL イベントコールバックを自動生成します。すべての機能をご覧ください。
PicoPixel には組み込みのバージョン管理がありますか？
はい。PicoPixel にはチェックポイント、詳細なセッション履歴（Session Actions）、任意の以前の状態への復元機能を備えた組み込みバージョン管理が含まれています。UI デザイン作業に外部 VCS は不要です。
ワークスペースモードとは何ですか？
PicoPixel のエディターには5つのワークスペースモードがあります：コラボレーティブ（リアルタイムチーム編集）、バージョン管理（チェックポイントと履歴）、アセット（再利用可能なウィジェットとアセットライブラリ）、シミュレーター（インタラクションオーバーレイ付きライブ LVGL プレビュー）、タイポグラフィ（フォント管理）。各モードはエディターを特定のワークフローに集中させます。
技術
PicoPixel で ESP32 のタッチスクリーン UI を構築できますか？
もちろんです。PicoPixel は、ESP32-S3、ESP32-P4 などを含む、あらゆる ESP32 バリアントで動作する標準 LVGL C code を生成します。エクスポートは Waveshare と Guition の ESP32-P4 ボードでテスト済みです。タッチスクリーンのレイアウトを視覚的にデザインし、シミュレーターでプレビューし、ESP-IDF、Arduino、または PlatformIO 用のコードをエクスポートできます。PicoPixel for ESP32 について詳しく見る。
PicoPixel はオフラインで動作しますか？
PicoPixel はインターネット接続を必要とするウェブアプリケーションです。自動保存機能が含まれているため、接続が途切れても作業は保護されます。完全なオフラインワークフローが必須要件の場合は、デスクトップ代替案についてエディター比較をご覧ください。
PicoPixel はどの LVGL ウィジェットをサポートしていますか？
PicoPixel は、ボタン、ラベル、スライダー、スイッチ、ドロップダウン、ローラー、アーク、バー、チャート、画像、チェックボックス、テキストエリア、タブビュー、コンテナなどのコア LVGL ウィジェットセットをサポートしています。ウィジェットセットは拡大中で、新しいウィジェットが積極的に追加されています。
PicoPixel は ESP-IDF、Arduino、PlatformIO と連携しますか？
はい。エクスポートされたコードはプロプライエタリな依存関係のない標準 LVGL API 呼び出しを使用するため、ESP-IDF、Arduino IDE、PlatformIO を含む LVGL をサポートするあらゆるビルドシステムと統合できます。ステップバイステップの手順については ESP32 統合ガイドをご覧ください。
PicoPixel はどのディスプレイ解像度をサポートしていますか？
PicoPixel では、ターゲットハードウェアに合わせて任意のディスプレイ解像度を設定できます — 240x240 の小型丸型ディスプレイ（GC9A01）から 320x240 SPI TFT、800x480 パネル、さらに大きなサイズまで。ライブシミュレーターは選択した解像度でレンダリングします。
料金とプラン
PicoPixel は無料で使えますか？
はい。PicoPixel は商用プロジェクトを含め無料で使用できます。クレジットカードは不要です。PicoPixel は一人の開発者によって構築・維持されているため、プラットフォームの成長に伴い、ストレージやサービスコストをカバーするための有料プランが導入される可能性があります。無料ティアは常に提供されます。
無料ティアはありますか？
はい。コアな編集機能とエクスポート機能を備えた充実した無料ティアが常に提供されます。生成されたコードはプランに関係なく、制限なく商用利用が無料です。
料金体系はどうなりますか？
プラットフォームの拡大に伴い、オプションの有料プランが導入される予定です — 主に拡張されたリアルタイムコラボレーションやストレージなどのエンタープライズ機能向けです。詳細は Discord やソーシャルチャンネルで事前に発表します。PicoPixel をホビイストにとってアクセスしやすく、プロフェッショナルチームにとって競争力のあるものに保つことが目標です。
PicoPixel で生成されたコードを商用製品に使用できますか？
はい。エクスポートされたコードは、プロプライエタリな依存関係やライセンス制限のない標準 LVGL API 呼び出しを使用しています。PicoPixel で生成されたコードを商用製品に無料で自由に使用できます。