Skip to content

Commit

Permalink
2024/12/20 時点の英語版に基づき更新
Browse files Browse the repository at this point in the history
  • Loading branch information
@mfuji09
mfuji09 committed Dec 28, 2024
1 parent 9fff0b8 commit 03cc5af
Show file tree
Hide file tree
Showing 3 changed files with 28 additions and 73 deletions.
41 changes: 5 additions & 36 deletions ...nt/core/structuring_content/test_your_skills_colon__advanced_html_text/index.md
View file
Original file line number Diff line number Diff line change
@@ -1,41 +1,24 @@
---
title: "スキルテスト: 高度な HTML テキスト"
slug: Learn_web_development/Core/Structuring_content/Test_your_skills:_Advanced_HTML_text
original_slug: Learn/HTML/Introduction_to_HTML/Test_your_skills:_Advanced_HTML_text
l10n:
sourceCommit: 8e2641ebe076ab89299c77a51ece882de4ba5efb
sourceCommit: 5b20f5f4265f988f80f513db0e4b35c7e0cd70dc
---

{{learnsidebar}}

このスキルテストの目的は、あなたが[高度な意味的特徴をマークアップする有名ではない HTML 要素](/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting)を使用する方法を理解しているかどうかを評価することです。
このスキルテストの目的は、あなたが[高度な意味的特徴をマークアップする有名ではない HTML 要素](/ja/docs/Learn_web_development/Core/Structuring_content/Advanced_text_features)を使用する方法を理解しているかどうかを評価することです。

