p5.jsウェブエディタ
https://gyazo.com/5339fd69cd8aa0f543df67be90003354
p5.js専用のエディタ。p5.js用に設定されたというより、p5.jsをやるために必要なファイルがテンプレートとして提供されているという発想が近そう。HTML, CSS, JSの最低限の設定コードが最初から入っている。 良いところ
HTML、CSSの編集ができる
https://gyazo.com/48085ebf96839d8f4b4af9447e6da10a
サイドメニューにあるファイル一覧からそれぞれのファイルを参照でき、HTML、CSSを編集することができる。
HTMLファイルからCDNライブラリを追記する
CSSファイルからcanvasのマージン設定ができる
onuma.icon 設定周りは隠されて編集できないと思ったが、全て編集可能なのでかなり自由度が高いと感じました。
ファイルの追加ができる
jsfiddleやCodePenはファイルの追加はできないが（CodePenはProjectにすると複数ファイルの管理はできる）、このエディタは追加できる。 https://gyazo.com/f922e6de958646cf2685d4c7cefcdb1c
Sketchファイル一覧のプルダウンからアップロードを選択して追加できる
残念なところ
一覧だと何の作品わかりづらい
ビジュアルが一番大事だと思うのにタイトルしか作品の判別手段がなくて辛い
https://gyazo.com/d9b6885b2a75b18d0f4e0e592b9aa439
ファイルのダウンロード・フォークができない
できるものだと思っていたが、いざやろうとしたらその機能がなかった・・・。
/icons/hr.icon