よくある質問

いいえ。PicoPixel は完全にブラウザ内で動作します — デスクトップアプリ、プラグイン、SDK のインストールは不要です。エディターの URL を開き、GitHub または Google でサインインして、デザインを開始してください。

PicoPixel は最新バージョンの Chrome、Edge、Firefox で最適に動作します。Safari もサポートされていますが、一部の LVGL ウィジェットで軽微なレンダリングの違いが生じる場合があります。

PicoPixel は、LVGL ポートを持つあらゆるプラットフォームで動作する標準 LVGL C コードを生成します — ESP32（ESP32-P4 を含むすべてのモデル）、STM32、Arduino、Raspberry Pi Pico、NXP、Renesas、Linux ベースのシステムを含みます。LILYGO、M5Stack、Waveshare、Guition、Elecrow、Adafruit のボードでテスト済みです。

PicoPixel はブラウザベース（インストール不要）で、チームでのリアルタイム共同編集をサポートし、WebAssembly 駆動のライブ LVGL シミュレーターを搭載しています。SquareLine Studio は商用利用に有料ライセンスが必要なデスクトップアプリケーションです。PicoPixel には機能が充実した無料プランがあり、有料プランも利用しやすい価格に抑えています。詳細な比較については、LVGL エディター比較をご覧ください。

PicoPixel、SquareLine Studio、EEZ Studio の詳細な比較を提供しています。機能、料金、コラボレーション、コードエクスポートなどを網羅しています。詳しい LVGL エディター比較をご覧ください。

ワークフローは次の通りです：キャンバス上でインターフェースを視覚的にデザインし、ビジュアルイベントエディターでインタラクションを接続し、ライブ LVGL シミュレーターでプレビューし、製品に組み込める C コードをエクスポートし、ファームウェアプロジェクトに統合します。詳しい手順については、PicoPixel の仕組みをご覧ください。

現在、生の LVGL C コードや他のエディタのプロジェクトをインポートすることはできません。EEZ Studio プロジェクトのインポート対応は計画されています。SquareLine Studio プロジェクトのインポートはサポートされておらず、計画もありません。その他のエディタ形式への対応は未定です。LVGL デザイン全体を含む .picopixel プロジェクトファイルはエクスポート、共有、インポートできます。

PicoPixel は LVGL を WebAssembly にコンパイルし、ブラウザで直接実行します。プレビューに表示されるのは実際の LVGL レンダリングエンジンであり、モックアップではないため、出力はターゲットハードウェアとピクセル単位で一致します。

はい。エディタにカスタムフォントファイルや画像アセットを直接アップロードできます。PicoPixel にはバンドルフォントのライブラリもあり、手動でフォントを探して変換しなくても、クリックするだけで LVGL プロジェクト向けに変換できます。アラビア語、ヘブライ語、中国語、日本語、韓国語などの言語向けにフル Unicode サポートも含まれます。Fonts モードでは 複数の LVGL フォントを作成・管理でき、Assets Library には再利用可能なウィジェット、画像、フォント、カラーを保存できます。詳しくは LVGL フォントガイド、または複数言語入りのバンドルフォントを試せる フォントのサンプル をご覧ください。

はい。PicoPixel は LVGL を WebAssembly にコンパイルし、ブラウザで直接実行します。シミュレーターは実際の LVGL エンジンを使用してデザインをレンダリングするため、表示はターゲットハードウェアと一致します。インタラクションオーバーレイにより、タップやスクロールが可能な要素が表示されます。クライアントやチームメイト向けに共有可能なシミュレーターリンクも生成できます。

はい。PicoPixel はリアルタイム共同編集に対応しています。複数のチームメンバーが同じプロジェクトで同時に作業し、コメントや注釈を残し、お互いの変更をライブで確認できます。内蔵バージョン管理でチェックポイントを作成して変更を追跡でき、チームメイトがフィードバックを残したときは通知で把握できます。

PicoPixel は、クリーンで製品に組み込める LVGL C コード（.c および .h ファイル）を含む zip ファイルをエクスポートします。出力にはウィジェットのセットアップ、スタイリング、レイアウト、イベントバインディング、アセット参照が含まれます — すべて標準 LVGL API 呼び出しを使用し、独自ライブラリへの依存はありません。

