2025年9月7日日曜日

P5LIVEは、ブラウザ上でp5.jsを即時実行しながら編集できるライブコーディング環境です

P5LIVEは、ブラウザ上でp5.jsを即時実行しながら編集できるライブコーディング環境です。オープンソース（MIT）でGitHub公開、ホットリロード、スニペット挿入、画面共有・共同編集などが利用でき、VJ的な実演や授業・ワークショップに向きます。UIはPC前提で情報量が多いため、スマホ特化にはフォークして①下部固定の大きな操作ボタン、②ワンタップのスニペットチップ、③PWA＋IndexedDBによるオフライン保存等を追加するのが現実的です。中核の実行部を流用でき、短期で最小版が構築可能です。また、自己ホスティングが容易で、学校やイベントのネットワーク環境にも柔軟に対応できます。スマホ版ではキャンバス／エディタのタブ切替、エラーオーバーレイ、共有用URL生成、テンプレート（setup/draw）からの開始、createCanvas(),background(),ellipse()など基本命令のプリセット化が有効です。これらはP5LIVEの設計思想と矛盾せず、軽量化と操作性の両立が可能です。


リンクはこちらです。

  • ライブ版（オンライン）: P5LIVE（ブラウザですぐ起動） [ ted davis ]

  • GitHub リポジトリ: ffd8/P5LIVE（READMEとソース一式） GitHub

※ READMEの「INSTALL」にオンライン/オフライン利用方法への案内があります


。 GitHub

投稿者