Mozilla が CodePen のようなサービスである MDN Playground を開始

Mozilla は、ユーザーが HTML、CSS、および JavaScript コード スニペットをブラウザーで直接プレビューおよび共有できるようにする MDN Playground プラットフォームを開始しました。 コードの編集、リアルタイムの結果の表示をサポートし、Prettier ツールのサポートが組み込まれています。 MDN Playground は CodePen コミュニティによく似ており、開発者に無料で使用できるようにしています。

最近の MDN Web Docs ブログ 発表された MDN プレイグラウンド プラットフォームのリリースにより、ユーザーは HTML、CSS、JavaScript コード スニペットをテストして紹介できるようになります。 インスタント ブラウザ プレビューを使用すると、ユーザーは結果をリアルタイムで観察し、対応するコードと一緒に簡単に共有できます。

MDN Web Docs スタッフは、このプラットフォームを使用してサイト上のコード サンプルをフォーマットすることを計画しています。 これにより、ブラウザーでコードを直接実行し、コードの実行結果を即座に確認できます。 また、コードをすばやく編集して、作業結果の変化を確認することもできます。 MDN のコード ブロックの横に「Play」ボタンが表示され、開発者は Playground に移動します。

MDN プレイグラウンドはすべての最新ブラウザと互換性があり、開発者は無料でアクセスできます。 パーマリンクを介してコード スニペットを共有するには、MDN Web ドキュメント プラットフォームでの承認が必要です。 さらに、Playground には Prettier ツールのサポートが組み込まれており、コードが広く受け入れられている設計標準に自動的に準拠するようになります。

人気の CodePen コミュニティと同様に、MDN プレイグラウンドは、開発者が HTML、CSS、JavaScript を使用してプロトタイプを作成し、作業を共有するためのプラットフォームを提供します。 ただし、CodePen コミュニティでは定期的にコンテストやコンテストも開催されているため、コード共有だけが目的ではありません。