> [!NOTE]
> 以下の対話型エディターで解決に挑戦することができます。ただし、コードをダウンロードし、[CodePen](https://codepen.io/)、[jsFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/)などのオンラインツールを使用して作業することが便利な場合もあります。
> 以下の対話型エディターで解決に挑戦することができます。ただし、コードをダウンロードし、[CodePen](https://codepen.io/)、[JSFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/) などのオンラインツールを使用して作業することが便利な場合もあります。
>
> 行き詰まったら、助けを求めましょう。このページの最下部の[評価またはさらなるヘルプ](#評価またはさらなるヘルプ)の節をご覧ください。
> もし行き詰まった場合は、[コミュニケーションチャンネル](/ja/docs/MDN/Community/Communication_channels)のいずれかから私たちに連絡することができます。
## 課題 1

この課題では、指定された動物とその定義を、説明リストに変換していただきます。

完成例はこのようになるはずです。

{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/advanced-text/advanced-text1-finished.html", '100%', 250)}}

下記のライブコードを更新して、完成例を再現してみてください。

{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/advanced-text/advanced-text1.html", '100%', 700)}}

> [!CALLOUT]
>
> 自分のエディターやオンラインエディターで作業する場合は、[この課題の開始時点のものをダウンロード](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/advanced-text/advanced-text1-download.html)しましょう。
## 課題 2

この課題では、与えられた HTML に以下のような意味づけを追加していただきます。

- 2 つ目の段落をブロックレベルの引用にし、その引用が[アクセシビリティ](/ja/docs/Learn/Accessibility)から引用されたものであることを意味づけしましょう。
- 2 つ目の段落をブロックレベルの引用にし、その引用が[アクセシビリティ](/ja/docs/Learn_web_development/Core/Accessibility)から引用されたものであることを意味づけしましょう。
- "HTML" と "CSS" を頭字語として意味づけし、その展開形をツールチップとして提供しましょう。
- 化学式や日付に正しい意味づけを行い、正しく表示させるように、添字や上付き文字を使用しましょう。
- 機械読み取り可能な日付とテキストの日付を意味づけしましょう。
Expand All @@ -51,17 +34,3 @@ l10n:
> [!CALLOUT]
>
> 自分のエディターやオンラインエディターで作業する場合は、[この課題の開始時点のものをダウンロード](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/advanced-text/advanced-text2-download.html)しましょう。
## 評価またはさらなるヘルプ

この例は、上記のインタラクティブエディターで練習することができます。

この作品を評価してほしい、行き詰っているので相談に乗ってほしいという方は次のようにしてください。

1. 作品をオンラインの共有可能なエディター、例えば [CodePen](https://codepen.io/)、[jsFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/) に置いてください。コードは自分で書いても、上の節でリンクされている開始時点のファイルを使用しても構いません。
2. [MDN Discourse forum 学習カテゴリー](https://discourse.mozilla.org/c/mdn/learn/250)に評価や助けを依頼する記事を書いてください。投稿には以下を記載してください。

- 「高度な HTML テキスト、スキルテスト 1 のための評価希望」のような説明的なタイトル。
- すでに持っている内容や、私たちに望むことの詳細。例えば、行き詰まって助けが必要な場合や、評価を希望する場合などを指示してください。
- 評価やヘルプが必要な例へのリンクを、オンライン共有エディターで示してください（上記のステップ 1 で述べたとおり）。コードを見ることができなければ、コーディングの問題で誰かを助けることはとても難しいのです。
- 実際の課題または評価ページへのリンク。あなたが助けを求めている問題を探すことができます。
37 changes: 19 additions & 18 deletions ...ment/core/structuring_content/test_your_skills_colon__html_text_basics/index.md
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,18 @@
---
title: "スキルテスト: HTML テキストの基礎"
slug: Learn_web_development/Core/Structuring_content/Test_your_skills:_HTML_text_basics
original_slug: Learn/HTML/Introduction_to_HTML/Test_your_skills:_HTML_text_basics
l10n:
sourceCommit: 8e2641ebe076ab89299c77a51ece882de4ba5efb
sourceCommit: 5b20f5f4265f988f80f513db0e4b35c7e0cd70dc
---

{{learnsidebar}}

このスキルテストの目的は、あなたが [HTML でのテキストのマークアップ](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals)を行う方法を理解しているかどうかを評価することです。
このスキルテストの目的は、あなたが HTML でのテキストのマークアップを行う方法を理解しているかどうかを評価することです。

> [!NOTE]
> 以下の対話型エディターで解決に挑戦することができます。ただし、コードをダウンロードし、[CodePen](https://codepen.io/)、[jsFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/)などのオンラインツールを使用して作業することが便利な場合もあります。
> 以下の対話型エディターで解決に挑戦することができます。ただし、コードをダウンロードし、[CodePen](https://codepen.io/)、[JSFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/)などのオンラインツールを使用して作業することが便利な場合もあります。
>
> 行き詰まったら、助けを求めましょう。このページの最下部の[評価またはさらなるヘルプ](#評価またはさらなるヘルプ)の節をご覧ください。
> もし行き詰まった場合は、[コミュニケーションチャンネル](/ja/docs/MDN/Community/Communication_channels)のいずれかから私たちに連絡することができます。
## 課題 1

Expand Down Expand Up @@ -49,30 +48,32 @@ l10n:
## 課題 3

この課題では、1 つの段落が提供されています。目標は、インライン要素を使用して、強い重要性を持つ適切な単語と、強調された単語をいくつかマークアップすることです。
この課題では、指定された動物とその定義を説明リストにまとめていただきます。

完成例はこのようになるはずです。

{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/basic-text/basic-text3-finished.html", '100%', 120)}}
{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/advanced-text/advanced-text1-finished.html", '100%', 250)}}

下記のライブコードを更新して、完成例を再現してみてください。

{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/basic-text/basic-text3.html", '100%', 700)}}
{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/advanced-text/advanced-text1.html", '100%', 700)}}

> [!CALLOUT]
>
> 自分のエディターやオンラインエディターで作業する場合は、[この課題の開始時点のものをダウンロード](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/basic-text/basic-text3-download.html)しましょう。
> 自分のエディターやオンラインエディターで作業する場合は、[この課題の開始時点のものをダウンロード](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/advanced-text/advanced-text1-download.html)しましょう。
## 課題 4

この課題では、1 つの段落が提供されています。目標は、インライン要素を使用して、強い重要性を持つ適切な単語と、強調された単語をいくつかマークアップすることです。

## 評価またはさらなるヘルプ
完成例はこのようになるはずです。

この例は、上記のインタラクティブエディターで練習することができます。
{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/basic-text/basic-text3-finished.html", '100%', 120)}}

この作品を評価してほしい、行き詰っているので相談に乗ってほしいという方は次のようにしてください。
下記のライブコードを更新して、完成例を再現してみてください。

1. 作品をオンラインの共有可能なエディター、例えば [CodePen](https://codepen.io/)、[jsFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/) に置いてください。コードは自分で書いても、上の節でリンクされている開始時点のファイルを使用しても構いません。
2. [MDN Discourse forum 学習カテゴリー](https://discourse.mozilla.org/c/mdn/learn/250)に評価や助けを依頼する記事を書いてください。投稿には以下を記載してください。
{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/basic-text/basic-text3.html", '100%', 700)}}

- 「HTML テキストの基礎、スキルテスト 1 のための評価希望」のような説明的なタイトル。
- すでに持っている内容や、私たちに望むことの詳細。例えば、行き詰まって助けが必要な場合や、評価を希望する場合などを指示してください。
- 評価やヘルプが必要な例へのリンクを、オンライン共有エディターで示してください（上記のステップ 1 で述べたとおり）。コードを見ることができなければ、コーディングの問題で誰かを助けることはとても難しいのです。
- 実際の課題または評価ページへのリンク。あなたが助けを求めている問題を探すことができます。
> [!CALLOUT]
>
> 自分のエディターやオンラインエディターで作業する場合は、[この課題の開始時点のものをダウンロード](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/basic-text/basic-text3-download.html)しましょう。
23 changes: 4 additions & 19 deletions ...web_development/core/structuring_content/test_your_skills_colon__links/index.md
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,18 @@
---
title: "スキルテスト: リンク"
slug: Learn_web_development/Core/Structuring_content/Test_your_skills:_Links
original_slug: Learn/HTML/Introduction_to_HTML/Test_your_skills:_Links
l10n:
sourceCommit: 8e2641ebe076ab89299c77a51ece882de4ba5efb
sourceCommit: 5b20f5f4265f988f80f513db0e4b35c7e0cd70dc
---

{{learnsidebar}}

このスキルテストの目的は、あなたが [HTML でのハイパーリンクの実装](/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks)を行う方法を理解しているかどうかを評価することです。
このスキルテストの目的は、あなたが [HTML でのハイパーリンクの実装](/ja/docs/Learn_web_development/Core/Structuring_content/Creating_links)を行う方法を理解しているかどうかを評価することです。

> [!NOTE]
> 以下の対話型エディターで解決に挑戦することができます。ただし、コードをダウンロードし、[CodePen](https://codepen.io/)、[jsFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/)などのオンラインツールを使用して作業することが便利な場合もあります。
> 以下の対話型エディターで解決に挑戦することができます。ただし、コードをダウンロードし、[CodePen](https://codepen.io/)、[JSFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/)などのオンラインツールを使用して作業することが便利な場合もあります。
>
> 行き詰まったら、助けを求めましょう。このページの最下部の[評価またはさらなるヘルプ](#評価またはさらなるヘルプ)の節をご覧ください。
> もし行き詰まった場合は、[コミュニケーションチャンネル](/ja/docs/MDN/Community/Communication_channels)のいずれかから私たちに連絡することができます。
## 課題 1

Expand Down Expand Up @@ -72,17 +71,3 @@ l10n:
> [!CALLOUT]
>
> 自分のエディターやオンラインエディターで作業する場合は、[この課題の開始時点のものをダウンロード](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/links/links3-download.html)しましょう。
## 評価またはさらなるヘルプ

この例は、上記のインタラクティブエディターで練習することができます。

この作品を評価してほしい、行き詰っているので相談に乗ってほしいという方は次のようにしてください。

1. 作品をオンラインの共有可能なエディター、例えば [CodePen](https://codepen.io/)、[jsFiddle](https://jsfiddle.net/)、[Glitch](https://glitch.com/) に置いてください。コードは自分で書いても、上の節でリンクされている開始時点のファイルを使用しても構いません。
2. [MDN Discourse forum 学習カテゴリー](https://discourse.mozilla.org/c/mdn/learn/250)に評価や助けを依頼する記事を書いてください。投稿には以下を記載してください。

- 「リンク、スキルテスト 1 のための評価希望」のような説明的なタイトル。
- すでに持っている内容や、私たちに望むことの詳細。例えば、行き詰まって助けが必要な場合や、評価を希望する場合などを指示してください。
- 評価やヘルプが必要な例へのリンクを、オンライン共有エディターで示してください（上記のステップ 1 で述べたとおり）。コードを見ることができなければ、コーディングの問題で誰かを助けることはとても難しいのです。
- 実際の課題または評価ページへのリンク。あなたが助けを求めている問題を探すことができます。

0 comments on commit 03cc5af

Please sign in to comment.