MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

コードサンプルを "live" に変換するには

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

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

どこのページに行う必要があるか?
NeedsLiveSample とタグ付けられた記事。
タスクを行うのにどんな知識が必要か?
  • コードサンプルに応じて、HTML, CSS 及び/あるいは JavaScript を理解すること
  • MDN記事内の KumaScript マクロを使う能力
タスクを実行するステップは?
  1. NeedsLiveSample とタグ付けされていて、あなたが慣れていると感じる機能向けのコードサンプルがある記事の一覧から1つ選ぶ。
  2. コードサンプルが "live" となるよう変換する。
  3. 以前にサンプル出力を表示するために使われていた、あらゆるコードや画像を削除する。

Liveサンプルの作成と編集についての詳細情報は、 live サンプルシステムの使用 を見る。

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: Uemmra3
 最終更新者: Uemmra3,