diff --git a/src/pages/js/011-what-program-do.mdx b/src/pages/js/011-what-program-do.mdx
index e8bdf88..01a4b1e 100644
--- a/src/pages/js/011-what-program-do.mdx
+++ b/src/pages/js/011-what-program-do.mdx
@@ -131,7 +131,7 @@
 // 変数nameの値を取り出して表示する
 console.log(name); // => もつに
 
-// 変数ageの値を変更する
+// 変数ageの値を変更する (再代入)
 age = 20;
 
 // 誕生日を迎えて、年齢が1増えることを表現する
@@ -140,8 +140,8 @@
 
 <br />
 
-なお、`let`の他に`const`というキーワードもあります。  
-これは日本語でいうところの「定数」を表し、一度値を設定したら変更できなくなります。
+変数を宣言するキーワードには、`let`の他に`const`もあります。  
+これは日本語でいうところの「定数」を表し、一度値を設定したら、その変数の値を変更できなくなります。
 
 ```js
 const pi = 3.14;
@@ -153,6 +153,11 @@
 pi = 3.14159;
 ```
 
+`let`に比べて`const`は制約が多いですが、値が変わらないことが保証されるためソースコードを読みやすくなるという利点があります。
+
+実は変数に再度代入しなければいけないパターンはほとんどありません。  
+最初のうちは`let`を使い、慣れてきたら`const`を使うようにすると良いでしょう。
+
 ## 変数の値
 
 変数に入れられる値には、いくつか種類があります。  
@@ -165,9 +170,9 @@
 数字を扱うデータ型です。
 
 ```js
-let age = 18;        // 整数
-let tax_rate = 0.1; // 小数
-let golf_score = -5;  // 負の数
+const age = 18;        // 整数
+const tax_rate = 0.1; // 小数
+const golf_score = -5;  // 負の数
 ```
 
 ### 文字列 (String型)
@@ -177,8 +182,8 @@
 シングルクォート(`'`)や、ダブルクォート(`"`)などで囲むことで表現します。
 
 ```js
-let name = "もつに";        // ダブルクォートで囲む
-let greeting = 'こんにちは'; // シングルクォートで囲む
+const name = "もつに";        // ダブルクォートで囲む
+const greeting = 'こんにちは'; // シングルクォートで囲む
 ```
 
 <br />
@@ -194,7 +199,7 @@
 これは、`{` と `}`で囲まれた中に、`キー: 値`の組み合わせを並べて表現します。
 
 ```js
-let 変数名 = {
+const 変数名 = {
   [キー名1]: 値,
   [キー名2]: 値,
   [キー名3]: 値,
@@ -203,7 +208,7 @@
 ```
 
 ```js
-let person = {
+const person = {
   // 文字列
   name: "もつに",
 
@@ -252,17 +257,17 @@
 配列は、`[` と `]`で囲まれた中に、値をカンマ(`,`)で区切って並べて表現します。
 
 ```js
-let 変数名 = [値1, 値2, 値3, ...];
+const 変数名 = [値1, 値2, 値3, ...];
 ```
 
 <br />
 
 ```js
-let numbers = [10, 20, 30, 40, 50];
+const numbers = [10, 20, 30, 40, 50];
 
-let names = ["もつに", "たかし", "なおき"];
+const names = ["もつに", "たかし", "なおき"];
 
-let students = [
+const students = [
   { name: "もつに", age: 18 },
   { name: "たかし", age: 20 },
   { name: "なおき", age: 19 },
@@ -275,7 +280,7 @@
 値を取り出す方法の1つとして、このインデックスを使う方法があります。
 
 ```js
-let names = [
+const names = [
   "もつに",   // 0番
   "たかし",   // 1番
   "なおき",   // 2番
@@ -286,7 +291,7 @@
 names[2]; // "なおき"
 
 
-let students = [
+const students = [
   { name: "もつに", age: 18 },  // 0番
   { name: "たかし", age: 20 },  // 1番
   { name: "なおき", age: 19 },  // 2番
@@ -312,13 +317,13 @@
 }
 
 // 無名関数方式
-let 関数名 = function(引数1, 引数2, ...) {
+const 関数名 = function(引数1, 引数2, ...) {
   // 処理内容
   return 戻り値;
 }
 
 // アロー関数方式
-let 関数名 = (引数1, 引数2, ...) => {
+const 関数名 = (引数1, 引数2, ...) => {
   // 処理内容
   return 戻り値;
 }
@@ -331,7 +336,7 @@
   return x - y;
 }
 
-let sub = subtract;
+const sub = subtract;
 
 // 内部的には完全に同じもの
 sub(5, 3);      // 2
@@ -349,7 +354,7 @@
 <br />
 
 ```js
-let add = function(x, y) {
+const add = function(x, y) {
   return x + y;
 };
 ```
@@ -357,7 +362,7 @@
 <br />
 
 ```js
-let add = (x, y) => {
+const add = (x, y) => {
   return x + y;
 };
 ```
diff --git a/src/pages/js/020-js-with-html.mdx b/src/pages/js/020-js-with-html.mdx
index 1b24d4b..0a246ad 100644
--- a/src/pages/js/020-js-with-html.mdx
+++ b/src/pages/js/020-js-with-html.mdx
@@ -5,7 +5,7 @@
 import RenderFile from "@/components/RenderFile";
 import RenderHtml from "@/components/RenderHtml";
 
-export const title = "HTMLとJavaScript";
+export const title = "ボタンをクリックしたら処理する";
 
 # {title}