diff --git a/feedback/ai/01-01-my-first-html.md b/feedback/ai/01-01-my-first-html.md new file mode 100644 index 0000000..afb5272 --- /dev/null +++ b/feedback/ai/01-01-my-first-html.md @@ -0,0 +1,11 @@ +# Feedback for 01-my-first-html.mdx + +## ``タグの使用について +属性(Attribute)の概念を視覚的に分かりやすく説明するために `` タグを使用している点は理解できます。 +ただし、現在は非推奨であることを説明しているとはいえ、最初からCSS(style属性など)で色を変える方法を教えるというアプローチもあります。 + +### 提案 +現状のままでも「非推奨」の注釈があるため大きな問題ではありませんが、もし可能なら `` のようなインラインスタイルを先に紹介することも検討の余地があります。 +ただ、`style="..."` の中身がCSSであることを説明するコストが増えるため、現状の `` から入る流れも教育的にはありだと思います。 + +Commit Hash: 2d3759680dde9baf97d33d59f07703d4051d5b69 diff --git a/feedback/ai/01-02-css.md b/feedback/ai/01-02-css.md new file mode 100644 index 0000000..863b6eb --- /dev/null +++ b/feedback/ai/01-02-css.md @@ -0,0 +1,13 @@ +# Feedback for 02-css.mdx + +## `:hover` について +`03-work.mdx` の演習3で `:hover` が登場しますが、このファイル(`02-css.mdx`)内では `:hover` についての解説が見当たりませんでした。 + +### 提案 +ボタンのスタイルを解説する箇所(Line 21付近)などで、ついでに「マウスを乗せたときの変化」として `:hover` を紹介しておくと、演習に進んだときにスムーズかもしれません。 + +## `padding` と `margin` +`padding` の解説はありますが、`margin` については触れられていません。 +初心者は `padding`(内側の余白)と `margin`(外側の余白)の違いで混乱することが多いため、もし余裕があれば `margin` についても少し触れておくとより親切かもしれません。 + +Commit Hash: 2d3759680dde9baf97d33d59f07703d4051d5b69 diff --git a/feedback/ai/01-03-work.md b/feedback/ai/01-03-work.md new file mode 100644 index 0000000..d4d0be2 --- /dev/null +++ b/feedback/ai/01-03-work.md @@ -0,0 +1,7 @@ +# Feedback for 03-work.mdx + +## 演習3のヒント +前述の通り、`:hover` が初出となるため、ヒントの記述は非常に重要です。 +現状のヒントでも分かりますが、もし `02-css.mdx` で解説しない場合は、ここで「`:hover` は擬似クラスと言って、特定の状態(マウスが乗っている時など)を指定するものです」といった補足があっても良いかもしれません。 + +Commit Hash: 2d3759680dde9baf97d33d59f07703d4051d5b69