コードサンプルを "ライブ" に変換するには

MDN には "ライブサンプル" システムがあり、ここではコードサンプルが、そのサンプルの出力を直接表示するのに使われます。しかし、既存の記事にはこのシステムをまだ使っていないコードサンプルが多々あり、変換する必要があります。

ライブサンプルは、サンプルの出力がどのようなものかを見ることができ、ドキュメントをよりダイナミックで教育的なものにできます。このガイドは既存サンプルを取り上げて、 "ライブ" 動作を追加する方法を掲載します。

どこのページに行う必要があるか?

NeedsLiveSample　とタグ付けられた記事。

タスクを行うのにどんな知識が必要か?

• コードサンプルに応じて、 HTML, CSS 及び/あるいは JavaScript を理解すること
• MDN 記事内の KumaScript マクロを使う能力

タスクを実行するステップは?

1. NeedsLiveSample とタグ付けされていて、あなたが慣れていると感じる機能向けのコードサンプルがある記事の一覧から1つ選ぶ。
2. コードサンプルが "ライブ" となるよう変換する。
3. 以前にサンプル出力を表示するために使われていた、あらゆるコードや画像を削除する。

ライブサンプルの作成と編集についての詳細情報は、 ライブサンプルシステムの使用を参照してください。