Codepenやjsfiddleなどのようにブラウザ上でフロントエンド開発やembedが可能なOSS・「DevCanvas」

Ads

DevCanvas

Codepenやjsfiddleなどのようにブラウザ上でフロントエンド開発やembedが可能なOSS・「DevCanvas」
DevCanvasはCodepenやjsfiddleなどのようにブラウザ上でフロントエンド開発やembedが可能なOSSです。特にCodepenに寄せて作られている印象でした。言及はされていませんが、Codepen代替として機能する性能はありそうです。

同じようにブラウザでHTML、CSS、JavaScriptを書いてその場で実行、結果を確認出来る、というもの。結果は保存して以下のように任意のWebページでEmbed出来るようになっています。

また、TailwindやFont Awesome、GSAPといったライブラリやフレームワーク等をクリックだけで利用したり任意のURLでスクリプト等を読み込めるプラグインシステム、BABELやSCSSのサポート、フォーク、URLによる共有、オフラインで使えるPWAのサポート、コードをZIPでダウンロードできる等の機能が備わっています。

サードパーティ製はセキュリティ上の問題で使えない立場の方でもブラウザでスニペットを保存したりその場で開発したい、という開発チームの方などは導入を検討されては如何でしょうか。Sveltekit、Supabase、TailWindなどで構成されています。ライセンスはMITとの事。

DevCanvasGithub