Merge pull request #159 from chvmvd/update-website-article

Update Website article

Author: chvmvd

docs/03extras/04website/01html/02css/index.mdx

@@ -734,9 +734,9 @@ strong {
 
 このように保守性の観点からも文書の構造とスタイルを分けることは重要になっています。
 
-ちなみに、これは LaTeX で文書を書く時の考えと同じです。
-LaTeX での有名な例では、内積を書く時に $(A, B)$ と表示するためにそのまま `(A, B)` と打つのではなく `\ip{A}{B}` といったマクロを定義するということがあります。
-このようにすると、例えば内積をやはり $\langle A, B \rangle$ と表現したいなどとなった時にマクロを変更するだけでよくなります。
+ちなみに、これは $\LaTeX$ で文書を書く時の考えと同じです。
+$\LaTeX$ での有名な例では、内積を書く時に $(A, B)$ と表示するためにそのまま `(A, B)` と打つのではなく `\ip{A}{B}` といったマクロを定義します。このようにすることは、手間に感じるかもしれませんが、ただの順序対の意味なのか内積の意味なのかを文書中に明示しておかないと保守性の観点からよくありません。
+文書中に順序対の意味だと明示することで、例えば内積をやはり $\langle A, B \rangle$ と表現したいなどとなった時にマクロの定義を変更するだけでよくなります。
 
 :::
 
@@ -958,16 +958,15 @@ em {
   font-size: 15px;
 }
 .login-button {
-  font-size: 20px;
+  font-size: 17px;
   display: block;
   margin: 5px auto;
-  padding: 0 10px;
+  padding: 5px 15px;
   background-color: #08f;
   border-radius: 5px;
   border: 1px solid #08f;
   color: white;
-}
-\
+}\
 `}
 >
   {`\
@@ -992,7 +991,7 @@ em {
       </div>
       <div class="save-password">
         <input type="checkbox" checked />
-        <label>パスワードを保存</label>
+        <label>パスワードを保存する</label>
       </div>
       <button class="login-button">ログイン</button>
     </div>

docs/03extras/04website/01html/03javascript/index.mdx

@@ -417,4 +417,5 @@ minusButton.onclick = () => {
 </html>\
 `}</InteractiveCodeEditor>
 
+ここでは、JavaScript の機能のほんの一部しか紹介していません。
 JavaScript についてさらに詳しいことは、[こちら](https://learn.utcode.net/)で学んでください。

docs/03extras/04website/01html/index.mdx

@@ -6,6 +6,6 @@ import DocCardList from "@theme/DocCardList";
 
 # HTML を用いた Web サイトの作り方
 
-ここでは、一般的な Web サイトの作り方について解説していきます。
+ここでは、HTML を用いた一般的な Web サイトの作り方について解説していきます。
 
 <DocCardList />