From 475725862da28a2693aa8493c4f35e73d7c01203 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 15 Sep 2021 22:56:53 +0900 Subject: MDN/Contribute/Howto/Convert_code_samples_to_be_live を更新 (#2388) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/01/28 時点の英語版に同期 --- .../convert_code_samples_to_be_live/index.html | 24 +++++++++++----------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/files/ja/mdn/contribute/howto/convert_code_samples_to_be_live/index.html b/files/ja/mdn/contribute/howto/convert_code_samples_to_be_live/index.html index 3f8029ddac..882a3e8a69 100644 --- a/files/ja/mdn/contribute/howto/convert_code_samples_to_be_live/index.html +++ b/files/ja/mdn/contribute/howto/convert_code_samples_to_be_live/index.html @@ -1,5 +1,5 @@ --- -title: コードサンプルを "ライブ" に変換するには +title: コードサンプルを「ライブ」に変換するには slug: MDN/Contribute/Howto/Convert_code_samples_to_be_live tags: - Beginner @@ -9,28 +9,28 @@ translation_of: MDN/Contribute/Howto/Convert_code_samples_to_be_live ---
{{MDNSidebar}}
-

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

+

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

-

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

+

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

-
どこのページに行う必要があるか?
-
NeedsLiveSample　とタグ付けられた記事。
-
タスクを行うのにどんな知識が必要か?
+
行う必要のあるページ
+
静的なコード例 (単なる HTML、CSS、JavaScript のブロック) を掲載している記事で、実際に動いているところを見せた方が良いと思われるもの。
+
タスクを行うのに必要な知識
  • コードサンプルに応じて、 HTML, CSS 及び/あるいは JavaScript を理解すること
    • -
  • MDN 記事内の KumaScript マクロを使う能力
    • +
  • MDN 記事内の KumaScript マクロを使う能力
-
タスクを実行するステップは?
+
タスクを実行するステップ
    -
  1. NeedsLiveSample とタグ付けされていて、あなたが慣れていると感じる機能向けのコードサンプルがある記事の一覧から1つ選ぶ。
    2. -
  2. コードサンプルが "ライブ" となるよう変換する。
    3. -
  3. 以前にサンプル出力を表示するために使われていた、あらゆるコードや画像を削除する。
    4. +
  4. 「ライブ」に変換すべきだと思うコード例を見つけてください。
    5. +
  5. コードサンプルが「ライブ」となるよう変換してください。
    6. +
  6. 以前にサンプル出力を表示するために使われていた、コードや画像を削除してください。
-

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

+

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

-- cgit v1.2.3-54-g00ecf