はい。イベントエディターでは、LVGL イベントハンドラーをビジュアルに設定できます — 画面遷移、スタイル変更、値の更新などのアクションをウィジェットにドラッグするだけで、C コードを書く必要はありません。PicoPixel はエクスポート時に LVGL イベントコールバックを自動生成します。すべての機能をご覧ください。

はい。PicoPixel にはチェックポイント、詳細なセッション履歴（Session Actions）、任意の以前の状態への復元機能を備えた内蔵バージョン管理が含まれています。UI デザイン作業に外部 VCS は不要です。

PicoPixel のエディタには Build、Reference、Animation の3つのモードがあります。Build モードでは LVGL ウィジェットを配置・デザインし、アセットを管理してインターフェースを作ります。Reference モードでは LVGL 画面の外側に、自分やチーム向けのメモとしてテキストや画像を追加できます。これらは LVGL コンテンツではなく、エクスポートもされず、.picopixel ファイル共有時にも引き継がれません。Animation モードでは、位置、サイズ、不透明度などのウィジェットプロパティにカスタムアニメーションを作る高度なタイムライン型キーフレームエディタを使えます。

はい。PicoPixel には、タイムライン型キーフレームエディタを備えた強力な Animation モードがあります。位置、サイズ、不透明度などのウィジェットプロパティを時間に沿ってアニメーション化し、カスタムアニメーションカーブを作成し、複雑なマルチトラックシーケンスを組むことができます。アニメーションはシミュレータでライブプレビューされ、LVGL C コードの一部としてエクスポートされます。他のエディタとは異なり、PicoPixel は無料・有料を問わずアニメーションをプランで制限しません。悪用防止のためプロジェクトあたり 100 アニメーションという現実的な上限はありますが、プランごとの制限はありません。

PicoPixel はインターネット接続を必要とするウェブアプリケーションです。自動保存機能が含まれているため、接続が途切れても作業は保護されます。オフラインサポートをご希望の場合はお知らせください。防衛・医療など、エアギャップ環境が必要な組織向けには、アプリ全体を自社ハードウェア上で自社の認証基盤（LDAP、SSO、任意の OAuth プロバイダ）を使って展開できる専用のオンプレミス構成を提供しています。カスタム監査ログと完全な監査証跡も含まれます。詳細をご希望の場合はお問い合わせください。

PicoPixel は、ボタン、ラベル、スライダー、スイッチ、ドロップダウン、ローラー、アーク、バー、チャート、画像、チェックボックス、テキストエリア、タブビュー、コンテナなどのコア LVGL ウィジェットセットをサポートしています。ウィジェットセットは拡大中で、新しいウィジェットが積極的に追加されています。

はい。エクスポートされたコードは独自ライブラリへの依存のない標準 LVGL API 呼び出しを使用するため、ESP-IDF、Arduino IDE、PlatformIO を含む LVGL をサポートするあらゆるビルドシステムと統合できます。詳しい手順については ESP32 統合ガイドをご覧ください。

PicoPixel では、ターゲットハードウェアに合わせて任意のディスプレイ解像度を設定できます — 240x240 の小型丸型ディスプレイ（GC9A01）から 320x240 SPI TFT、800x480 パネル、さらに大きなサイズまで。ライブシミュレーターは選択した解像度でレンダリングします。

はい。基本的な編集機能、ライブシミュレータ、コードエクスポート、最大 10 プロジェクトを含む無料の Community プランをご利用いただけます。生成コードの商用利用は一部の有料プランで利用できます。詳しくは 料金ページをご覧ください。

有料プランは個人向けに Starter（$10/月）から Pro（$20/月）、チーム向けに Startup（$100/月）から Enterprise（$450/月）までで、年額割引もあります。上位のプランでは、保存容量、プロジェクト数、チームの人数、商用利用の売上上限が増えます。既存アカウントはそのまま引き継がれます。各プランの詳細は 料金ページをご覧ください。

エクスポートされたコードは、独自ライブラリへの依存のない標準 LVGL API 呼び出しを使用しています。Pro プラン以上では、PicoPixel が生成したコードを商用製品で自由に使用できます。Community と Starter プランは個人利用、学習、趣味での開発向けで、商用利用権は含まれません。詳しくは 料金ページをご覧ください。