From a3b53b6b48b32903b8ce83887c6b8d4f3389d144 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 11:55:13 +0900
Subject: [PATCH 01/31] Update Colab article

---
 docs/01python/01google-colaboratory/index.mdx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/docs/01python/01google-colaboratory/index.mdx b/docs/01python/01google-colaboratory/index.mdx
index b8e53132f..687c5faad 100644
--- a/docs/01python/01google-colaboratory/index.mdx
+++ b/docs/01python/01google-colaboratory/index.mdx
@@ -6,9 +6,11 @@ import helloWorldOnColab from "./hello-world-on-colab.mp4";
 
 # 環境構築（Google Colaboratory）
 
-昔はプログラミングの開発環境を整えることはとても大変な作業でしたが、今は Google の開発した Google Colaboratory を使うとブラウザ上で簡単に Python を実行することができます。
+まずは、プログラミングをするための環境構築をしましょう。
 
-次の動画のようにすることでプログラムを簡単に実行できるので、一度やってみてください。
+環境構築と言っても、昔はプログラミングの開発環境を整えることはとても大変な作業でしたが、今は Google の開発した Google Colaboratory を使うとブラウザ上で簡単に Python を実行することができます。
+
+次の動画のようにすることでプログラムを簡単に実行できるので、やってみてください。
 
 <video src={helloWorldOnColab} controls width="100%" />
 
@@ -22,7 +24,7 @@ import helloWorldOnColab from "./hello-world-on-colab.mp4";
 
    ![新規ファイル](./new-file.jpg)
 
-4. 新しいファイルが開いたら、コードを書くことができます。セルの中に `print("Hello World!")` のように書いて、Windows や Linux では `Ctrl + Enter`、Mac では `Command + Enter` で任意の Python のコードを実行させることができます。
+4. 新しいファイルが開いたら、コードを書くことができます。セルの中に `print("Hello World!")` のように書いて(意味は分からなくて構いません。この後解説します。)、Windows や Linux では `Ctrl + Enter`、Mac では `Command + Enter` を押すことで任意の Python のコードを実行させることができます。
 
    ![実行後](./run-script.jpg)
 
@@ -32,4 +34,6 @@ import helloWorldOnColab from "./hello-world-on-colab.mp4";
 
 これらは、キーボード・ショートカットと呼ばれ、使いこなすことで高速にパソコンを操作できるようになります。
 
+例えば、コピーは `Ctrl / Command + C` で、ペーストは `Ctrl / Command + V` です。他にもたくさんあるので、少しずつ使いこなして、高速にパソコンを操作できるようになってみてください。
+
 :::

From f44afdc24f2097975dff4ccb0b4532b67e8f3523 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 19:22:03 +0900
Subject: [PATCH 02/31] Update expressions article

---
 docs/01python/03expressions/index.mdx              | 14 +++++++-------
 static/expressions/{sum2.ipynb => print_sum.ipynb} |  0
 .../{fahrenheit.ipynb => to-fahrenheit.ipynb}      |  0
 3 files changed, 7 insertions(+), 7 deletions(-)
 rename static/expressions/{sum2.ipynb => print_sum.ipynb} (100%)
 rename static/expressions/{fahrenheit.ipynb => to-fahrenheit.ipynb} (100%)

diff --git a/docs/01python/03expressions/index.mdx b/docs/01python/03expressions/index.mdx
index d1257cbc8..79fe77368 100644
--- a/docs/01python/03expressions/index.mdx
+++ b/docs/01python/03expressions/index.mdx
@@ -9,25 +9,25 @@ import Answer from "@site/src/components/Answer";
 
 ## 算術演算子
 
-Python を使って計算をしてみましょう。次のように書くと、$1+1$ を Python に計算させて、その結果を表示することができます。
+Python を使って演算をしてみましょう。次のように書くと、$1+1$ を Python に計算させて、その結果を表示することができます。
 
 <ViewSource path="/expressions/sum.ipynb" />
 
 :::tip
-Python では、多くの場合半角スペースは無視されます。（ただし、単語の途中などに入れてはいけません。）そのため、読みやすくするために半角スペースを入れていますがなくても同じように動きます。
+Python では、多くの場合半角スペースは無視されます。(ただし、単語の途中などに入れてはいけません。)そのため、読みやすくするために半角スペースを入れていますがなくても同じように動きます。
 
 ただし、全角スペースが入っているとエラーが出てしまうのでプログラムを書くときには絶対に全角スペースを入れないように気をつけましょう。
 :::
 
-:::info
+:::note
 上のプログラムは、次のようにしても実行できます。それぞれには、少し違いがあるようですが気にしなくて大丈夫でしょう。
 
 Google Colaboratory 以外で実行するときなど上のようなプログラムでうまく動かないときは、下のように書いてみてください。
 
-<ViewSource path="/expressions/sum2.ipynb" />
+<ViewSource path="/expressions/print_sum.ipynb" />
 :::
 
-Python では足し算以外にも次のように様々な計算をすることができます。
+Python では足し算以外にも次のように様々な演算をすることができます。
 
 | 演算子 | 説明   | 例                                                 |
 | ------ | ------ | -------------------------------------------------- |
@@ -39,7 +39,7 @@ Python では足し算以外にも次のように様々な計算をすること
 | `//`   | 商     | <ViewSource path="/expressions/quotient.ipynb" />  |
 | `%`    | 剰余   | <ViewSource path="/expressions/remainder.ipynb" /> |
 
-括弧`(`、`)` を用いることで、複雑な計算をすることもできます。
+括弧 `(`、`)` を用いることで、複雑な計算をすることもできます。
 黄金比を計算してみましょう。黄金比は、$\frac{1+\sqrt{5}}{2}$ で与えられます。
 
 <ViewSource path="/expressions/golden-ratio.ipynb" />
@@ -57,5 +57,5 @@ F=\frac{9}{5}C+32
 $$
 
 <Answer>
-  <ViewSource path="/expressions/fahrenheit.ipynb" />
+  <ViewSource path="/expressions/to-fahrenheit.ipynb" />
 </Answer>
diff --git a/static/expressions/sum2.ipynb b/static/expressions/print_sum.ipynb
similarity index 100%
rename from static/expressions/sum2.ipynb
rename to static/expressions/print_sum.ipynb
diff --git a/static/expressions/fahrenheit.ipynb b/static/expressions/to-fahrenheit.ipynb
similarity index 100%
rename from static/expressions/fahrenheit.ipynb
rename to static/expressions/to-fahrenheit.ipynb

From b804dc5323b65d35753028b8196e5cd93ca99a6e Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 19:22:51 +0900
Subject: [PATCH 03/31] Update variable article

---
 docs/01python/04variable/index.mdx            | 30 +++++++++++--------
 .../sound-velocity-revised-20degree.ipynb     | 17 +++++++++++
 ...ty2.ipynb => sound-velocity-revised.ipynb} |  0
 ...ion2.ipynb => substitution-practice.ipynb} |  0
 .../{fahrenheit.ipynb => to-fahrenheit.ipynb} |  0
 5 files changed, 35 insertions(+), 12 deletions(-)
 create mode 100644 static/variable/sound-velocity-revised-20degree.ipynb
 rename static/variable/{sound-velocity2.ipynb => sound-velocity-revised.ipynb} (100%)
 rename static/variable/{substitution2.ipynb => substitution-practice.ipynb} (100%)
 rename static/variable/{fahrenheit.ipynb => to-fahrenheit.ipynb} (100%)

diff --git a/docs/01python/04variable/index.mdx b/docs/01python/04variable/index.mdx
index 623622ff8..917fc1e20 100644
--- a/docs/01python/04variable/index.mdx
+++ b/docs/01python/04variable/index.mdx
@@ -9,7 +9,7 @@ import Answer from "@site/src/components/Answer";
 
 ## 変数
 
-前項のようにして、10℃ での音速を求めてみましょう。$V$ を音速、$t$ を摂氏温度とすると、音速は次のような式で求められるとします。
+10℃ での音速を求めてみましょう。$V$ を音速、$t$ を摂氏温度とすると、音速はおおよそ次のような式で求められます。
 
 $$
 V=331.5+0.6t
@@ -17,13 +17,15 @@ $$
 
 <ViewSource path="/variable/sound-velocity.ipynb" />
 
-一応できましたが、 $t$ を変えようとすると、（これぐらいならすぐできますが）いちいちプログラムを全て読み直さないといけません。
+一応できましたが、 $t$ を変えようとすると、(これぐらいならすぐできますが)いちいちプログラムを全て読み直して、温度を書き換えなければなりません。これが、複雑な計算式だったら、どの値を変えればいいのかわからなくなってしまいそうです。
 
-しかし、Python では変数が使えます。変数は数値や文字列を入れられる箱のようなもので、任意の数値や文字列を格納することができます。そのため、変数を使うと、次のようにより簡単に記述できます。
+ここで、変数が活躍します。変数は数値や文字列を入れられる箱のようなもので、任意の数値や文字列を格納することができます。そのため、変数を使うと、次のようにより変更しやすいようなプログラムを書くことができます。
 
-<ViewSource path="/variable/sound-velocity2.ipynb" />
+<ViewSource path="/variable/sound-velocity-revised.ipynb" />
 
-このようにすれば、例えば 10℃ ではなく 20℃ のときの音速を求めたくなったときに `t = 20` とするだけでよくなり、より簡単にプログラムを変更することができます。
+このようにすれば、例えば 10℃ ではなく 20℃ のときの音速を求めたくなったときに次のように `t = 20` とするだけでよくなり、より簡単にプログラムを変更することができます。
+
+<ViewSource path="/variable/sound-velocity-revised-20degree.ipynb" />
 
 :::tip
 Python では、数学とは違い `=` は右の結果を左の変数に代入するという意味です。
@@ -32,8 +34,8 @@ Python では、数学とは違い `=` は右の結果を左の変数に代入
 <ViewSource path="/variable/substitution.ipynb" />
 :::
 
-:::info 命名規則
-複数の語を一語につなげて表す場合、様々な命名規則があります。下に主なものの名称と例を示します。
+:::note 命名規則
+Python では変数名にスペースを使えないため、語をつなげて変数名を作ることに成ります。これには、様々な命名規則があります。下に主なものの名称と例を示します。
 
 | 名称           | 例           |
 | -------------- | ------------ |
@@ -44,19 +46,23 @@ Python では、数学とは違い `=` は右の結果を左の変数に代入
 
 Python では、スネークケースを使うことが多いようです。
 (ただし、クラス(ここでは説明しません)の命名には、パスカルケースを使うようです。)
-そのため、複数の語を一語につなげる場合は、上記のように `_`（アンダーバー）を使って文節が分かるようにすると良いでしょう。
+そのため、複数の語を一語につなげる場合は、`snake_case` のように `_`（アンダーバー）を使って語の区切りが分かるようにすると良いでしょう。
 :::
 
-:::info 定数（他の言語の学習者へ）
+:::note 定数(主に他の言語の学習者へ)
 Python では定数は使えないようです。慣習的に定数は大文字のみの変数として表すようです。例: `SAMPLE_CONST`
 :::
 
 ### 練習問題 1
 
-[演算子の項](/docs/01python/03expressions/#問題)の摂氏温度から華氏温度を求める練習問題を変数を使って解いてみましょう。
+[算術演算子の項](/docs/01python/03expressions/#問題)で解いた問題を変数を使って解いてみましょう。20℃ での華氏温度を求めてみましょう。次のような式で表せます。
+
+$$
+F=\frac{9}{5}C+32
+$$
 
 <Answer>
-  <ViewSource path="/variable/fahrenheit.ipynb" />
+  <ViewSource path="/variable/to-fahrenheit.ipynb" />
 </Answer>
 
 ### 練習問題 2
@@ -74,5 +80,5 @@ y
 
 3 行目では、`x + y` の値が評価されてその結果が `y` に代入されます。そのため、$2+3=5$ が `y` に代入され `5` が出力されます。
 
-  <ViewSource path="/variable/substitution2.ipynb"/>
+  <ViewSource path="/variable/substitution-practice.ipynb"/>
 </Answer>
diff --git a/static/variable/sound-velocity-revised-20degree.ipynb b/static/variable/sound-velocity-revised-20degree.ipynb
new file mode 100644
index 000000000..dbf7f1619
--- /dev/null
+++ b/static/variable/sound-velocity-revised-20degree.ipynb
@@ -0,0 +1,17 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "t = 20\n",
+        "331.5 + 0.6 * t"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/variable/sound-velocity2.ipynb b/static/variable/sound-velocity-revised.ipynb
similarity index 100%
rename from static/variable/sound-velocity2.ipynb
rename to static/variable/sound-velocity-revised.ipynb
diff --git a/static/variable/substitution2.ipynb b/static/variable/substitution-practice.ipynb
similarity index 100%
rename from static/variable/substitution2.ipynb
rename to static/variable/substitution-practice.ipynb
diff --git a/static/variable/fahrenheit.ipynb b/static/variable/to-fahrenheit.ipynb
similarity index 100%
rename from static/variable/fahrenheit.ipynb
rename to static/variable/to-fahrenheit.ipynb

From 919037c736b8235db4b9b61799bf4f290cc68801 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 19:24:26 +0900
Subject: [PATCH 04/31] Rename variable => variables

---
 docs/01python/{04variable => 04variables}/index.mdx  | 12 ++++++------
 .../sound-velocity-revised-20degree.ipynb            |  0
 .../sound-velocity-revised.ipynb                     |  0
 static/{variable => variables}/sound-velocity.ipynb  |  0
 .../substitution-practice.ipynb                      |  0
 static/{variable => variables}/substitution.ipynb    |  0
 static/{variable => variables}/to-fahrenheit.ipynb   |  0
 7 files changed, 6 insertions(+), 6 deletions(-)
 rename docs/01python/{04variable => 04variables}/index.mdx (89%)
 rename static/{variable => variables}/sound-velocity-revised-20degree.ipynb (100%)
 rename static/{variable => variables}/sound-velocity-revised.ipynb (100%)
 rename static/{variable => variables}/sound-velocity.ipynb (100%)
 rename static/{variable => variables}/substitution-practice.ipynb (100%)
 rename static/{variable => variables}/substitution.ipynb (100%)
 rename static/{variable => variables}/to-fahrenheit.ipynb (100%)

diff --git a/docs/01python/04variable/index.mdx b/docs/01python/04variables/index.mdx
similarity index 89%
rename from docs/01python/04variable/index.mdx
rename to docs/01python/04variables/index.mdx
index 917fc1e20..c47503e6c 100644
--- a/docs/01python/04variable/index.mdx
+++ b/docs/01python/04variables/index.mdx
@@ -15,23 +15,23 @@ $$
 V=331.5+0.6t
 $$
 
-<ViewSource path="/variable/sound-velocity.ipynb" />
+<ViewSource path="/variables/sound-velocity.ipynb" />
 
 一応できましたが、 $t$ を変えようとすると、(これぐらいならすぐできますが)いちいちプログラムを全て読み直して、温度を書き換えなければなりません。これが、複雑な計算式だったら、どの値を変えればいいのかわからなくなってしまいそうです。
 
 ここで、変数が活躍します。変数は数値や文字列を入れられる箱のようなもので、任意の数値や文字列を格納することができます。そのため、変数を使うと、次のようにより変更しやすいようなプログラムを書くことができます。
 
-<ViewSource path="/variable/sound-velocity-revised.ipynb" />
+<ViewSource path="/variables/sound-velocity-revised.ipynb" />
 
 このようにすれば、例えば 10℃ ではなく 20℃ のときの音速を求めたくなったときに次のように `t = 20` とするだけでよくなり、より簡単にプログラムを変更することができます。
 
-<ViewSource path="/variable/sound-velocity-revised-20degree.ipynb" />
+<ViewSource path="/variables/sound-velocity-revised-20degree.ipynb" />
 
 :::tip
 Python では、数学とは違い `=` は右の結果を左の変数に代入するという意味です。
 そのため、次のようなプログラムを実行すると 2 が出力されます。
 
-<ViewSource path="/variable/substitution.ipynb" />
+<ViewSource path="/variables/substitution.ipynb" />
 :::
 
 :::note 命名規則
@@ -62,7 +62,7 @@ F=\frac{9}{5}C+32
 $$
 
 <Answer>
-  <ViewSource path="/variable/to-fahrenheit.ipynb" />
+  <ViewSource path="/variables/to-fahrenheit.ipynb" />
 </Answer>
 
 ### 練習問題 2
@@ -80,5 +80,5 @@ y
 
 3 行目では、`x + y` の値が評価されてその結果が `y` に代入されます。そのため、$2+3=5$ が `y` に代入され `5` が出力されます。
 
-  <ViewSource path="/variable/substitution-practice.ipynb"/>
+  <ViewSource path="/variables/substitution-practice.ipynb"/>
 </Answer>
diff --git a/static/variable/sound-velocity-revised-20degree.ipynb b/static/variables/sound-velocity-revised-20degree.ipynb
similarity index 100%
rename from static/variable/sound-velocity-revised-20degree.ipynb
rename to static/variables/sound-velocity-revised-20degree.ipynb
diff --git a/static/variable/sound-velocity-revised.ipynb b/static/variables/sound-velocity-revised.ipynb
similarity index 100%
rename from static/variable/sound-velocity-revised.ipynb
rename to static/variables/sound-velocity-revised.ipynb
diff --git a/static/variable/sound-velocity.ipynb b/static/variables/sound-velocity.ipynb
similarity index 100%
rename from static/variable/sound-velocity.ipynb
rename to static/variables/sound-velocity.ipynb
diff --git a/static/variable/substitution-practice.ipynb b/static/variables/substitution-practice.ipynb
similarity index 100%
rename from static/variable/substitution-practice.ipynb
rename to static/variables/substitution-practice.ipynb
diff --git a/static/variable/substitution.ipynb b/static/variables/substitution.ipynb
similarity index 100%
rename from static/variable/substitution.ipynb
rename to static/variables/substitution.ipynb
diff --git a/static/variable/to-fahrenheit.ipynb b/static/variables/to-fahrenheit.ipynb
similarity index 100%
rename from static/variable/to-fahrenheit.ipynb
rename to static/variables/to-fahrenheit.ipynb

From 1a62c0c30864095d22bc9d92489e794bf90c1dec Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 19:46:46 +0900
Subject: [PATCH 05/31] =?UTF-8?q?Add=20=E3=83=A1=E3=82=BF=E6=A7=8B?=
 =?UTF-8?q?=E6=96=87=E5=A4=89=E6=95=B0=20article?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/01python/04variables/index.mdx           | 20 ++++++-
 docs/01python/04variables/variable.drawio.svg | 55 +++++++++++++++++++
 2 files changed, 74 insertions(+), 1 deletion(-)
 create mode 100644 docs/01python/04variables/variable.drawio.svg

diff --git a/docs/01python/04variables/index.mdx b/docs/01python/04variables/index.mdx
index c47503e6c..bc8f67178 100644
--- a/docs/01python/04variables/index.mdx
+++ b/docs/01python/04variables/index.mdx
@@ -19,7 +19,25 @@ $$
 
 一応できましたが、 $t$ を変えようとすると、(これぐらいならすぐできますが)いちいちプログラムを全て読み直して、温度を書き換えなければなりません。これが、複雑な計算式だったら、どの値を変えればいいのかわからなくなってしまいそうです。
 
-ここで、変数が活躍します。変数は数値や文字列を入れられる箱のようなもので、任意の数値や文字列を格納することができます。そのため、変数を使うと、次のようにより変更しやすいようなプログラムを書くことができます。
+ここで、変数が活躍します。変数は数値や文字列を入れられる箱のようなもので、任意の数値や文字列を格納することができます。例えば、次のように `hoge` と名前のついた箱に $2$ を入れておくことができます。
+
+![変数の説明](variable.drawio.svg)
+
+:::note メタ構文変数
+
+メタ構文変数は、プログラムなどを説明する際、特に意味のない名前が必要になったときによく使われる言葉です。名前を書くときに、東大太郎や駒場花子といった名前を使うのと同じようなものです。
+
+日本では、`hoge`、`fuga`、`piyo` などがよく使われます。`hogehoge` なども使われます。
+
+英語では、`foo` や `bar` などがよく使われます。`foobar` なども使われます。
+
+これらの単語を見たら、ここのところは任意の文字で書き換えられるんだなと思っておくと良いでしょう。
+
+ちなみに、暗号の仕組みを説明するときなどには Alice と Bob がよく登場します(笑)
+
+:::
+
+そのため、変数を使うと、次のようにより変更しやすいようなプログラムを書くことができます。
 
 <ViewSource path="/variables/sound-velocity-revised.ipynb" />
 
diff --git a/docs/01python/04variables/variable.drawio.svg b/docs/01python/04variables/variable.drawio.svg
new file mode 100644
index 000000000..1f2258fad
--- /dev/null
+++ b/docs/01python/04variables/variable.drawio.svg
@@ -0,0 +1,55 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="151px" height="180px" viewBox="-0.5 -0.5 151 180" content="&lt;mxfile&gt;&lt;diagram id=&quot;ntIR0U-SNOcWTwoP0W_0&quot; name=&quot;ページ1&quot;&gt;pVXLcpswFP0alu0Askm6tJ20XbSTznjRtYyuQWOBqBAG9+t7ZYk3TNzJxogj3SvpPLBHDlnzTdEi/SkZCC/0WeORFy8Mo+AJfw1ws8AmCiyQKM4sNACO/C840HdoxRmUo4VaSqF5MQZjmecQ6xFGlZL1eNlZivGuBU1gBhxjKubob850atHn8KnHvwNP0nbnIPpiZzLaLnY3KVPKZD2AyKtHDkpKbUdZcwBhuGt5sXVfV2a7gynI9SMFoS24UlG5u3lhJLB0f5bYAQ+ob+7W0Z9KthOfyrsmO1xA/AJl3ffzOErMM5VIomuGB7D97JS7e9c6RBoKM4yrEz72dco1HAsaG6xGC5l2OhP4FuDwJKucAftx6gAaXxJl0LdKC56DwxlVlzdsw7Uxmv/Z347B8I4G3YmuoDQ0q1QGnUBobJAZaHXDJa5g4yR1ng5aieveIR2WDtzx7DDqTJl0nXvdcOCkW5ZxuyDjCsVnAc3OZABvDTlzw5dY0LLk8Zhoo5lLH/E7loDN0vEuRwMStgsctJgCQTW/jtsvEeN2+CX53aWtZhMNogm1paxUDK5omIppH3+iZTBppKlKQM8a3WXqbv2QctGHA7hZC2D4aPrQ83osfKmVvMBBCqkQyaVJ1P7MhZhAVPAkN+5B/QHxvUkQxw/lzk1knDGxFmllc2xCuGq2D0UyIGMdyTyS0YIbyf8nEl/7j7a1Qf/PR17/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 99 L 100 99 L 120 119 L 120 179 L 20 179 L 0 159 L 0 99 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 99 L 100 99 L 120 119 L 20 119 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 0 99 L 20 119 L 20 179 L 0 159 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 20 179 L 20 119 L 0 99 M 20 119 L 120 119" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 149px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 30px;">
+                                    hoge
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="153" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge
+                </text>
+            </switch>
+        </g>
+        <path d="M 95.78 36.27 L 103.59 42.51 L 76.09 76.9 L 84.29 83.46 L 60.31 88.61 L 60.08 64.09 L 68.28 70.65 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="90" y="9" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 24px; margin-left: 91px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 40px;">
+                                    2
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="120" y="33" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle">
+                    2
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>
\ No newline at end of file

From 150d92a9549b675cb4de4eb91178f7db0c7e25c5 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 21:37:45 +0900
Subject: [PATCH 06/31] Rename files in hello-world/

---
 docs/01python/02hello-world/index.mdx                         | 4 ++--
 .../{hello-from-python.ipynb => hello_from_python.ipynb}      | 0
 static/hello-world/{hello-world.ipynb => hello_world.ipynb}   | 0
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename static/hello-world/{hello-from-python.ipynb => hello_from_python.ipynb} (100%)
 rename static/hello-world/{hello-world.ipynb => hello_world.ipynb} (100%)

diff --git a/docs/01python/02hello-world/index.mdx b/docs/01python/02hello-world/index.mdx
index d68c2c955..a748b9a83 100644
--- a/docs/01python/02hello-world/index.mdx
+++ b/docs/01python/02hello-world/index.mdx
@@ -13,7 +13,7 @@ import Answer from "@site/src/components/Answer";
 
 プログラミングの世界では、まず画面上に `Hello World!` と表示させるのが慣例になっています。以下のコードが画面上に `Hello World!` と表示するプログラムです。以下のコードを Google Colaboratory 上で実行してみましょう。
 
-<ViewSource path="/hello-world/hello-world.ipynb" />
+<ViewSource path="/hello-world/hello_world.ipynb" />
 
 `Hello World!` と表示されたら成功です。
 
@@ -27,7 +27,7 @@ import Answer from "@site/src/components/Answer";
 
 `"` と `"` で括られた文字列を `Hello World!` から次のように `Hello from Python!` に変えれば、完成です。
 
-  <ViewSource path="/hello-world/hello-from-python.ipynb" />
+  <ViewSource path="/hello-world/hello_from_python.ipynb" />
 </Answer>
 
 ## コメント
diff --git a/static/hello-world/hello-from-python.ipynb b/static/hello-world/hello_from_python.ipynb
similarity index 100%
rename from static/hello-world/hello-from-python.ipynb
rename to static/hello-world/hello_from_python.ipynb
diff --git a/static/hello-world/hello-world.ipynb b/static/hello-world/hello_world.ipynb
similarity index 100%
rename from static/hello-world/hello-world.ipynb
rename to static/hello-world/hello_world.ipynb

From 7141320941cc416dadeee23db0487894fce20934 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 21:38:13 +0900
Subject: [PATCH 07/31] Rename files in expressions/

---
 docs/01python/03expressions/index.mdx                         | 4 ++--
 static/expressions/{golden-ratio.ipynb => golden_ratio.ipynb} | 0
 .../expressions/{to-fahrenheit.ipynb => to_fahrenheit.ipynb}  | 0
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename static/expressions/{golden-ratio.ipynb => golden_ratio.ipynb} (100%)
 rename static/expressions/{to-fahrenheit.ipynb => to_fahrenheit.ipynb} (100%)

diff --git a/docs/01python/03expressions/index.mdx b/docs/01python/03expressions/index.mdx
index 79fe77368..2d313ed53 100644
--- a/docs/01python/03expressions/index.mdx
+++ b/docs/01python/03expressions/index.mdx
@@ -42,7 +42,7 @@ Python では足し算以外にも次のように様々な演算をすること
 括弧 `(`、`)` を用いることで、複雑な計算をすることもできます。
 黄金比を計算してみましょう。黄金比は、$\frac{1+\sqrt{5}}{2}$ で与えられます。
 
-<ViewSource path="/expressions/golden-ratio.ipynb" />
+<ViewSource path="/expressions/golden_ratio.ipynb" />
 
 :::tip
 平方根は 0.5 乗とすることで計算できます。
@@ -57,5 +57,5 @@ F=\frac{9}{5}C+32
 $$
 
 <Answer>
-  <ViewSource path="/expressions/to-fahrenheit.ipynb" />
+  <ViewSource path="/expressions/to_fahrenheit.ipynb" />
 </Answer>
diff --git a/static/expressions/golden-ratio.ipynb b/static/expressions/golden_ratio.ipynb
similarity index 100%
rename from static/expressions/golden-ratio.ipynb
rename to static/expressions/golden_ratio.ipynb
diff --git a/static/expressions/to-fahrenheit.ipynb b/static/expressions/to_fahrenheit.ipynb
similarity index 100%
rename from static/expressions/to-fahrenheit.ipynb
rename to static/expressions/to_fahrenheit.ipynb

From 65f7106c57e9e3dea90db0a937adf0ef48df2034 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 21:38:52 +0900
Subject: [PATCH 08/31] Rename files in variables

---
 docs/01python/04variables/index.mdx                    | 10 +++++-----
 ...ree.ipynb => sound-velocity_revised_20degree.ipynb} |  0
 .../{sound-velocity.ipynb => sound_velocity.ipynb}     |  0
 ...city-revised.ipynb => sound_velocity_revised.ipynb} |  0
 ...tion-practice.ipynb => substitution_practice.ipynb} |  0
 .../{to-fahrenheit.ipynb => to_fahrenheit.ipynb}       |  0
 6 files changed, 5 insertions(+), 5 deletions(-)
 rename static/variables/{sound-velocity-revised-20degree.ipynb => sound-velocity_revised_20degree.ipynb} (100%)
 rename static/variables/{sound-velocity.ipynb => sound_velocity.ipynb} (100%)
 rename static/variables/{sound-velocity-revised.ipynb => sound_velocity_revised.ipynb} (100%)
 rename static/variables/{substitution-practice.ipynb => substitution_practice.ipynb} (100%)
 rename static/variables/{to-fahrenheit.ipynb => to_fahrenheit.ipynb} (100%)

diff --git a/docs/01python/04variables/index.mdx b/docs/01python/04variables/index.mdx
index bc8f67178..cb77553d5 100644
--- a/docs/01python/04variables/index.mdx
+++ b/docs/01python/04variables/index.mdx
@@ -15,7 +15,7 @@ $$
 V=331.5+0.6t
 $$
 
-<ViewSource path="/variables/sound-velocity.ipynb" />
+<ViewSource path="/variables/sound_velocity.ipynb" />
 
 一応できましたが、 $t$ を変えようとすると、(これぐらいならすぐできますが)いちいちプログラムを全て読み直して、温度を書き換えなければなりません。これが、複雑な計算式だったら、どの値を変えればいいのかわからなくなってしまいそうです。
 
@@ -39,11 +39,11 @@ $$
 
 そのため、変数を使うと、次のようにより変更しやすいようなプログラムを書くことができます。
 
-<ViewSource path="/variables/sound-velocity-revised.ipynb" />
+<ViewSource path="/variables/sound_velocity_revised.ipynb" />
 
 このようにすれば、例えば 10℃ ではなく 20℃ のときの音速を求めたくなったときに次のように `t = 20` とするだけでよくなり、より簡単にプログラムを変更することができます。
 
-<ViewSource path="/variables/sound-velocity-revised-20degree.ipynb" />
+<ViewSource path="/variables/sound_velocity_revised_20degree.ipynb" />
 
 :::tip
 Python では、数学とは違い `=` は右の結果を左の変数に代入するという意味です。
@@ -80,7 +80,7 @@ F=\frac{9}{5}C+32
 $$
 
 <Answer>
-  <ViewSource path="/variables/to-fahrenheit.ipynb" />
+  <ViewSource path="/variables/to_fahrenheit.ipynb" />
 </Answer>
 
 ### 練習問題 2
@@ -98,5 +98,5 @@ y
 
 3 行目では、`x + y` の値が評価されてその結果が `y` に代入されます。そのため、$2+3=5$ が `y` に代入され `5` が出力されます。
 
-  <ViewSource path="/variables/substitution-practice.ipynb"/>
+  <ViewSource path="/variables/substitution_practice.ipynb"/>
 </Answer>
diff --git a/static/variables/sound-velocity-revised-20degree.ipynb b/static/variables/sound-velocity_revised_20degree.ipynb
similarity index 100%
rename from static/variables/sound-velocity-revised-20degree.ipynb
rename to static/variables/sound-velocity_revised_20degree.ipynb
diff --git a/static/variables/sound-velocity.ipynb b/static/variables/sound_velocity.ipynb
similarity index 100%
rename from static/variables/sound-velocity.ipynb
rename to static/variables/sound_velocity.ipynb
diff --git a/static/variables/sound-velocity-revised.ipynb b/static/variables/sound_velocity_revised.ipynb
similarity index 100%
rename from static/variables/sound-velocity-revised.ipynb
rename to static/variables/sound_velocity_revised.ipynb
diff --git a/static/variables/substitution-practice.ipynb b/static/variables/substitution_practice.ipynb
similarity index 100%
rename from static/variables/substitution-practice.ipynb
rename to static/variables/substitution_practice.ipynb
diff --git a/static/variables/to-fahrenheit.ipynb b/static/variables/to_fahrenheit.ipynb
similarity index 100%
rename from static/variables/to-fahrenheit.ipynb
rename to static/variables/to_fahrenheit.ipynb

From a491b74bfafd5d14ad6cee467dc17cfa5ba59253 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 21:47:42 +0900
Subject: [PATCH 09/31] Update function article

---
 docs/01python/05function/index.mdx            | 28 +++++++++----------
 static/function/{x2.ipynb => calc_x^2.ipynb}  |  0
 ..._function.ipynb => calc_x^2_revised.ipynb} |  0
 ...ipynb => introduce_language_fstring.ipynb} |  0
 static/function/introduce_self4.ipynb         | 20 -------------
 ...lf2.ipynb => introduce_self_fstring.ipynb} |  0
 ...pynb => introduce_self_return_value.ipynb} |  0
 7 files changed, 13 insertions(+), 35 deletions(-)
 rename static/function/{x2.ipynb => calc_x^2.ipynb} (100%)
 rename static/function/{x2_function.ipynb => calc_x^2_revised.ipynb} (100%)
 rename static/function/{introduce_language2.ipynb => introduce_language_fstring.ipynb} (100%)
 delete mode 100644 static/function/introduce_self4.ipynb
 rename static/function/{introduce_self2.ipynb => introduce_self_fstring.ipynb} (100%)
 rename static/function/{introduce_self3.ipynb => introduce_self_return_value.ipynb} (100%)

diff --git a/docs/01python/05function/index.mdx b/docs/01python/05function/index.mdx
index 33feda432..2b1fd6978 100644
--- a/docs/01python/05function/index.mdx
+++ b/docs/01python/05function/index.mdx
@@ -11,13 +11,13 @@ import Answer from "@site/src/components/Answer";
 
 $f(x) = x^2$ としたときの、$f(2) + f(3)$ を求めてみましょう。
 
-<ViewSource path="/function/x2.ipynb" />
+<ViewSource path="/function/calc_x^2.ipynb" />
 
-一応できましたが、このようにつくると関数値を求めるときに毎回 $f(x)$ の定義を見て書かなければなりません。今回のように、単純な関数では良いですがもっと複雑な関数では大変です。このようなときに、Python では関数を使用できます。
+一応できましたが、このようにつくると関数値を求めるときに毎回 $f(x)$ の定義を見て書かなければなりません。今回のように、単純な関数では良いですがもっと複雑な関数では大変です。ここで、関数が活躍します。
 
 関数を用いると、次のように簡単にプログラムを書くことができます。
 
-<ViewSource path="/function/x2_function.ipynb" />
+<ViewSource path="/function/calc_x^2_revised.ipynb" />
 
 関数は、次のようにして定義することができます。引数は「ひきすう」と読みます。
 
@@ -48,21 +48,15 @@ Python では、きちんとインデント（字下げ）をしないとエラ
 
 <ViewSource path="/function/introduce_self.ipynb" />
 
-:::info
-上のプログラムでも問題ないのですが、実際には次のプログラムのように `f-string` を使った表記の方が可読性が高くなって良さそうです。
+:::note
+上のプログラムでも問題ないのですが、実際には次のプログラムのように `f-string` を使った表記の方が可読性が高くなって実際の開発では好まれてたりします。しかし、あまり気にしなくて良いでしょう。ちなみに、`"` の前に `f` と書くことで、`"` 内の `{` で囲まれた変数の中身を表示できます。
 
-<ViewSource path="/function/introduce_self2.ipynb" />
+<ViewSource path="/function/introduce_self_fstring.ipynb" />
 :::
 
 戻り値を使うと、次のようにも表現できます。
 
-<ViewSource path="/function/introduce_self3.ipynb" />
-
-:::info
-`f-string` を使うと、次のようになります。
-
-<ViewSource path="/function/introduce_self4.ipynb" />
-:::
+<ViewSource path="/function/introduce_self_return_value.ipynb" />
 
 ### 練習問題 1
 
@@ -87,11 +81,15 @@ $G=6.7\times 10^{-11}$、$r=2$、$M=60$、$m=20$ とします。
 `私の名前は、東大太郎です。中国語選択です。` のように自分の名前と第２外国語を紹介する関数を作ってみましょう。
 
 <Answer>
+
 <ViewSource path="/function/introduce_language.ipynb" />
 
-:::info
+:::note
+
 `f-string` を使うと次のようになります。
 
-<ViewSource path="/function/introduce_language2.ipynb" />
+<ViewSource path="/function/introduce_language_fstring.ipynb" />
+
 :::
+
 </Answer>
diff --git a/static/function/x2.ipynb b/static/function/calc_x^2.ipynb
similarity index 100%
rename from static/function/x2.ipynb
rename to static/function/calc_x^2.ipynb
diff --git a/static/function/x2_function.ipynb b/static/function/calc_x^2_revised.ipynb
similarity index 100%
rename from static/function/x2_function.ipynb
rename to static/function/calc_x^2_revised.ipynb
diff --git a/static/function/introduce_language2.ipynb b/static/function/introduce_language_fstring.ipynb
similarity index 100%
rename from static/function/introduce_language2.ipynb
rename to static/function/introduce_language_fstring.ipynb
diff --git a/static/function/introduce_self4.ipynb b/static/function/introduce_self4.ipynb
deleted file mode 100644
index 398a81d32..000000000
--- a/static/function/introduce_self4.ipynb
+++ /dev/null
@@ -1,20 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def introduce_self(name):\n",
-    "    return f\"私の名前は、{name}です。\"\n",
-    "\n",
-    "\n",
-    "print(introduce_self(\"小林\"))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/function/introduce_self2.ipynb b/static/function/introduce_self_fstring.ipynb
similarity index 100%
rename from static/function/introduce_self2.ipynb
rename to static/function/introduce_self_fstring.ipynb
diff --git a/static/function/introduce_self3.ipynb b/static/function/introduce_self_return_value.ipynb
similarity index 100%
rename from static/function/introduce_self3.ipynb
rename to static/function/introduce_self_return_value.ipynb

From fb9c596598d092bf8c5e3efe1ce0f5ecd2c9c656 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 21:49:16 +0900
Subject: [PATCH 10/31] Add Hint component

---
 src/components/Hint/index.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 src/components/Hint/index.tsx

diff --git a/src/components/Hint/index.tsx b/src/components/Hint/index.tsx
new file mode 100644
index 000000000..d9efb5c45
--- /dev/null
+++ b/src/components/Hint/index.tsx
@@ -0,0 +1,9 @@
+import React, { type ReactNode } from "react";
+import Details from "@theme/Details";
+
+/**
+ * Hint component
+ */
+export default function Hint({ children }: { children: ReactNode }) {
+  return <Details summary={<summary>ヒント</summary>}>{children}</Details>;
+}

From 6857ffca5bb10d4080bdbd304fbb250f68bab963 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 21:53:23 +0900
Subject: [PATCH 11/31] Add Hint for function problem

---
 docs/01python/05function/index.mdx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/docs/01python/05function/index.mdx b/docs/01python/05function/index.mdx
index 2b1fd6978..3cef1e393 100644
--- a/docs/01python/05function/index.mdx
+++ b/docs/01python/05function/index.mdx
@@ -3,6 +3,7 @@ sidebar_position: 5
 ---
 
 import ViewSource from "@site/src/components/ViewSource";
+import Hint from "@site/src/components/Hint";
 import Answer from "@site/src/components/Answer";
 
 # 関数
@@ -80,6 +81,12 @@ $G=6.7\times 10^{-11}$、$r=2$、$M=60$、$m=20$ とします。
 
 `私の名前は、東大太郎です。中国語選択です。` のように自分の名前と第２外国語を紹介する関数を作ってみましょう。
 
+<Hint>
+
+`name` と `language` を引数にとる `introduce_self` 関数を作ってみると、良いでしょう。
+
+</Hint>
+
 <Answer>
 
 <ViewSource path="/function/introduce_language.ipynb" />

From 8411d490e6fabdf364c83f54c21fc3df3310c2fb Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:10:07 +0900
Subject: [PATCH 12/31] Update library article

---
 docs/01python/06library/index.mdx             | 21 +++++++++++--------
 static/library/{e.ipynb => calc_e.ipynb}      |  0
 ...e2.ipynb => calc_e_another_solution.ipynb} |  0
 static/library/{sin_pi.ipynb => sin_90.ipynb} |  0
 4 files changed, 12 insertions(+), 9 deletions(-)
 rename static/library/{e.ipynb => calc_e.ipynb} (100%)
 rename static/library/{e2.ipynb => calc_e_another_solution.ipynb} (100%)
 rename static/library/{sin_pi.ipynb => sin_90.ipynb} (100%)

diff --git a/docs/01python/06library/index.mdx b/docs/01python/06library/index.mdx
index c915988d2..4f01f1277 100644
--- a/docs/01python/06library/index.mdx
+++ b/docs/01python/06library/index.mdx
@@ -9,7 +9,7 @@ import Answer from "@site/src/components/Answer";
 
 ## ライブラリ
 
-Python では、自分でいちいち関数を作らなくても、すでに用意されている豊富な関数群を使うことができます。（素晴らしい！）
+Python では、自分でいちいち関数を作らなくても、すでに用意されている豊富な関数群を使うことができます。(素晴らしい！)
 
 例えば、数学に関する計算をするのに便利な `math` ライブラリがあります。`math` ライブラリを使うと、様々な計算を行うことができます。
 
@@ -29,7 +29,7 @@ import math
 
 :::caution
 
-下に示した `math` ライブラリの関数をすべて覚えようとしなくて構いません。必要なときに、調べれば十分です。`math` ライブラリのドキュメントは[こちら](https://docs.python.org/ja/3/library/math.html)です。よく使う関数は自然に覚えます。
+下に示した `math` ライブラリの関数をすべて覚えようとしなくて構いません。必要なときに、調べれば十分です。`math` ライブラリのドキュメントは[こちら](https://docs.python.org/ja/3/library/math.html)にあります。よく使う関数は自然に覚えます。
 
 :::
 
@@ -39,7 +39,7 @@ import math
 | `math.ceil(x)`     | `x` の切り上げを返す。               | <ViewSource path="/library/ceil.ipynb" />  |
 | `math.floor(x)`    | `x` の切り捨てを返す。               | <ViewSource path="/library/floor.ipynb" /> |
 | `math.fabs(x)`     | `x` の絶対値を返す。                 | <ViewSource path="/library/fabs.ipynb" />  |
-| `math.sqrt(x)`     | $\sqrt{x}$ を返す。                  | <ViewSource path="/library/sqrt.ipynb" />  |
+| `math.sqrt(x)`     | `x` の平方根を返す。                 | <ViewSource path="/library/sqrt.ipynb" />  |
 | `math.log(x,base)` | `base` を底とする `x` の対数を返す。 | <ViewSource path="/library/log.ipynb" />   |
 | `math.exp(x)`      | $e^x$ を返す。                       | <ViewSource path="/library/exp.ipynb" />   |
 | `math.sin(x)`      | $\sin x$ を返す。`x` はラジアン      | <ViewSource path="/library/sin.ipynb" />   |
@@ -58,10 +58,10 @@ Python の公式ドキュメントは、<https://docs.python.org/ja/3/>を見る
 
 ### 練習問題 1
 
-`math` ライブラリを使用して、$\sin \frac{\pi}{2}$ の値を計算してみましょう。
+`math` ライブラリを使用して、$\sin (\pi/2)$ の値を計算してみましょう。
 
 <Answer>
-  <ViewSource path="/library/sin_pi.ipynb" />
+  <ViewSource path="/library/sin_90.ipynb" />
 </Answer>
 
 ### 練習問題 2
@@ -75,11 +75,14 @@ Python の公式ドキュメントは、<https://docs.python.org/ja/3/>を見る
 `math` ライブラリの[公式ドキュメント](https://docs.python.org/ja/3/library/math.html#constants)に使い方が載っています。
 `math.e` とすれば、自然対数の底を取得することができます。
 
-<ViewSource path="/library/e.ipynb" />
+<ViewSource path="/library/calc_e.ipynb" />
 
-:::info
-$e^1 = e$ であることを利用して下のようにすれば調べなくてもできますが（笑）、上のようにした方が良いでしょう。
+:::note
+
+$e^1 = e$ であることを利用して下のようにすれば調べなくてもできますが(笑)、上のようにした方が良いでしょう。
+
+<ViewSource path="/library/calc_e_another_solution.ipynb" />
 
-<ViewSource path="/library/e2.ipynb" />
 :::
+
 </Answer>
diff --git a/static/library/e.ipynb b/static/library/calc_e.ipynb
similarity index 100%
rename from static/library/e.ipynb
rename to static/library/calc_e.ipynb
diff --git a/static/library/e2.ipynb b/static/library/calc_e_another_solution.ipynb
similarity index 100%
rename from static/library/e2.ipynb
rename to static/library/calc_e_another_solution.ipynb
diff --git a/static/library/sin_pi.ipynb b/static/library/sin_90.ipynb
similarity index 100%
rename from static/library/sin_pi.ipynb
rename to static/library/sin_90.ipynb

From 77508cc94f51b738a2a74b9a0a94202e8809dff8 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:18:31 +0900
Subject: [PATCH 13/31] Update pip article

---
 docs/01python/07pip/index.mdx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/01python/07pip/index.mdx b/docs/01python/07pip/index.mdx
index 8dcb8f3f4..bb232dc32 100644
--- a/docs/01python/07pip/index.mdx
+++ b/docs/01python/07pip/index.mdx
@@ -29,16 +29,17 @@ Google Colaboratory で pip を使ってパッケージをインストールす
 
 <ViewSource path="/pip/pandas.ipynb" />
 
-:::info
-Google Colaboratory などの Jupyter Notebook を使った方法ではなく、直接 `.py` ファイルを使った方法の場合は、pip の使い方が異なります。
+:::note
+
+Google Colaboratory を使わない場合は少しやり方が異なります。`.py` ファイルを使う場合は、次のようにします。
 
-ターミナルなどで次のコマンドを実行すると、パッケージをインストールできます。
+ターミナルなどで次のコマンドを実行することで、パッケージをインストールできます。一度インストールすれば、その後はインストールし直す必要はありません。
 
 ```shell
 pip install pandas
 ```
 
-その後、次のようなコードを実行すると、パッケージを使用することができます。
+その後、次のようにすることで、パッケージを使用することができます。
 
 ```python title=hello_pandas.py
 import pandas as pd

From 98f21f3dcfd50fb1f99df748a19db56f0227b293 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:22:32 +0900
Subject: [PATCH 14/31] Update for article

---
 docs/01python/08for/index.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/01python/08for/index.mdx b/docs/01python/08for/index.mdx
index a048bf853..0b3b6d33b 100644
--- a/docs/01python/08for/index.mdx
+++ b/docs/01python/08for/index.mdx
@@ -27,11 +27,11 @@ import Answer from "@site/src/components/Answer";
 
 一応作ることはできますが、時間がかかりますし、打ち間違いをする可能性も高くなってきます。もう少し良い方法を考えなければなりません。
 
-ここで for 文の出番です。for 文は、繰り返し処理を簡単に書くことができます。1 から 100 までの和を for 文を用いて求めるプログラムを見てみましょう。
+ここで for 文の出番です。for 文は、繰り返し処理を簡単に書くことができます。1 から 100 までの和を for 文を用いて求めるプログラムを見てみましょう。※この後、詳しく説明します。
 
 <ViewSource path="/for/for_sum_1to100.ipynb" />
 
-for 文を用いると、このように簡単に書くことができます。また、問題が少し変わっても、すぐにそれに合わせたプログラムを作ることができ拡張性があります。例えば、1 から 1000 の和はこのプログラムの `101` を `1001` にするだけで簡単に作ることができます。
+for 文を用いると、このように簡単に書くことができます。また、問題が少し変わっても、すぐにそれに合わせたプログラムを作ることができ拡張性があります。例えば、1 から 1000 の和はこのプログラムの `101` を `1001` にするだけで簡単に作ることができます。※この後、詳しく説明します。
 
 <ViewSource path="/for/for_sum_1to1000.ipynb" />
 

From 8c6086b52be9518e124f390ef7fb17052c832c20 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:30:11 +0900
Subject: [PATCH 15/31] Move if article

---
 docs/01python/{11if => 08if}/index.mdx                   | 2 +-
 docs/01python/{08for => 09for}/index.mdx                 | 2 +-
 docs/01python/{09array => 10array}/index.mdx             | 2 +-
 docs/01python/{10multi-array => 11multi-array}/index.mdx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)
 rename docs/01python/{11if => 08if}/index.mdx (99%)
 rename docs/01python/{08for => 09for}/index.mdx (99%)
 rename docs/01python/{09array => 10array}/index.mdx (99%)
 rename docs/01python/{10multi-array => 11multi-array}/index.mdx (99%)

diff --git a/docs/01python/11if/index.mdx b/docs/01python/08if/index.mdx
similarity index 99%
rename from docs/01python/11if/index.mdx
rename to docs/01python/08if/index.mdx
index a8789da8f..f2ce49ce9 100644
--- a/docs/01python/11if/index.mdx
+++ b/docs/01python/08if/index.mdx
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 11
+sidebar_position: 8
 ---
 
 import ViewSource from "@site/src/components/ViewSource";
diff --git a/docs/01python/08for/index.mdx b/docs/01python/09for/index.mdx
similarity index 99%
rename from docs/01python/08for/index.mdx
rename to docs/01python/09for/index.mdx
index 0b3b6d33b..70d6756e0 100644
--- a/docs/01python/08for/index.mdx
+++ b/docs/01python/09for/index.mdx
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 8
+sidebar_position: 9
 ---
 
 import ViewSource from "@site/src/components/ViewSource";
diff --git a/docs/01python/09array/index.mdx b/docs/01python/10array/index.mdx
similarity index 99%
rename from docs/01python/09array/index.mdx
rename to docs/01python/10array/index.mdx
index bfa0c713f..03de37bf6 100644
--- a/docs/01python/09array/index.mdx
+++ b/docs/01python/10array/index.mdx
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 9
+sidebar_position: 10
 ---
 
 import ViewSource from "@site/src/components/ViewSource";
diff --git a/docs/01python/10multi-array/index.mdx b/docs/01python/11multi-array/index.mdx
similarity index 99%
rename from docs/01python/10multi-array/index.mdx
rename to docs/01python/11multi-array/index.mdx
index 97c1af2af..e536dc0cc 100644
--- a/docs/01python/10multi-array/index.mdx
+++ b/docs/01python/11multi-array/index.mdx
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 10
+sidebar_position: 11
 ---
 
 import ViewSource from "@site/src/components/ViewSource";

From 0d6a5eb27eba1615662603923df18fbf999be23c Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:34:02 +0900
Subject: [PATCH 16/31] Update pip article

---
 docs/01python/07pip/index.mdx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/01python/07pip/index.mdx b/docs/01python/07pip/index.mdx
index bb232dc32..aaccfd981 100644
--- a/docs/01python/07pip/index.mdx
+++ b/docs/01python/07pip/index.mdx
@@ -7,6 +7,8 @@ import Answer from "@site/src/components/Answer";
 
 # パッケージのインストール
 
+ここでは、パッケージをインストールする方法について説明していきます。
+
 ## pip
 
 前項で、Python では様々なライブラリを使用することができると書きました。一部のプリインストールされているライブラリは先程のようにただファイルの先頭で `import ライブラリ名` のように書くだけでライブラリを使用することができますが、多くのライブラリはこれだけでは使用することができません。パッケージをインストールする必要があります。
@@ -15,7 +17,7 @@ Python では、パッケージのインストールを行うユーティリテ
 
 ## pip の使い方
 
-Google Colaboratory で pip を使ってパッケージをインストールするには、`!pip install ライブラリ名` のように書くだけです。その後は、前項のように `import ライブラリ名` と書くことで任意のライブラリを使用することができます。
+Google Colaboratory で pip を使ってパッケージをインストールするには、`!pip install ライブラリ名` のように書くだけです。その後は、前項のように `import ライブラリ名` と書くことで任意のライブラリを使用することができます。今回の内容で覚えることは、これだけです。
 
 例として、Python の代表的なデータ解析を支援するパッケージである `pandas` パッケージを使ってみましょう。
 

From d74c5f74b55952db706137893619fd4055906885 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:40:16 +0900
Subject: [PATCH 17/31] Rename hello-world => getting-started

---
 .../{02hello-world => 02getting-started}/index.mdx        | 8 ++++----
 static/{hello-world => getting-started}/comment.ipynb     | 0
 static/{hello-world => getting-started}/comment2.ipynb    | 0
 .../hello_from_python.ipynb                               | 0
 static/{hello-world => getting-started}/hello_world.ipynb | 0
 5 files changed, 4 insertions(+), 4 deletions(-)
 rename docs/01python/{02hello-world => 02getting-started}/index.mdx (84%)
 rename static/{hello-world => getting-started}/comment.ipynb (100%)
 rename static/{hello-world => getting-started}/comment2.ipynb (100%)
 rename static/{hello-world => getting-started}/hello_from_python.ipynb (100%)
 rename static/{hello-world => getting-started}/hello_world.ipynb (100%)

diff --git a/docs/01python/02hello-world/index.mdx b/docs/01python/02getting-started/index.mdx
similarity index 84%
rename from docs/01python/02hello-world/index.mdx
rename to docs/01python/02getting-started/index.mdx
index a748b9a83..d70c3cb9c 100644
--- a/docs/01python/02hello-world/index.mdx
+++ b/docs/01python/02getting-started/index.mdx
@@ -13,7 +13,7 @@ import Answer from "@site/src/components/Answer";
 
 プログラミングの世界では、まず画面上に `Hello World!` と表示させるのが慣例になっています。以下のコードが画面上に `Hello World!` と表示するプログラムです。以下のコードを Google Colaboratory 上で実行してみましょう。
 
-<ViewSource path="/hello-world/hello_world.ipynb" />
+<ViewSource path="/getting-started/hello_world.ipynb" />
 
 `Hello World!` と表示されたら成功です。
 
@@ -27,7 +27,7 @@ import Answer from "@site/src/components/Answer";
 
 `"` と `"` で括られた文字列を `Hello World!` から次のように `Hello from Python!` に変えれば、完成です。
 
-  <ViewSource path="/hello-world/hello_from_python.ipynb" />
+  <ViewSource path="/getting-started/hello_from_python.ipynb" />
 </Answer>
 
 ## コメント
@@ -35,6 +35,6 @@ import Answer from "@site/src/components/Answer";
 `#` から文末まではコメントとして扱われます。
 プログラムを読みやすくするために説明を書くときや一時的にあるコードを実行しないようにするときなどによく使われます。
 
-<ViewSource path="/hello-world/comment.ipynb" />
+<ViewSource path="/getting-started/comment.ipynb" />
 
-<ViewSource path="/hello-world/comment2.ipynb" />
+<ViewSource path="/getting-started/comment2.ipynb" />
diff --git a/static/hello-world/comment.ipynb b/static/getting-started/comment.ipynb
similarity index 100%
rename from static/hello-world/comment.ipynb
rename to static/getting-started/comment.ipynb
diff --git a/static/hello-world/comment2.ipynb b/static/getting-started/comment2.ipynb
similarity index 100%
rename from static/hello-world/comment2.ipynb
rename to static/getting-started/comment2.ipynb
diff --git a/static/hello-world/hello_from_python.ipynb b/static/getting-started/hello_from_python.ipynb
similarity index 100%
rename from static/hello-world/hello_from_python.ipynb
rename to static/getting-started/hello_from_python.ipynb
diff --git a/static/hello-world/hello_world.ipynb b/static/getting-started/hello_world.ipynb
similarity index 100%
rename from static/hello-world/hello_world.ipynb
rename to static/getting-started/hello_world.ipynb

From c6c4ea515552febdade0d13a252ce6270d1e4666 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:41:44 +0900
Subject: [PATCH 18/31] Update getting-started article

---
 docs/01python/02getting-started/index.mdx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/01python/02getting-started/index.mdx b/docs/01python/02getting-started/index.mdx
index d70c3cb9c..cd0ecac43 100644
--- a/docs/01python/02getting-started/index.mdx
+++ b/docs/01python/02getting-started/index.mdx
@@ -7,6 +7,8 @@ import Answer from "@site/src/components/Answer";
 
 # はじめての Python
 
+はじめてのプログラムを書いてみましょう。
+
 ## Hello World
 
 はじめてのプログラムを書いてみましょう。

From fd135a01f40dd03f7aa84efc407b339520529b90 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:47:00 +0900
Subject: [PATCH 19/31] Update expressions article

---
 docs/01python/03expressions/index.mdx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/01python/03expressions/index.mdx b/docs/01python/03expressions/index.mdx
index 2d313ed53..c30cef143 100644
--- a/docs/01python/03expressions/index.mdx
+++ b/docs/01python/03expressions/index.mdx
@@ -7,6 +7,8 @@ import Answer from "@site/src/components/Answer";
 
 # 算術演算子
 
+ここでは、Python で様々な計算を行っていきます。
+
 ## 算術演算子
 
 Python を使って演算をしてみましょう。次のように書くと、$1+1$ を Python に計算させて、その結果を表示することができます。

From 2c37e32521095b3d34a745c4f898001d69497736 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:47:12 +0900
Subject: [PATCH 20/31] Update variables article

---
 docs/01python/04variables/index.mdx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/01python/04variables/index.mdx b/docs/01python/04variables/index.mdx
index cb77553d5..9e2176161 100644
--- a/docs/01python/04variables/index.mdx
+++ b/docs/01python/04variables/index.mdx
@@ -7,6 +7,8 @@ import Answer from "@site/src/components/Answer";
 
 # 変数
 
+ここでは、変数の使い方を学びます。
+
 ## 変数
 
 10℃ での音速を求めてみましょう。$V$ を音速、$t$ を摂氏温度とすると、音速はおおよそ次のような式で求められます。

From a779474f0c0303a498e2ce69d7c1d99a6b5c7548 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:47:21 +0900
Subject: [PATCH 21/31] Update function article

---
 docs/01python/05function/index.mdx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/01python/05function/index.mdx b/docs/01python/05function/index.mdx
index 3cef1e393..2b0f019a4 100644
--- a/docs/01python/05function/index.mdx
+++ b/docs/01python/05function/index.mdx
@@ -8,6 +8,8 @@ import Answer from "@site/src/components/Answer";
 
 # 関数
 
+ここでは、関数の使い方を学んでいきます。
+
 ## 関数
 
 $f(x) = x^2$ としたときの、$f(2) + f(3)$ を求めてみましょう。

From 6b8819abb7ec5056ef1d608d8819be5b73017284 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Fri, 3 Feb 2023 22:47:31 +0900
Subject: [PATCH 22/31] Update library article

---
 docs/01python/06library/index.mdx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/01python/06library/index.mdx b/docs/01python/06library/index.mdx
index 4f01f1277..ec3d48f5d 100644
--- a/docs/01python/06library/index.mdx
+++ b/docs/01python/06library/index.mdx
@@ -7,6 +7,8 @@ import Answer from "@site/src/components/Answer";
 
 # ライブラリ
 
+ここでは、ライブラリの使い方を学びます。
+
 ## ライブラリ
 
 Python では、自分でいちいち関数を作らなくても、すでに用意されている豊富な関数群を使うことができます。(素晴らしい！)

From 0f692e2d6eada79198e4127fae298fe676e269d4 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 10:06:21 +0900
Subject: [PATCH 23/31] Update if article

---
 docs/01python/08if/index.mdx                  | 29 +++++++++--------
 static/if/greater_val.ipynb                   | 31 +++++++++++++++++++
 ...2.ipynb => logical_operator_another.ipynb} |  0
 ....ipynb => multi_comparison_operator.ipynb} |  0
 4 files changed, 47 insertions(+), 13 deletions(-)
 create mode 100644 static/if/greater_val.ipynb
 rename static/if/{logical_operator2.ipynb => logical_operator_another.ipynb} (100%)
 rename static/if/{comparison_operator2.ipynb => multi_comparison_operator.ipynb} (100%)

diff --git a/docs/01python/08if/index.mdx b/docs/01python/08if/index.mdx
index f2ce49ce9..c09b7b582 100644
--- a/docs/01python/08if/index.mdx
+++ b/docs/01python/08if/index.mdx
@@ -7,6 +7,8 @@ import Answer from "@site/src/components/Answer";
 
 # 条件分岐
 
+ここでは、Python で条件分岐をする方法について学んでいきます。
+
 ## 論理値
 
 Python では、文字列や数字以外にも論理値という真か偽かを表す値があります。真は `True`、偽は `False` と表せ、これは変数などにも代入できます。
@@ -23,7 +25,7 @@ Python では、次のように比較演算子を用いて真偽を判定する
 
 <ViewSource path="/if/comparison_operator.ipynb" />
 
-他にも様々な比較演算子があります。
+他にも様々な比較演算子があります。なぜか `!=` の存在を忘れる人が続出するので、要注意！
 
 | 比較演算子 | 説明       | 例                                        |
 | ---------- | ---------- | ----------------------------------------- |
@@ -36,7 +38,7 @@ Python では、次のように比較演算子を用いて真偽を判定する
 
 他の多くのプログラミング言語はできませんが、実は、Python では数学のように複数の比較演算子を使った条件も書くことができます。
 
-<ViewSource path="/if/comparison_operator2.ipynb" />
+<ViewSource path="/if/multi_comparison_operator.ipynb" />
 
 ## 論理演算子
 
@@ -46,7 +48,7 @@ Python では、次のように比較演算子を用いて真偽を判定する
 
 このプログラムは、`>=` 一つを使って書き換えた次と同じです。
 
-<ViewSource path="/if/logical_operator2.ipynb" />
+<ViewSource path="/if/logical_operator_another.ipynb" />
 
 他にも様々な論理演算子があります。
 
@@ -111,6 +113,16 @@ else:
 
 ### 練習問題 1
 
+2 つの数のうち大きい方の数を返す関数を作りましょう。
+
+<Answer>
+
+<ViewSource path="/if/greater_val.ipynb" />
+
+</Answer>
+
+### 練習問題 2
+
 絶対値を求めるプログラムを作ってみましょう。
 
 <Answer>
@@ -120,19 +132,10 @@ else:
 
 <ViewSource path="/if/abs2.ipynb" />
 
-実は、組み込み関数で abs 関数があります。また、[math ライブラリの fabs 関数](https://docs.python.org/ja/3/library/math.html#math.fabs)もあります。
+実は、組み込み関数で abs 関数があります。また、前に出てきた[math ライブラリの fabs 関数](https://docs.python.org/ja/3/library/math.html#math.fabs)もあります。
 
 <ViewSource path="/if/abs_default.ipynb" />
 
 <ViewSource path="/if/abs_math.ipynb" />
 
 </Answer>
-
-### 練習問題 2
-
-数学の得点の配列が与えられた時、その配列中での最大値を求めるプログラムを作ってみましょう。
-与えられる配列を `[55, 32, 16, 51, 80, 19]` として実際に求めてみましょう。
-
-<Answer>
-  <ViewSource path="/if/max.ipynb" />
-</Answer>
diff --git a/static/if/greater_val.ipynb b/static/if/greater_val.ipynb
new file mode 100644
index 000000000..ec35d288f
--- /dev/null
+++ b/static/if/greater_val.ipynb
@@ -0,0 +1,31 @@
+{
+ "nbformat": 4,
+ "nbformat_minor": 2,
+ "metadata": {},
+ "cells": [
+  {
+   "metadata": {},
+   "source": [
+    "def greater_val(a, b):\n",
+    "    if a > b:\n",
+    "        return a\n",
+    "    else:\n",
+    "        return b\n",
+    "\n",
+    "\n",
+    "print(greater_val(7, 5))"
+   ],
+   "cell_type": "code",
+   "outputs": [
+    {
+     "output_type": "stream",
+     "name": "stdout",
+     "text": [
+      "7\n"
+     ]
+    }
+   ],
+   "execution_count": null
+  }
+ ]
+}
diff --git a/static/if/logical_operator2.ipynb b/static/if/logical_operator_another.ipynb
similarity index 100%
rename from static/if/logical_operator2.ipynb
rename to static/if/logical_operator_another.ipynb
diff --git a/static/if/comparison_operator2.ipynb b/static/if/multi_comparison_operator.ipynb
similarity index 100%
rename from static/if/comparison_operator2.ipynb
rename to static/if/multi_comparison_operator.ipynb

From 2e9d2ef53527d3830ffc14b312f1533369c387a4 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 10:08:33 +0900
Subject: [PATCH 24/31] Update expressions article

---
 docs/01python/03expressions/index.mdx              | 2 +-
 static/expressions/{print_sum.ipynb => sum2.ipynb} | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename static/expressions/{print_sum.ipynb => sum2.ipynb} (100%)

diff --git a/docs/01python/03expressions/index.mdx b/docs/01python/03expressions/index.mdx
index c30cef143..508db4360 100644
--- a/docs/01python/03expressions/index.mdx
+++ b/docs/01python/03expressions/index.mdx
@@ -26,7 +26,7 @@ Python では、多くの場合半角スペースは無視されます。(ただ
 
 Google Colaboratory 以外で実行するときなど上のようなプログラムでうまく動かないときは、下のように書いてみてください。
 
-<ViewSource path="/expressions/print_sum.ipynb" />
+<ViewSource path="/expressions/sum2.ipynb" />
 :::
 
 Python では足し算以外にも次のように様々な演算をすることができます。
diff --git a/static/expressions/print_sum.ipynb b/static/expressions/sum2.ipynb
similarity index 100%
rename from static/expressions/print_sum.ipynb
rename to static/expressions/sum2.ipynb

From 0a7c0cd610eea989cd8cafcfd8546bb2ce6f5d7c Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 10:11:07 +0900
Subject: [PATCH 25/31] Update library article

---
 docs/01python/06library/index.mdx                               | 2 +-
 .../library/{calc_e_another_solution.ipynb => calc_e_2.ipynb}   | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename static/library/{calc_e_another_solution.ipynb => calc_e_2.ipynb} (100%)

diff --git a/docs/01python/06library/index.mdx b/docs/01python/06library/index.mdx
index ec3d48f5d..92500db78 100644
--- a/docs/01python/06library/index.mdx
+++ b/docs/01python/06library/index.mdx
@@ -83,7 +83,7 @@ Python の公式ドキュメントは、<https://docs.python.org/ja/3/>を見る
 
 $e^1 = e$ であることを利用して下のようにすれば調べなくてもできますが(笑)、上のようにした方が良いでしょう。
 
-<ViewSource path="/library/calc_e_another_solution.ipynb" />
+<ViewSource path="/library/calc_e_2.ipynb" />
 
 :::
 
diff --git a/static/library/calc_e_another_solution.ipynb b/static/library/calc_e_2.ipynb
similarity index 100%
rename from static/library/calc_e_another_solution.ipynb
rename to static/library/calc_e_2.ipynb

From 1e48091f8d28849433003e4f905c9be4f4c44a90 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 10:28:34 +0900
Subject: [PATCH 26/31] Update if article

---
 docs/01python/08if/index.mdx | 20 ++++++++++++++++++-
 static/if/grade.ipynb        | 37 ++++++++++++++++++++++++++++++++++++
 2 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 static/if/grade.ipynb

diff --git a/docs/01python/08if/index.mdx b/docs/01python/08if/index.mdx
index c09b7b582..1a35d78e1 100644
--- a/docs/01python/08if/index.mdx
+++ b/docs/01python/08if/index.mdx
@@ -113,6 +113,24 @@ else:
 
 ### 練習問題 1
 
+学生の成績を判定するプログラムを作ってみましょう。学生の点数から、優上、優、良、可、不可を判定してください。
+
+| 成績 | 点数      |
+| ---- | --------- |
+| 優上 | 90 点以上 |
+| 優   | 80〜89 点 |
+| 良   | 65〜79 点 |
+| 可   | 50〜64 点 |
+| 不可 | 0〜49 点  |
+
+<Answer>
+
+<ViewSource path="/if/grade.ipynb" />
+
+</Answer>
+
+### 練習問題 2
+
 2 つの数のうち大きい方の数を返す関数を作りましょう。
 
 <Answer>
@@ -121,7 +139,7 @@ else:
 
 </Answer>
 
-### 練習問題 2
+### 練習問題 3
 
 絶対値を求めるプログラムを作ってみましょう。
 
diff --git a/static/if/grade.ipynb b/static/if/grade.ipynb
new file mode 100644
index 000000000..53a4cf49d
--- /dev/null
+++ b/static/if/grade.ipynb
@@ -0,0 +1,37 @@
+{
+ "nbformat": 4,
+ "nbformat_minor": 2,
+ "metadata": {},
+ "cells": [
+  {
+   "metadata": {},
+   "source": [
+    "def evaluate_grade(point):\n",
+    "    if point >= 90:\n",
+    "        print(\"優上です。非常に素晴らしい成績です！\")\n",
+    "    elif point >= 80:\n",
+    "        print(\"優です。素晴らしい成績です！\")\n",
+    "    elif point >= 65:\n",
+    "        print(\"良です。よく理解できています！\")\n",
+    "    elif point >= 50:\n",
+    "        print(\"可です。よく勉強しています。\")\n",
+    "    else:\n",
+    "        print(\"不可です。もう少し頑張りましょう。\")\n",
+    "\n",
+    "\n",
+    "evaluate_grade(79)"
+   ],
+   "cell_type": "code",
+   "outputs": [
+    {
+     "output_type": "stream",
+     "name": "stdout",
+     "text": [
+      "良です。よく理解できています！\n"
+     ]
+    }
+   ],
+   "execution_count": null
+  }
+ ]
+}

From c3595bd85289bebdef15e0524ff1cd6824f01715 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 11:35:41 +0900
Subject: [PATCH 27/31] Update for article

---
 docs/01python/09for/index.mdx                 | 25 ++++++------
 ...ctorial_lib.ipynb => factorial_math.ipynb} |  0
 static/for/for_sum_1to100.ipynb               | 19 ----------
 static/for/for_sum_1to1000.ipynb              | 19 ----------
 .../{for_1to10.ipynb => print_1to10.ipynb}    |  0
 .../{for_hello.ipynb => repeat_hello.ipynb}   |  0
 .../{for_hello2.ipynb => repeat_hello2.ipynb} |  0
 static/for/sum_1to1000_revised.ipynb          | 19 ++++++++++
 static/for/sum_1to100_revised.ipynb           | 19 ++++++++++
 static/for/up_to.ipynb                        | 23 +++++++++++
 .../for/{upto_sum.ipynb => up_to_sum.ipynb}   |  0
 static/for/upto.ipynb                         | 23 -----------
 static/for/while.ipynb                        | 38 +++++++++----------
 13 files changed, 94 insertions(+), 91 deletions(-)
 rename static/for/{factorial_lib.ipynb => factorial_math.ipynb} (100%)
 delete mode 100644 static/for/for_sum_1to100.ipynb
 delete mode 100644 static/for/for_sum_1to1000.ipynb
 rename static/for/{for_1to10.ipynb => print_1to10.ipynb} (100%)
 rename static/for/{for_hello.ipynb => repeat_hello.ipynb} (100%)
 rename static/for/{for_hello2.ipynb => repeat_hello2.ipynb} (100%)
 create mode 100644 static/for/sum_1to1000_revised.ipynb
 create mode 100644 static/for/sum_1to100_revised.ipynb
 create mode 100644 static/for/up_to.ipynb
 rename static/for/{upto_sum.ipynb => up_to_sum.ipynb} (100%)
 delete mode 100644 static/for/upto.ipynb

diff --git a/docs/01python/09for/index.mdx b/docs/01python/09for/index.mdx
index 70d6756e0..624f22ade 100644
--- a/docs/01python/09for/index.mdx
+++ b/docs/01python/09for/index.mdx
@@ -29,11 +29,11 @@ import Answer from "@site/src/components/Answer";
 
 ここで for 文の出番です。for 文は、繰り返し処理を簡単に書くことができます。1 から 100 までの和を for 文を用いて求めるプログラムを見てみましょう。※この後、詳しく説明します。
 
-<ViewSource path="/for/for_sum_1to100.ipynb" />
+<ViewSource path="/for/sum_1to100_revised.ipynb" />
 
 for 文を用いると、このように簡単に書くことができます。また、問題が少し変わっても、すぐにそれに合わせたプログラムを作ることができ拡張性があります。例えば、1 から 1000 の和はこのプログラムの `101` を `1001` にするだけで簡単に作ることができます。※この後、詳しく説明します。
 
-<ViewSource path="/for/for_sum_1to1000.ipynb" />
+<ViewSource path="/for/for_sum_1to1000_revised.ipynb" />
 
 :::tip
 `sum += i` は、`sum = sum + i` と同じ意味です。累算代入演算子と呼ばれます。
@@ -57,32 +57,35 @@ for 変数名 in range(開始値, 終端値):
 
 for 文についてよりよく理解するため 1 から 10 までを出力するプログラムを見てみましょう。
 
-<ViewSource path="/for/for_1to10.ipynb" />
+<ViewSource path="/for/print_1to10.ipynb" />
 
 for 文の中の処理が繰り返し行われています。for 文に指定した変数（ここでは `i` ）に、1 回目の処理では 1 が、2 回目の処理では 2 が、…、10 回目の処理では 10 が入っています。つまり、数学的に書けば、`i` には、開始値を $a$ 、終端値を $b$ とすると $[a,b)$ となるような整数が順番に入っていることになります。
 
 for 文は同じ処理をただ繰り返したいときにも用いることができます。
 
-<ViewSource path="/for/for_hello.ipynb" />
+<ViewSource path="/for/repeat_hello.ipynb" />
 
 :::tip
+
 上記のプログラムは、次と同じです。
 
-<ViewSource path="/for/for_hello2.ipynb" />
+<ViewSource path="/for/repeat_hello2.ipynb" />
+
+1. Python では、変数の値が使われないときには、変数名にアンダーバー(`_`)を使用します。
 
-Python では、変数を使わないときは、アンダーバー(`_`)を使用します。
+2. 次のプログラムを見れば分かるように、 `range` 関数に引数を一つだけ渡すと、開始値は 0 とみなされます。
 
-次のプログラムを見れば分かるように、 `range` 関数に引数を一つだけ渡すと、`i` には $[0, a)$ （$a$ を引数とする）となるような整数が順番に渡されます。
+   <ViewSource path="/for/range.ipynb" />
 
-<ViewSource path="/for/range.ipynb" />
 :::
 
 :::note while 文
+
 Python では、while 文も使うことができます。
-while 文の構文は次のようになっています。条件が真のときに実行し続けます。
+while 文の構文は次のようになっています。条件式が真のときに実行し続けます。
 
 ```python
-while 条件:
+while 条件式:
     任意の処理
 ```
 
@@ -115,5 +118,5 @@ $n$ の階乗を求める関数を作って、実際に 10 の階乗を求めて
 
 これを使えば、次のようになります。
 
-<ViewSource path="/for/factorial_lib.ipynb" />
+<ViewSource path="/for/factorial_math.ipynb" />
 </Answer>
diff --git a/static/for/factorial_lib.ipynb b/static/for/factorial_math.ipynb
similarity index 100%
rename from static/for/factorial_lib.ipynb
rename to static/for/factorial_math.ipynb
diff --git a/static/for/for_sum_1to100.ipynb b/static/for/for_sum_1to100.ipynb
deleted file mode 100644
index ca93d6662..000000000
--- a/static/for/for_sum_1to100.ipynb
+++ /dev/null
@@ -1,19 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "sum = 0\n",
-    "for i in range(1, 101):\n",
-    "    sum += i\n",
-    "print(sum)"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/for/for_sum_1to1000.ipynb b/static/for/for_sum_1to1000.ipynb
deleted file mode 100644
index a45a00f61..000000000
--- a/static/for/for_sum_1to1000.ipynb
+++ /dev/null
@@ -1,19 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "sum = 0\n",
-    "for i in range(1, 1001):\n",
-    "    sum += i\n",
-    "print(sum)"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/for/for_1to10.ipynb b/static/for/print_1to10.ipynb
similarity index 100%
rename from static/for/for_1to10.ipynb
rename to static/for/print_1to10.ipynb
diff --git a/static/for/for_hello.ipynb b/static/for/repeat_hello.ipynb
similarity index 100%
rename from static/for/for_hello.ipynb
rename to static/for/repeat_hello.ipynb
diff --git a/static/for/for_hello2.ipynb b/static/for/repeat_hello2.ipynb
similarity index 100%
rename from static/for/for_hello2.ipynb
rename to static/for/repeat_hello2.ipynb
diff --git a/static/for/sum_1to1000_revised.ipynb b/static/for/sum_1to1000_revised.ipynb
new file mode 100644
index 000000000..9633b6531
--- /dev/null
+++ b/static/for/sum_1to1000_revised.ipynb
@@ -0,0 +1,19 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "sum_val = 0\n",
+        "for i in range(1, 1001):\n",
+        "    sum_val += i\n",
+        "print(sum_val)"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/for/sum_1to100_revised.ipynb b/static/for/sum_1to100_revised.ipynb
new file mode 100644
index 000000000..c5791d920
--- /dev/null
+++ b/static/for/sum_1to100_revised.ipynb
@@ -0,0 +1,19 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "sum_val = 0\n",
+        "for i in range(1, 101):\n",
+        "    sum_val += i\n",
+        "print(sum_val)"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/for/up_to.ipynb b/static/for/up_to.ipynb
new file mode 100644
index 000000000..91a9cffca
--- /dev/null
+++ b/static/for/up_to.ipynb
@@ -0,0 +1,23 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "def up_to(n):\n",
+        "    sum_val = 0\n",
+        "    for i in range(1, n + 1):\n",
+        "        sum_val += i\n",
+        "    return sum_val\n",
+        "\n",
+        "\n",
+        "print(up_to(10))"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/for/upto_sum.ipynb b/static/for/up_to_sum.ipynb
similarity index 100%
rename from static/for/upto_sum.ipynb
rename to static/for/up_to_sum.ipynb
diff --git a/static/for/upto.ipynb b/static/for/upto.ipynb
deleted file mode 100644
index f9354f7b8..000000000
--- a/static/for/upto.ipynb
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def upto(n):\n",
-    "    sum = 0\n",
-    "    for i in range(1, n + 1):\n",
-    "        sum += i\n",
-    "    return sum\n",
-    "\n",
-    "\n",
-    "print(upto(10))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/for/while.ipynb b/static/for/while.ipynb
index 5353211b8..aa20f0e1c 100644
--- a/static/for/while.ipynb
+++ b/static/for/while.ipynb
@@ -1,21 +1,21 @@
 {
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "sum = 0\n",
-    "i = 1\n",
-    "while i <= 10:\n",
-    "    sum += i\n",
-    "    i += 1\n",
-    "print(sum)"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "sum_val = 0\n",
+        "i = 1\n",
+        "while i <= 10:\n",
+        "    sum_val += i\n",
+        "    i += 1\n",
+        "print(sum_val)"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
 }

From c65b864e232e53418334dc5de182b19ca822d55b Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 11:36:21 +0900
Subject: [PATCH 28/31] Update array article

---
 docs/01python/04variables/variable.drawio.svg |  37 +---
 docs/01python/10array/array.drawio.svg        | 208 ++++++++++++++++++
 docs/01python/10array/index.mdx               |  36 +--
 static/array/average10.ipynb                  |  24 --
 static/array/average3.ipynb                   |  36 +--
 static/array/average4.ipynb                   |  24 ++
 static/array/max.ipynb                        |  25 +++
 static/array/variance.ipynb                   |  60 ++---
 static/if/max.ipynb                           |  25 ---
 9 files changed, 337 insertions(+), 138 deletions(-)
 create mode 100644 docs/01python/10array/array.drawio.svg
 delete mode 100644 static/array/average10.ipynb
 create mode 100644 static/array/average4.ipynb
 create mode 100644 static/array/max.ipynb
 delete mode 100644 static/if/max.ipynb

diff --git a/docs/01python/04variables/variable.drawio.svg b/docs/01python/04variables/variable.drawio.svg
index 1f2258fad..4888255c5 100644
--- a/docs/01python/04variables/variable.drawio.svg
+++ b/docs/01python/04variables/variable.drawio.svg
@@ -1,48 +1,29 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="151px" height="180px" viewBox="-0.5 -0.5 151 180" content="&lt;mxfile&gt;&lt;diagram id=&quot;ntIR0U-SNOcWTwoP0W_0&quot; name=&quot;ページ1&quot;&gt;pVXLcpswFP0alu0Askm6tJ20XbSTznjRtYyuQWOBqBAG9+t7ZYk3TNzJxogj3SvpPLBHDlnzTdEi/SkZCC/0WeORFy8Mo+AJfw1ws8AmCiyQKM4sNACO/C840HdoxRmUo4VaSqF5MQZjmecQ6xFGlZL1eNlZivGuBU1gBhxjKubob850atHn8KnHvwNP0nbnIPpiZzLaLnY3KVPKZD2AyKtHDkpKbUdZcwBhuGt5sXVfV2a7gynI9SMFoS24UlG5u3lhJLB0f5bYAQ+ob+7W0Z9KthOfyrsmO1xA/AJl3ffzOErMM5VIomuGB7D97JS7e9c6RBoKM4yrEz72dco1HAsaG6xGC5l2OhP4FuDwJKucAftx6gAaXxJl0LdKC56DwxlVlzdsw7Uxmv/Z347B8I4G3YmuoDQ0q1QGnUBobJAZaHXDJa5g4yR1ng5aieveIR2WDtzx7DDqTJl0nXvdcOCkW5ZxuyDjCsVnAc3OZABvDTlzw5dY0LLk8Zhoo5lLH/E7loDN0vEuRwMStgsctJgCQTW/jtsvEeN2+CX53aWtZhMNogm1paxUDK5omIppH3+iZTBppKlKQM8a3WXqbv2QctGHA7hZC2D4aPrQ83osfKmVvMBBCqkQyaVJ1P7MhZhAVPAkN+5B/QHxvUkQxw/lzk1knDGxFmllc2xCuGq2D0UyIGMdyTyS0YIbyf8nEl/7j7a1Qf/PR17/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="121px" height="121px" viewBox="-0.5 -0.5 121 121" content="&lt;mxfile&gt;&lt;diagram id=&quot;ntIR0U-SNOcWTwoP0W_0&quot; name=&quot;ページ1&quot;&gt;lZRNU4MwEIZ/DUcdCBbxaGutBx0PPXhOSQqZBoJpKNRf76ZZvoSOeiHLs5tN9t0FL1zlzUbTMntTjEuP+KzxwiePkHARwtOCswMkQpBqwRwKerAVXxyhj7QSjB9HgUYpaUQ5hokqCp6YEaNaq3octldyfGpJUz4B24TKKf0QzGSOxuS+5y9cpFl7chA9OE9O22Cs5JhRpuoBCtdeuNJKGWflzYpLq12ri9v3fMXbXUzzwvxlA3EbTlRWWJtHIglbl3sFGeCC5oxVR5+Vah03x0tPHiGARCW0ddn7wUrtmikQEZPBBVw+58Lau9QEZCitmVQ7WJZ1JgzfljSxrIYRsulMLuEtAHOnqoJx9rrrAE0Oqbb0vTJSFBw5o/rwDmmEsYPm3/qLMSQXGnQ3GuqGUp64NrwZINRxw1XOjT5DCHrvsKU400Hb4rqfkI5lg+mIkVEcyrTL3PcNDGzdfBvjmTb+kFg70WzFvytsm4WfHYk6eSZazCh2VZ54LE88VWcxI070f3Hgtf9+Lr7BTyhcfwM=&lt;/diagram&gt;&lt;/mxfile&gt;">
     <defs/>
     <g>
-        <path d="M 0 99 L 100 99 L 120 119 L 120 179 L 20 179 L 0 159 L 0 99 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 0 99 L 100 99 L 120 119 L 20 119 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
-        <path d="M 0 99 L 20 119 L 20 179 L 0 159 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
-        <path d="M 20 179 L 20 119 L 0 99 M 20 119 L 120 119" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 40 L 100 40 L 120 60 L 120 120 L 20 120 L 0 100 L 0 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 40 L 100 40 L 120 60 L 20 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 0 40 L 20 60 L 20 120 L 0 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 20 120 L 20 60 L 0 40 M 20 60 L 120 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
         <g transform="translate(-0.5 -0.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 149px; margin-left: 21px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 21px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                                <font style="font-size: 30px;">
+                                <font style="font-size: 26px;">
                                     hoge
                                 </font>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="153" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     hoge
                 </text>
             </switch>
         </g>
-        <path d="M 95.78 36.27 L 103.59 42.51 L 76.09 76.9 L 84.29 83.46 L 60.31 88.61 L 60.08 64.09 L 68.28 70.65 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/>
-        <rect x="90" y="9" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
-        <g transform="translate(-0.5 -0.5)">
-            <switch>
-                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 24px; margin-left: 91px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                                <font style="font-size: 40px;">
-                                    2
-                                </font>
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="120" y="33" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle">
-                    2
-                </text>
-            </switch>
-        </g>
+        <rect x="40" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
diff --git a/docs/01python/10array/array.drawio.svg b/docs/01python/10array/array.drawio.svg
new file mode 100644
index 000000000..51e45e4bc
--- /dev/null
+++ b/docs/01python/10array/array.drawio.svg
@@ -0,0 +1,208 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="762px" height="122px" viewBox="-0.5 -0.5 762 122" content="&lt;mxfile&gt;&lt;diagram id=&quot;aRTQ0BvkLYMCea3IJhEd&quot; name=&quot;ページ1&quot;&gt;5ZjBcpswEIafhmM7SIBMj7WTtod2cvChZxkpoIlAVBbB7tN3ZQkwVTLtIQ6e8cWIX6uV9t8PD3aUbOrDV03b6odiXEY4ZocouYswznMEn1Y4OoFkn5xQasGchCZhK35zL8Ze7QTj+1mgUUoa0c7FQjUNL8xMo1qrfh72qOR815aWPBC2BZWh+lMwU/my8GrSv3FRVsPOiPj6ajoE+0r2FWWqP5OS+yjZaKWMG9WHDZfWu8EXt+7LK7PjwTRvzP8swG7BM5Wdry3CRMLS9aOCDHBAc/RVk1+dGiY+7E89+QwBmLTQ1vU0D6PSXisFJmbrOMruhpxwDpfWRXgLxh0wuNHaYdHt4LLuK2H4tqWF1XogyWY1tYQ7BMOd6hrG2ffdKNDiqdRWfeiMFA33OqP66QHSCGN5iz/G2VzEJxWNJ3rm2vDDq46isU/AN1c1N/oIIX5B6jvr0UZDp/sJlFGrziDJvUY9m+WYeWofDHwHX+5mGnQzDTzWzjVb8r8ttt3yjx8mb+NPPvcnD+3JXnCHvIE72cVZRzfGOo4XhJ0E7cRXB/vf3wbvSPvq4rTjG6M9IQvSngftTK6O9jRejHaELo57cmO4Z3hB3FH4YoqujveMLMd7cnHe0xvjneRL8h6+umdXx/sKvxfvcDv9Bj7Nnf2RkNz/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 40 L 100 40 L 120 60 L 120 120 L 20 120 L 0 100 L 0 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 40 L 100 40 L 120 60 L 20 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 0 40 L 20 60 L 20 120 L 0 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 20 120 L 20 60 L 0 40 M 20 60 L 120 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 26px;">
+                                    hoge[0]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[0]
+                </text>
+            </switch>
+        </g>
+        <rect x="40" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 41px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                4
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="65" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    4
+                </text>
+            </switch>
+        </g>
+        <path d="M 160 40 L 260 40 L 280 60 L 280 120 L 180 120 L 160 100 L 160 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 40 L 260 40 L 280 60 L 180 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 160 40 L 180 60 L 180 120 L 160 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 180 120 L 180 60 L 160 40 M 180 60 L 280 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 181px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 26px;">
+                                    hoge[1]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="230" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[1]
+                </text>
+            </switch>
+        </g>
+        <rect x="200" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 201px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                2
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    2
+                </text>
+            </switch>
+        </g>
+        <path d="M 320 40 L 420 40 L 440 60 L 440 120 L 340 120 L 320 100 L 320 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 320 40 L 420 40 L 440 60 L 340 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 320 40 L 340 60 L 340 120 L 320 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 340 120 L 340 60 L 320 40 M 340 60 L 440 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 341px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 26px;">
+                                    hoge[2]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="390" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[2]
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 361px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                3
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="385" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    3
+                </text>
+            </switch>
+        </g>
+        <path d="M 480 40 L 580 40 L 600 60 L 600 120 L 500 120 L 480 100 L 480 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 480 40 L 580 40 L 600 60 L 500 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 480 40 L 500 60 L 500 120 L 480 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 500 120 L 500 60 L 480 40 M 500 60 L 600 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 501px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 26px;">
+                                    hoge[3]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="550" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[3]
+                </text>
+            </switch>
+        </g>
+        <rect x="520" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 521px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="545" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    1
+                </text>
+            </switch>
+        </g>
+        <path d="M 640 40 L 740 40 L 760 60 L 760 120 L 660 120 L 640 100 L 640 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 640 40 L 740 40 L 760 60 L 660 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 640 40 L 660 60 L 660 120 L 640 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 660 120 L 660 60 L 640 40 M 660 60 L 760 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 661px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 26px;">
+                                    hoge[4]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="710" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[4]
+                </text>
+            </switch>
+        </g>
+        <rect x="680" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 681px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                5
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="705" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    5
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>
\ No newline at end of file
diff --git a/docs/01python/10array/index.mdx b/docs/01python/10array/index.mdx
index 03de37bf6..575d88797 100644
--- a/docs/01python/10array/index.mdx
+++ b/docs/01python/10array/index.mdx
@@ -17,7 +17,9 @@ import Answer from "@site/src/components/Answer";
 
 ここで、配列を使います。配列は、複数のデータを順番に並べたもので、大量のデータを扱うことができます。数学におけるベクトルと同じようなものです。
 
-配列を用いると、先程のプログラムは、次のように書くことができます。
+![配列の説明](array.drawio.svg)
+
+配列を用いると、先程のプログラムは、次のように書くことができます。※詳しい説明は後でします。
 
 <ViewSource path="/array/average2.ipynb" />
 
@@ -30,13 +32,13 @@ import Answer from "@site/src/components/Answer";
 配列は、次のような構文で作ることができます。
 
 ```python
-配列名 = [一つ目のデータ, 二つ目のデータ, 三つ目のデータ, … , nつ目のデータ]
+配列名 = [一つ目のデータ, 二つ目のデータ, 三つ目のデータ, ..., nつ目のデータ]
 ```
 
-配列から、i 番目のデータを取り出すときは次のようにして取り出すことができます。ここで、i-1 となっているのは、配列の添字は **0 から始まっている**からです。
+配列から、`i` 番目のデータを取り出すときは次のようにして取り出すことができます。ここで、`i - 1` となっているのは、配列の添字は **0 から始まっている**からです。
 
 ```python
-配列名[i-1]
+配列名[i - 1]
 ```
 
 配列の長さは、次のようにして取得することができます。
@@ -45,11 +47,11 @@ import Answer from "@site/src/components/Answer";
 len(配列名)
 ```
 
-次の問題を解いてみてください。
+次の例題を解いてみてください。
 
-### 問題
+### 例題
 
-先程の一人目の点数を 96 点から 37 点に書き換えてみましょう。
+一人目の点数を 96 点から 37 点に書き換えてみましょう。5 人の点数は、`scores = [96, 56, 42, 74, 86]` のように与えられます。
 
 <Answer>
 <ViewSource path="/array/change.ipynb" />
@@ -61,7 +63,7 @@ len(配列名)
 
 配列の添字には、変数を使うこともできます。これを用いて、さきほどの問題をさらに一般化した問題を解いてみましょう。
 
-### 問題
+### 例題
 
 `i` 人目の点数を `laterScore` に書き換えるプログラムを作って、実際に `i` に 1、`laterScore` に 37 を入力して、先程と同じようになるか試してみましょう。
 
@@ -72,7 +74,7 @@ len(配列名)
 <ViewSource path="/array/change3.ipynb" />
 </Answer>
 
-:::info
+:::note
 実は for 文を書くときに出てきた range は、配列のようなものを作る関数です。ここで、配列のようなものと言ったのは厳密には配列ではないからですが、ひとまず配列と考えて問題ないでしょう。そのため、例えば `range(1, 11)` は `[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]` を生成します。list 関数は range 関数の返り値を配列にしています。
 
 <ViewSource path="/array/range.ipynb" />
@@ -91,7 +93,7 @@ len(配列名)
 実際に、点数をそれぞれ 26 点、78 点、83 点、20 点、10 点、11 点、22 点、16 点、41 点、95 点として計算してみましょう。
 
 <Answer>
-<ViewSource path="/array/average10.ipynb" />
+<ViewSource path="/array/average4.ipynb" />
 
 実は、平均点を求めるライブラリもあります。[statistics ライブラリの mean 関数](https://docs.python.org/ja/3/library/statistics.html#statistics.mean)や[NumPy ライブラリの mean 関数](https://numpy.org/doc/stable/reference/generated/numpy.mean.html)があります。
 
@@ -104,10 +106,10 @@ len(配列名)
 
 今度は、分散を求めるプログラムを書いてみましょう。
 
-$n$ 個の観測データを $x_1,x_2,\cdots,x_n$ 、平均を $\bar{x}$ とすると、分散 $s^2$ は次のように与えられるとします。
+$n$ 個の観測データを $x_1,x_2,\cdots,x_n$、平均を $\bar{x}$ とすると、分散 $s^2$ は次のように与えられるとします。
 
 $$
-s^2=\frac{\sum\limits_{i=1}^n(x_i-\bar{x})^2}{n}
+s^2=\frac{\sum_{i=1}^n(x_i-\bar{x})^2}{n}
 $$
 
 練習問題 1 と同じように具体的な値を入れて確かめてみましょう。
@@ -115,7 +117,7 @@ $$
 <Answer>
 <ViewSource path="/array/variance.ipynb" />
 
-次のようにしても計算できますが（ `variance` 関数の中が少し変わっています。）、for 文の中が実行される度に `average` 関数が実行されて計算量が多くなってしまうので、上のようにした方が良いでしょう。
+次のようにしても計算できますが(`variance` 関数の中が少し変わっています。)、for 文の中が実行される度に `average` 関数が実行されて計算量が多くなってしまうので、上のようにした方が良いでしょう。
 
 <ViewSource path="/array/variance2.ipynb" />
 
@@ -126,3 +128,11 @@ $$
 <ViewSource path="/array/variance_numpy.ipynb" />
 
 </Answer>
+
+### 練習問題 3
+
+最高点を求めるプログラムを作ってみましょう。
+
+<Answer>
+  <ViewSource path="/if/max.ipynb" />
+</Answer>
diff --git a/static/array/average10.ipynb b/static/array/average10.ipynb
deleted file mode 100644
index 0c8d04263..000000000
--- a/static/array/average10.ipynb
+++ /dev/null
@@ -1,24 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def average(scores):\n",
-    "    sum = 0\n",
-    "    for i in range(len(scores)):\n",
-    "        sum += scores[i]\n",
-    "    return sum / len(scores)\n",
-    "\n",
-    "\n",
-    "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
-    "print(average(scores))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/array/average3.ipynb b/static/array/average3.ipynb
index fc7eb60f2..bf766b847 100644
--- a/static/array/average3.ipynb
+++ b/static/array/average3.ipynb
@@ -1,20 +1,20 @@
 {
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "scores = [96, 56, 42, 74, 86]\n",
-    "sum = 0\n",
-    "for i in range(len(scores)):\n",
-    "    sum += scores[i]\n",
-    "print(sum / 5)"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "scores = [96, 56, 42, 74, 86]\n",
+        "sum_val = 0\n",
+        "for i in range(len(scores)):\n",
+        "    sum_val += scores[i]\n",
+        "print(sum_val / 5)"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
 }
diff --git a/static/array/average4.ipynb b/static/array/average4.ipynb
new file mode 100644
index 000000000..09287c985
--- /dev/null
+++ b/static/array/average4.ipynb
@@ -0,0 +1,24 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "def average(scores):\n",
+        "    sum_val = 0\n",
+        "    for i in range(len(scores)):\n",
+        "        sum_val += scores[i]\n",
+        "    return sum_val / len(scores)\n",
+        "\n",
+        "\n",
+        "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
+        "print(average(scores))"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/array/max.ipynb b/static/array/max.ipynb
new file mode 100644
index 000000000..6ec489957
--- /dev/null
+++ b/static/array/max.ipynb
@@ -0,0 +1,25 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "def calc_max(scores):\n",
+        "    max_val = scores[0]\n",
+        "    for i in range(1, len(scores)):\n",
+        "        if max_val < scores[i]:\n",
+        "            max_val = scores[i]\n",
+        "    return max_val\n",
+        "\n",
+        "\n",
+        "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
+        "print(calc_max(scores))"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/array/variance.ipynb b/static/array/variance.ipynb
index 8b494ef93..6b2541b18 100644
--- a/static/array/variance.ipynb
+++ b/static/array/variance.ipynb
@@ -1,32 +1,32 @@
 {
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def average(scores):\n",
-    "    sum = 0\n",
-    "    for i in range(len(scores)):\n",
-    "        sum += scores[i]\n",
-    "    return sum / len(scores)\n",
-    "\n",
-    "\n",
-    "def variance(scores):\n",
-    "    sum = 0\n",
-    "    calculated_average = average(scores)\n",
-    "    for i in range(len(scores)):\n",
-    "        sum += (scores[i] - calculated_average) ** 2\n",
-    "    return sum / len(scores)\n",
-    "\n",
-    "\n",
-    "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
-    "print(variance(scores))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "def average(scores):\n",
+        "    sum_val = 0\n",
+        "    for i in range(len(scores)):\n",
+        "        sum_val += scores[i]\n",
+        "    return sum_val / len(scores)\n",
+        "\n",
+        "\n",
+        "def variance(scores):\n",
+        "    sum_val = 0\n",
+        "    calculated_average = average(scores)\n",
+        "    for i in range(len(scores)):\n",
+        "        sum_val += (scores[i] - calculated_average) ** 2\n",
+        "    return sum_val / len(scores)\n",
+        "\n",
+        "\n",
+        "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
+        "print(variance(scores))"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
 }
diff --git a/static/if/max.ipynb b/static/if/max.ipynb
deleted file mode 100644
index 74ffcc230..000000000
--- a/static/if/max.ipynb
+++ /dev/null
@@ -1,25 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def max_val(scores):\n",
-    "    m = scores[0]\n",
-    "    for i in range(1, len(scores)):\n",
-    "        if m < scores[i]:\n",
-    "            m = scores[i]\n",
-    "    return m\n",
-    "\n",
-    "\n",
-    "SCORES = [55, 32, 16, 51, 80, 19]\n",
-    "print(max_val(SCORES))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}

From d9645c8a846d993396584d6657db1b1a16948e02 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 12:02:49 +0900
Subject: [PATCH 29/31] Update multi-array article

---
 docs/01python/11multi-array/array.drawio.svg | 598 +++++++++++++++++++
 docs/01python/11multi-array/index.mdx        |  47 +-
 static/multi-array/2_dim_array_revised.ipynb |  26 -
 static/multi-array/2_dim_array_sample.ipynb  |  27 -
 static/multi-array/3_dim_array_sample.ipynb  |  27 -
 static/multi-array/average_of_sum.ipynb      |  32 -
 static/multi-array/calc_sum.ipynb            |  27 +
 static/multi-array/calc_sum3d.ipynb          |  27 +
 static/multi-array/calc_sum_revised.ipynb    |  26 +
 static/multi-array/total_score_max.ipynb     |  42 ++
 static/multi-array/total_score_max_2d.ipynb  |  43 ++
 11 files changed, 800 insertions(+), 122 deletions(-)
 create mode 100644 docs/01python/11multi-array/array.drawio.svg
 delete mode 100644 static/multi-array/2_dim_array_revised.ipynb
 delete mode 100644 static/multi-array/2_dim_array_sample.ipynb
 delete mode 100644 static/multi-array/3_dim_array_sample.ipynb
 delete mode 100644 static/multi-array/average_of_sum.ipynb
 create mode 100644 static/multi-array/calc_sum.ipynb
 create mode 100644 static/multi-array/calc_sum3d.ipynb
 create mode 100644 static/multi-array/calc_sum_revised.ipynb
 create mode 100644 static/multi-array/total_score_max.ipynb
 create mode 100644 static/multi-array/total_score_max_2d.ipynb

diff --git a/docs/01python/11multi-array/array.drawio.svg b/docs/01python/11multi-array/array.drawio.svg
new file mode 100644
index 000000000..8bc49089f
--- /dev/null
+++ b/docs/01python/11multi-array/array.drawio.svg
@@ -0,0 +1,598 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="761px" height="442px" viewBox="-0.5 -0.5 761 442" content="&lt;mxfile&gt;&lt;diagram id=&quot;aRTQ0BvkLYMCea3IJhEd&quot; name=&quot;ページ1&quot;&gt;7ZpBc6MgHMU/jcfdEVBjj5u02x52p4cc9kyUqlMTLMEm2U+/EFFjsNOdaUAz8SQ+EPX/fqW8JA5arPePDBfpbxqT3IFuvHfQvQMhcGEoDlI5VMosUELCslgNaoVl9pfUVyq1zGKy7QzklOY8K7piRDcbEvGOhhmju+6wF5p371rghGjCMsK5rv7JYp5Waghnrf5EsiSt7wyCu6pnjevB6k22KY7p7kRCDw5aMEp51VrvFySXxavrUl3384Pe5sEY2fD/uQBWF7zjvFTv5sAgF5fOX6iYQTwgP6i3Dt5KWnd82x49+SEGiLsJX+dtv2gl8phSUUR/7jr+fX1QU4vHqWavBqpKNDeCoiiFbEblShzmuzTjZFngSGo7QZScnK9zcQZEc0XLTUziX6tGwNFrwqT6XPI82xClx5i9PotpMi6xc7+7fleERxU0T3RaRVXYd8I42Z9IqqqPhK4JZwcxRPV6ymBFOKgN37W8NFp6wkqoNKwQTZqZWxdFQxnZb6qnmeppNWZV1eQrf15i6Zb6K4TBZeoTdusT6uXxe6oTXKA6QC+PIebB9TGvGdhj84eeQndA6IGv2QpNUP+1CnnDYR/Ywh7eGPYoGBL7mWYrGh32njsc9qEt7NGNYe/DIbG/02wFo8PeDwbDvq67eey9G8M+CAfEvtlnt7b6o8N+BofD3nyeBVebZ7/4L7zjaZ+p5qhHmqvj29qfLQtNwWxQbz7RginR2sdeT7Tj2+NoC4NN7s1HWjBFWvvc65HWyOeXF420Vrk3n2nBlGntc69n2vFt7s8zrU3ukflQC6ZQa517pIfa8X2EeR5qrXJvPtXCKdXK0x5TzWGvp9rxLfdn60Kz67FBvflUC6dUax97PdWOb3evLQw2uTefauGUau1zf41f1Frl3nyqhVOqtc/9NX5Ta5P72gzz3N96qrXKvaenWjg67s9TrUHuxWn7s+Zj38mPw9HDPw==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 40 L 100 40 L 120 60 L 120 120 L 20 120 L 0 100 L 0 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 40 L 100 40 L 120 60 L 20 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 0 40 L 20 60 L 20 120 L 0 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 20 120 L 20 60 L 0 40 M 20 60 L 120 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[0][0]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[0][0]
+                </text>
+            </switch>
+        </g>
+        <rect x="40" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 41px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                4
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="65" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    4
+                </text>
+            </switch>
+        </g>
+        <path d="M 160 40 L 260 40 L 280 60 L 280 120 L 180 120 L 160 100 L 160 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 40 L 260 40 L 280 60 L 180 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 160 40 L 180 60 L 180 120 L 160 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 180 120 L 180 60 L 160 40 M 180 60 L 280 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 181px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[0][1]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="230" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[0][1]
+                </text>
+            </switch>
+        </g>
+        <rect x="200" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 201px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                2
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    2
+                </text>
+            </switch>
+        </g>
+        <path d="M 320 40 L 420 40 L 440 60 L 440 120 L 340 120 L 320 100 L 320 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 320 40 L 420 40 L 440 60 L 340 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 320 40 L 340 60 L 340 120 L 320 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 340 120 L 340 60 L 320 40 M 340 60 L 440 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 341px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[0][2]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="390" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[0][2]
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 361px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                3
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="385" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    3
+                </text>
+            </switch>
+        </g>
+        <path d="M 480 40 L 580 40 L 600 60 L 600 120 L 500 120 L 480 100 L 480 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 480 40 L 580 40 L 600 60 L 500 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 480 40 L 500 60 L 500 120 L 480 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 500 120 L 500 60 L 480 40 M 500 60 L 600 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 501px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[0][3]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="550" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[0][3]
+                </text>
+            </switch>
+        </g>
+        <rect x="520" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 521px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="545" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    1
+                </text>
+            </switch>
+        </g>
+        <path d="M 640 40 L 740 40 L 760 60 L 760 120 L 660 120 L 640 100 L 640 40 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 640 40 L 740 40 L 760 60 L 660 60 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 640 40 L 660 60 L 660 120 L 640 100 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 660 120 L 660 60 L 640 40 M 660 60 L 760 60" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 90px; margin-left: 661px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[0][4]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="710" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[0][4]
+                </text>
+            </switch>
+        </g>
+        <rect x="680" y="0" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 30px; margin-left: 681px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                5
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="705" y="38" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    5
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 200 L 100 200 L 120 220 L 120 280 L 20 280 L 0 260 L 0 200 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 200 L 100 200 L 120 220 L 20 220 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 0 200 L 20 220 L 20 280 L 0 260 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 20 280 L 20 220 L 0 200 M 20 220 L 120 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 250px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[1][0]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[1][0]
+                </text>
+            </switch>
+        </g>
+        <rect x="40" y="160" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 190px; margin-left: 41px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                2
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="65" y="198" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    2
+                </text>
+            </switch>
+        </g>
+        <path d="M 160 200 L 260 200 L 280 220 L 280 280 L 180 280 L 160 260 L 160 200 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 200 L 260 200 L 280 220 L 180 220 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 160 200 L 180 220 L 180 280 L 160 260 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 180 280 L 180 220 L 160 200 M 180 220 L 280 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 250px; margin-left: 181px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[1][1]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="230" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[1][1]
+                </text>
+            </switch>
+        </g>
+        <rect x="200" y="160" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 190px; margin-left: 201px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="198" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    1
+                </text>
+            </switch>
+        </g>
+        <path d="M 320 200 L 420 200 L 440 220 L 440 280 L 340 280 L 320 260 L 320 200 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 320 200 L 420 200 L 440 220 L 340 220 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 320 200 L 340 220 L 340 280 L 320 260 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 340 280 L 340 220 L 320 200 M 340 220 L 440 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 250px; margin-left: 341px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[1][2]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="390" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[1][2]
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="160" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 190px; margin-left: 361px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                4
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="385" y="198" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    4
+                </text>
+            </switch>
+        </g>
+        <path d="M 480 200 L 580 200 L 600 220 L 600 280 L 500 280 L 480 260 L 480 200 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 480 200 L 580 200 L 600 220 L 500 220 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 480 200 L 500 220 L 500 280 L 480 260 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 500 280 L 500 220 L 480 200 M 500 220 L 600 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 250px; margin-left: 501px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[1][3]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="550" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[1][3]
+                </text>
+            </switch>
+        </g>
+        <rect x="520" y="160" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 190px; margin-left: 521px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                5
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="545" y="198" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    5
+                </text>
+            </switch>
+        </g>
+        <path d="M 640 200 L 740 200 L 760 220 L 760 280 L 660 280 L 640 260 L 640 200 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 640 200 L 740 200 L 760 220 L 660 220 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 640 200 L 660 220 L 660 280 L 640 260 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 660 280 L 660 220 L 640 200 M 660 220 L 760 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 250px; margin-left: 661px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[1][4]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="710" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[1][4]
+                </text>
+            </switch>
+        </g>
+        <rect x="680" y="160" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 190px; margin-left: 681px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                3
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="705" y="198" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    3
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 360 L 100 360 L 120 380 L 120 440 L 20 440 L 0 420 L 0 360 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 360 L 100 360 L 120 380 L 20 380 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 0 360 L 20 380 L 20 440 L 0 420 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 20 440 L 20 380 L 0 360 M 20 380 L 120 380" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 410px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[2][0]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="414" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[2][0]
+                </text>
+            </switch>
+        </g>
+        <rect x="40" y="320" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 350px; margin-left: 41px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                5
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="65" y="358" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    5
+                </text>
+            </switch>
+        </g>
+        <path d="M 160 360 L 260 360 L 280 380 L 280 440 L 180 440 L 160 420 L 160 360 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 360 L 260 360 L 280 380 L 180 380 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 160 360 L 180 380 L 180 440 L 160 420 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 180 440 L 180 380 L 160 360 M 180 380 L 280 380" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 410px; margin-left: 181px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[2][1]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="230" y="414" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[2][1]
+                </text>
+            </switch>
+        </g>
+        <rect x="200" y="320" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 350px; margin-left: 201px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                4
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="358" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    4
+                </text>
+            </switch>
+        </g>
+        <path d="M 320 360 L 420 360 L 440 380 L 440 440 L 340 440 L 320 420 L 320 360 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 320 360 L 420 360 L 440 380 L 340 380 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 320 360 L 340 380 L 340 440 L 320 420 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 340 440 L 340 380 L 320 360 M 340 380 L 440 380" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 410px; margin-left: 341px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[2][2]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="390" y="414" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[2][2]
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="320" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 350px; margin-left: 361px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                3
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="385" y="358" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    3
+                </text>
+            </switch>
+        </g>
+        <path d="M 480 360 L 580 360 L 600 380 L 600 440 L 500 440 L 480 420 L 480 360 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 480 360 L 580 360 L 600 380 L 500 380 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 480 360 L 500 380 L 500 440 L 480 420 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 500 440 L 500 380 L 480 360 M 500 380 L 600 380" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 410px; margin-left: 501px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[2][3]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="550" y="414" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[2][3]
+                </text>
+            </switch>
+        </g>
+        <rect x="520" y="320" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 350px; margin-left: 521px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="545" y="358" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    1
+                </text>
+            </switch>
+        </g>
+        <path d="M 640 360 L 740 360 L 760 380 L 760 440 L 660 440 L 640 420 L 640 360 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 640 360 L 740 360 L 760 380 L 660 380 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 640 360 L 660 380 L 660 440 L 640 420 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/>
+        <path d="M 660 440 L 660 380 L 640 360 M 660 380 L 760 380" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 410px; margin-left: 661px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 20px;">
+                                    hoge[2][4]
+                                </font>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="710" y="414" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    hoge[2][4]
+                </text>
+            </switch>
+        </g>
+        <rect x="680" y="320" width="50" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 350px; margin-left: 681px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                2
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="705" y="358" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="26px" text-anchor="middle">
+                    2
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>
\ No newline at end of file
diff --git a/docs/01python/11multi-array/index.mdx b/docs/01python/11multi-array/index.mdx
index e536dc0cc..0d697cbd7 100644
--- a/docs/01python/11multi-array/index.mdx
+++ b/docs/01python/11multi-array/index.mdx
@@ -21,20 +21,22 @@ A、B、C の 3 人の生徒がいて、それぞれの国語、数学、英語
 
 前項の内容を使って、点数の合計を計算してみましょう。
 
-<ViewSource path="/multi-array/2_dim_array_sample.ipynb" />
+<ViewSource path="/multi-array/calc_sum.ipynb" />
 
 一応できましたが、生徒の人数が増えてしまうと大変ですし、生徒の人数が変わるごとにプログラムを書き直さないといけません。
 
 ここで、二次元配列を使います。二次元配列は名前の通り配列が二次元となったもので、配列の配列です。数学における行列と同じようなものです。
 
+![二次元配列の説明](array.drawio.svg)
+
 上のプログラムを二次元配列を使って記述すると、次のようになります。
 
-<ViewSource path="/multi-array/2_dim_array_revised.ipynb" />
+<ViewSource path="/multi-array/calc_sum_revised.ipynb" />
 
 二次元配列を作るときは、配列の要素を配列にすれば作ることができます。
 
 ```python
-配列名 = [第一行の配列, 第二行の配列, 第三行の配列, … , 第i行の配列]
+配列名 = [第一行の配列, 第二行の配列, 第三行の配列, ..., 第i行の配列]
 ```
 
 $i$ 行、$j$ 列の数字を取り出すには、次のようにします。
@@ -43,9 +45,11 @@ $i$ 行、$j$ 列の数字を取り出すには、次のようにします。
 配列名[i][j]
 ```
 
-### 練習問題 1
+### 練習問題
 
-A、B、C の 3 人の生徒がいて、それぞれの国語、数学、英語の点数が次のようになっているとします。
+全教科の点数の合計点の最高点を求める関数を求めてください。
+
+A、B、C の 3 人の生徒がいて、それぞれの国語、数学、英語の点数は次のようになっています。
 
 |       | 国語 | 数学 | 英語 |
 | ----- | ---- | ---- | ---- |
@@ -53,10 +57,8 @@ A、B、C の 3 人の生徒がいて、それぞれの国語、数学、英語
 | **B** | 73   | 53   | 84   |
 | **C** | 63   | 48   | 64   |
 
-それぞれの生徒の合計点を出して、その平均値を求めてみましょう。
-
 <Answer>
-  <ViewSource path="/multi-array/average_of_sum.ipynb" />
+  <ViewSource path="/multi-array/total_score_max.ipynb" />
 </Answer>
 
 ## 三次元配列
@@ -82,8 +84,33 @@ A、B、C の 3 人の生徒がいて、それぞれの国語、数学、英語
 
 三次元配列を用いて、これの合計点を求めると次のようになります。
 
-<ViewSource path="/multi-array/3_dim_array_sample.ipynb" />
+<ViewSource path="/multi-array/calc_sum3d.ipynb" />
+
+### 練習問題
+
+全教科の点数の合計点の最高点を求める関数を求めてください。
+
+1 組に A と B が所属していて、2 組に C と D が所属しています。
+その時、それぞれの生徒の国語と数学と英語の点数が次のように与えられています。
+
+1 組
+
+|       | 国語 | 数学 | 英語 |
+| ----- | ---- | ---- | ---- |
+| **A** | 51   | 56   | 10   |
+| **B** | 47   | 52   | 58   |
+
+2 組
+
+|       | 国語 | 数学 | 英語 |
+| ----- | ---- | ---- | ---- |
+| **C** | 24   | 92   | 34   |
+| **D** | 28   | 44   | 19   |
+
+<Answer>
+  <ViewSource path="/multi-array/total_score_max_2d.ipynb" />
+</Answer>
 
 ## 多次元配列
 
-さらに発展させて、四次元配列、五次元配列、…を考えることもできます。
+さらに発展させて、四次元配列、五次元配列、...を考えることもできます。
diff --git a/static/multi-array/2_dim_array_revised.ipynb b/static/multi-array/2_dim_array_revised.ipynb
deleted file mode 100644
index 01c8dfc08..000000000
--- a/static/multi-array/2_dim_array_revised.ipynb
+++ /dev/null
@@ -1,26 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def sum_2d(scores):\n",
-    "    s = 0\n",
-    "    for i in range(len(scores)):\n",
-    "        for j in range(len(scores[i])):\n",
-    "            s += scores[i][j]\n",
-    "    return s\n",
-    "\n",
-    "\n",
-    "SCORES = [[83, 75, 32], [73, 53, 84], [63, 48, 64]]\n",
-    "\n",
-    "print(sum_2d(SCORES))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/multi-array/2_dim_array_sample.ipynb b/static/multi-array/2_dim_array_sample.ipynb
deleted file mode 100644
index 06f812e15..000000000
--- a/static/multi-array/2_dim_array_sample.ipynb
+++ /dev/null
@@ -1,27 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def sum_val(scores):\n",
-    "    s = 0\n",
-    "    for i in range(len(scores)):\n",
-    "        s += scores[i]\n",
-    "    return s\n",
-    "\n",
-    "\n",
-    "A_SCORES = [83, 75, 32]\n",
-    "B_SCORES = [73, 53, 84]\n",
-    "C_SCORES = [63, 48, 64]\n",
-    "\n",
-    "print(sum_val(A_SCORES) + sum_val(B_SCORES) + sum_val(C_SCORES))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/multi-array/3_dim_array_sample.ipynb b/static/multi-array/3_dim_array_sample.ipynb
deleted file mode 100644
index 678fea053..000000000
--- a/static/multi-array/3_dim_array_sample.ipynb
+++ /dev/null
@@ -1,27 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def sum_3d(scores):\n",
-    "    s = 0\n",
-    "    for i in range(len(scores)):\n",
-    "        for j in range(len(scores[i])):\n",
-    "            for k in range(len(scores[i][j])):\n",
-    "                s += scores[i][j][k]\n",
-    "    return s\n",
-    "\n",
-    "\n",
-    "SCORES = [[[51, 56, 10], [47, 52, 58]], [[24, 92, 34], [28, 44, 19]]]\n",
-    "\n",
-    "print(sum_3d(SCORES))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/multi-array/average_of_sum.ipynb b/static/multi-array/average_of_sum.ipynb
deleted file mode 100644
index 49e399c95..000000000
--- a/static/multi-array/average_of_sum.ipynb
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {},
-   "outputs": [],
-   "source": [
-    "def sum_1d(scores):\n",
-    "    s = 0\n",
-    "    for i in range(len(scores)):\n",
-    "        s += scores[i]\n",
-    "    return s\n",
-    "\n",
-    "\n",
-    "def sum_2d_average(scores):\n",
-    "    s = 0\n",
-    "    for i in range(len(scores)):\n",
-    "        s += sum_1d(scores[i])\n",
-    "    return s / len(scores)\n",
-    "\n",
-    "\n",
-    "SCORES = [[83, 75, 32], [73, 53, 84], [63, 48, 64]]\n",
-    "\n",
-    "print(sum_2d_average(SCORES))"
-   ]
-  }
- ],
- "metadata": {},
- "nbformat": 4,
- "nbformat_minor": 2
-}
diff --git a/static/multi-array/calc_sum.ipynb b/static/multi-array/calc_sum.ipynb
new file mode 100644
index 000000000..fbc3a8464
--- /dev/null
+++ b/static/multi-array/calc_sum.ipynb
@@ -0,0 +1,27 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "def calc_sum1d(scores):\n",
+        "    sum_val = 0\n",
+        "    for i in range(len(scores)):\n",
+        "        sum_val += scores[i]\n",
+        "    return sum_val\n",
+        "\n",
+        "\n",
+        "a_scores = [83, 75, 32]\n",
+        "b_scores = [73, 53, 84]\n",
+        "c_scores = [63, 48, 64]\n",
+        "\n",
+        "print(calc_sum1d(a_scores) + calc_sum1d(b_scores) + calc_sum1d(c_scores))"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/multi-array/calc_sum3d.ipynb b/static/multi-array/calc_sum3d.ipynb
new file mode 100644
index 000000000..8da2deb16
--- /dev/null
+++ b/static/multi-array/calc_sum3d.ipynb
@@ -0,0 +1,27 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "def calc_sum3d(scores):\n",
+        "    sum_val = 0\n",
+        "    for i in range(len(scores)):\n",
+        "        for j in range(len(scores[i])):\n",
+        "            for k in range(len(scores[i][j])):\n",
+        "                sum_val += scores[i][j][k]\n",
+        "    return sum_val\n",
+        "\n",
+        "\n",
+        "scores = [[[51, 56, 10], [47, 52, 58]], [[24, 92, 34], [28, 44, 19]]]\n",
+        "\n",
+        "print(calc_sum3d(scores))"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/multi-array/calc_sum_revised.ipynb b/static/multi-array/calc_sum_revised.ipynb
new file mode 100644
index 000000000..fd47933c9
--- /dev/null
+++ b/static/multi-array/calc_sum_revised.ipynb
@@ -0,0 +1,26 @@
+{
+  "nbformat": 4,
+  "nbformat_minor": 2,
+  "metadata": {},
+  "cells": [
+    {
+      "metadata": {},
+      "source": [
+        "def calc_sum2d(scores):\n",
+        "    sum_val = 0\n",
+        "    for i in range(len(scores)):\n",
+        "        for j in range(len(scores[i])):\n",
+        "            sum_val += scores[i][j]\n",
+        "    return sum_val\n",
+        "\n",
+        "\n",
+        "scores = [[83, 75, 32], [73, 53, 84], [63, 48, 64]]\n",
+        "\n",
+        "print(calc_sum2d(scores))"
+      ],
+      "cell_type": "code",
+      "outputs": [],
+      "execution_count": null
+    }
+  ]
+}
diff --git a/static/multi-array/total_score_max.ipynb b/static/multi-array/total_score_max.ipynb
new file mode 100644
index 000000000..b54956e95
--- /dev/null
+++ b/static/multi-array/total_score_max.ipynb
@@ -0,0 +1,42 @@
+{
+ "nbformat": 4,
+ "nbformat_minor": 2,
+ "metadata": {},
+ "cells": [
+  {
+   "metadata": {},
+   "source": [
+    "def calc_sum1d(scores):\n",
+    "    sum_val = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        sum_val += scores[i]\n",
+    "    return sum_val\n",
+    "\n",
+    "\n",
+    "def calc_total_score_max(scores):\n",
+    "    max_score = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        total_score = calc_sum1d(scores[i])\n",
+    "        if max_score < total_score:\n",
+    "            max_score = total_score\n",
+    "    return max_score\n",
+    "\n",
+    "\n",
+    "scores = [[83, 75, 32], [73, 53, 84], [63, 48, 64]]\n",
+    "\n",
+    "print(calc_total_score_max(scores))"
+   ],
+   "cell_type": "code",
+   "outputs": [
+    {
+     "output_type": "stream",
+     "name": "stdout",
+     "text": [
+      "210\n"
+     ]
+    }
+   ],
+   "execution_count": null
+  }
+ ]
+}
diff --git a/static/multi-array/total_score_max_2d.ipynb b/static/multi-array/total_score_max_2d.ipynb
new file mode 100644
index 000000000..4b9a9edd6
--- /dev/null
+++ b/static/multi-array/total_score_max_2d.ipynb
@@ -0,0 +1,43 @@
+{
+ "nbformat": 4,
+ "nbformat_minor": 2,
+ "metadata": {},
+ "cells": [
+  {
+   "metadata": {},
+   "source": [
+    "def calc_sum1d(scores):\n",
+    "    sum_val = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        sum_val += scores[i]\n",
+    "    return sum_val\n",
+    "\n",
+    "\n",
+    "def calc_total_score_max_2d(scores):\n",
+    "    max_score = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        for j in range(len(scores[i])):\n",
+    "            total_score = calc_sum1d(scores[i][j])\n",
+    "            if max_score < total_score:\n",
+    "                max_score = total_score\n",
+    "    return max_score\n",
+    "\n",
+    "\n",
+    "scores = [[[51, 56, 10], [47, 52, 58]], [[24, 92, 34], [28, 44, 19]]]\n",
+    "\n",
+    "print(calc_total_score_max_2d(scores))"
+   ],
+   "cell_type": "code",
+   "outputs": [
+    {
+     "output_type": "stream",
+     "name": "stdout",
+     "text": [
+      "157\n"
+     ]
+    }
+   ],
+   "execution_count": null
+  }
+ ]
+}

From 52cf21413f72f1e1caefad7feb571d7e4e2841b1 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 12:12:26 +0900
Subject: [PATCH 30/31] Update practice article

---
 docs/01python/12practice/index.mdx | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/docs/01python/12practice/index.mdx b/docs/01python/12practice/index.mdx
index 706d32961..130869e2d 100644
--- a/docs/01python/12practice/index.mdx
+++ b/docs/01python/12practice/index.mdx
@@ -7,7 +7,7 @@ import Answer from "@site/src/components/Answer";
 
 # 練習問題
 
-これまでの項で、Python についての基本的なことは学び終わったので、実際に様々な練習問題を解いていきましょう。
+これまでの項で、Python の基本的なことは学び終わったので、実際に様々な練習問題を解いてみましょう。
 
 ## 練習問題 1
 
@@ -17,7 +17,27 @@ Fizz Buzz 問題を解くプログラムを作ってみましょう。
 Fizz Buzz のルールは、次のようになっています。
 
 > プレイヤーは円状に座る。最初のプレイヤーは「1」と数字を発言する。次のプレイヤーは直前のプレイヤーの発言した数字に 1 を足した数字を発言していく。ただし、3 の倍数の場合は「Fizz」（Bizz Buzz の場合は「Bizz」）、5 の倍数の場合は「Buzz」、3 の倍数かつ 5 の倍数の場合（すなわち 15 の倍数の場合）は「Fizz Buzz」（Bizz Buzz の場合は「Bizz Buzz」）を数の代わりに発言しなければならない。発言を間違えた者や、ためらった者は脱落となる。
-> Wikipedia フリー百科事典 より
+> -- <cite>[フリー百科事典『ウィキペディア（Wikipedia）』](https://ja.wikipedia.org/wiki/Fizz_Buzz)</cite>
+
+要するに、次のように出力するプログラムを作れば良いです。
+
+```plaintext
+1
+2
+Fizz
+4
+Buzz
+Fizz
+7
+8
+Fizz
+Buzz
+11
+Fizz
+13
+14
+FizzBuzz
+```
 
 $n$ 番目まで Fizz Buzz での正しい解を表示するプログラムを作ってみましょう。
 
@@ -55,6 +75,7 @@ $n$ 番目まで Fizz Buzz での正しい解を表示するプログラムを
 最大公約数を求めるプログラムを作ってみましょう。最大公約数（greatest common divisor）は、GCD とよく略されます。
 
 <Answer>
+
 <ViewSource path="/practice/gcd.ipynb" />
 
 再帰を使うと次のようにもできます。再帰は後の項で説明します。

From a999967715eb1c4191e778d7e71546e590237436 Mon Sep 17 00:00:00 2001
From: chvmvd <chvmvd@users.noreply.github.com>
Date: Sat, 4 Feb 2023 12:25:34 +0900
Subject: [PATCH 31/31] Clear notebook outputs

---
 static/array/average3.ipynb                   | 36 +++++------
 static/array/average4.ipynb                   | 44 +++++++-------
 static/array/max.ipynb                        | 46 +++++++-------
 static/array/variance.ipynb                   | 60 +++++++++----------
 static/for/sum_1to1000_revised.ipynb          | 34 +++++------
 static/for/sum_1to100_revised.ipynb           | 34 +++++------
 static/for/up_to.ipynb                        | 42 ++++++-------
 static/for/while.ipynb                        | 38 ++++++------
 static/if/grade.ipynb                         | 24 +++-----
 static/if/greater_val.ipynb                   | 24 +++-----
 static/multi-array/calc_sum.ipynb             | 50 ++++++++--------
 static/multi-array/calc_sum3d.ipynb           | 50 ++++++++--------
 static/multi-array/calc_sum_revised.ipynb     | 48 +++++++--------
 static/multi-array/total_score_max.ipynb      | 24 +++-----
 static/multi-array/total_score_max_2d.ipynb   | 24 +++-----
 .../sound-velocity_revised_20degree.ipynb     | 30 +++++-----
 16 files changed, 288 insertions(+), 320 deletions(-)

diff --git a/static/array/average3.ipynb b/static/array/average3.ipynb
index bf766b847..3bcdc804e 100644
--- a/static/array/average3.ipynb
+++ b/static/array/average3.ipynb
@@ -1,20 +1,20 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "scores = [96, 56, 42, 74, 86]\n",
-        "sum_val = 0\n",
-        "for i in range(len(scores)):\n",
-        "    sum_val += scores[i]\n",
-        "print(sum_val / 5)"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "scores = [96, 56, 42, 74, 86]\n",
+    "sum_val = 0\n",
+    "for i in range(len(scores)):\n",
+    "    sum_val += scores[i]\n",
+    "print(sum_val / 5)"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/array/average4.ipynb b/static/array/average4.ipynb
index 09287c985..00ca3720c 100644
--- a/static/array/average4.ipynb
+++ b/static/array/average4.ipynb
@@ -1,24 +1,24 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "def average(scores):\n",
-        "    sum_val = 0\n",
-        "    for i in range(len(scores)):\n",
-        "        sum_val += scores[i]\n",
-        "    return sum_val / len(scores)\n",
-        "\n",
-        "\n",
-        "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
-        "print(average(scores))"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def average(scores):\n",
+    "    sum_val = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        sum_val += scores[i]\n",
+    "    return sum_val / len(scores)\n",
+    "\n",
+    "\n",
+    "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
+    "print(average(scores))"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/array/max.ipynb b/static/array/max.ipynb
index 6ec489957..cbbcc4934 100644
--- a/static/array/max.ipynb
+++ b/static/array/max.ipynb
@@ -1,25 +1,25 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "def calc_max(scores):\n",
-        "    max_val = scores[0]\n",
-        "    for i in range(1, len(scores)):\n",
-        "        if max_val < scores[i]:\n",
-        "            max_val = scores[i]\n",
-        "    return max_val\n",
-        "\n",
-        "\n",
-        "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
-        "print(calc_max(scores))"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def calc_max(scores):\n",
+    "    max_val = scores[0]\n",
+    "    for i in range(1, len(scores)):\n",
+    "        if max_val < scores[i]:\n",
+    "            max_val = scores[i]\n",
+    "    return max_val\n",
+    "\n",
+    "\n",
+    "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
+    "print(calc_max(scores))"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/array/variance.ipynb b/static/array/variance.ipynb
index 6b2541b18..743226fde 100644
--- a/static/array/variance.ipynb
+++ b/static/array/variance.ipynb
@@ -1,32 +1,32 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "def average(scores):\n",
-        "    sum_val = 0\n",
-        "    for i in range(len(scores)):\n",
-        "        sum_val += scores[i]\n",
-        "    return sum_val / len(scores)\n",
-        "\n",
-        "\n",
-        "def variance(scores):\n",
-        "    sum_val = 0\n",
-        "    calculated_average = average(scores)\n",
-        "    for i in range(len(scores)):\n",
-        "        sum_val += (scores[i] - calculated_average) ** 2\n",
-        "    return sum_val / len(scores)\n",
-        "\n",
-        "\n",
-        "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
-        "print(variance(scores))"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def average(scores):\n",
+    "    sum_val = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        sum_val += scores[i]\n",
+    "    return sum_val / len(scores)\n",
+    "\n",
+    "\n",
+    "def variance(scores):\n",
+    "    sum_val = 0\n",
+    "    calculated_average = average(scores)\n",
+    "    for i in range(len(scores)):\n",
+    "        sum_val += (scores[i] - calculated_average) ** 2\n",
+    "    return sum_val / len(scores)\n",
+    "\n",
+    "\n",
+    "scores = [26, 78, 83, 20, 10, 11, 22, 16, 41, 95]\n",
+    "print(variance(scores))"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/for/sum_1to1000_revised.ipynb b/static/for/sum_1to1000_revised.ipynb
index 9633b6531..73753d3c0 100644
--- a/static/for/sum_1to1000_revised.ipynb
+++ b/static/for/sum_1to1000_revised.ipynb
@@ -1,19 +1,19 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "sum_val = 0\n",
-        "for i in range(1, 1001):\n",
-        "    sum_val += i\n",
-        "print(sum_val)"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "sum_val = 0\n",
+    "for i in range(1, 1001):\n",
+    "    sum_val += i\n",
+    "print(sum_val)"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/for/sum_1to100_revised.ipynb b/static/for/sum_1to100_revised.ipynb
index c5791d920..93e0439aa 100644
--- a/static/for/sum_1to100_revised.ipynb
+++ b/static/for/sum_1to100_revised.ipynb
@@ -1,19 +1,19 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "sum_val = 0\n",
-        "for i in range(1, 101):\n",
-        "    sum_val += i\n",
-        "print(sum_val)"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "sum_val = 0\n",
+    "for i in range(1, 101):\n",
+    "    sum_val += i\n",
+    "print(sum_val)"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/for/up_to.ipynb b/static/for/up_to.ipynb
index 91a9cffca..b2e2b03e8 100644
--- a/static/for/up_to.ipynb
+++ b/static/for/up_to.ipynb
@@ -1,23 +1,23 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "def up_to(n):\n",
-        "    sum_val = 0\n",
-        "    for i in range(1, n + 1):\n",
-        "        sum_val += i\n",
-        "    return sum_val\n",
-        "\n",
-        "\n",
-        "print(up_to(10))"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def up_to(n):\n",
+    "    sum_val = 0\n",
+    "    for i in range(1, n + 1):\n",
+    "        sum_val += i\n",
+    "    return sum_val\n",
+    "\n",
+    "\n",
+    "print(up_to(10))"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/for/while.ipynb b/static/for/while.ipynb
index aa20f0e1c..22229e467 100644
--- a/static/for/while.ipynb
+++ b/static/for/while.ipynb
@@ -1,21 +1,21 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "sum_val = 0\n",
-        "i = 1\n",
-        "while i <= 10:\n",
-        "    sum_val += i\n",
-        "    i += 1\n",
-        "print(sum_val)"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "sum_val = 0\n",
+    "i = 1\n",
+    "while i <= 10:\n",
+    "    sum_val += i\n",
+    "    i += 1\n",
+    "print(sum_val)"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/if/grade.ipynb b/static/if/grade.ipynb
index 53a4cf49d..c3eacebd5 100644
--- a/static/if/grade.ipynb
+++ b/static/if/grade.ipynb
@@ -1,10 +1,10 @@
 {
- "nbformat": 4,
- "nbformat_minor": 2,
- "metadata": {},
  "cells": [
   {
+   "cell_type": "code",
+   "execution_count": null,
    "metadata": {},
+   "outputs": [],
    "source": [
     "def evaluate_grade(point):\n",
     "    if point >= 90:\n",
@@ -20,18 +20,10 @@
     "\n",
     "\n",
     "evaluate_grade(79)"
-   ],
-   "cell_type": "code",
-   "outputs": [
-    {
-     "output_type": "stream",
-     "name": "stdout",
-     "text": [
-      "良です。よく理解できています！\n"
-     ]
-    }
-   ],
-   "execution_count": null
+   ]
   }
- ]
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/if/greater_val.ipynb b/static/if/greater_val.ipynb
index ec35d288f..648986054 100644
--- a/static/if/greater_val.ipynb
+++ b/static/if/greater_val.ipynb
@@ -1,10 +1,10 @@
 {
- "nbformat": 4,
- "nbformat_minor": 2,
- "metadata": {},
  "cells": [
   {
+   "cell_type": "code",
+   "execution_count": null,
    "metadata": {},
+   "outputs": [],
    "source": [
     "def greater_val(a, b):\n",
     "    if a > b:\n",
@@ -14,18 +14,10 @@
     "\n",
     "\n",
     "print(greater_val(7, 5))"
-   ],
-   "cell_type": "code",
-   "outputs": [
-    {
-     "output_type": "stream",
-     "name": "stdout",
-     "text": [
-      "7\n"
-     ]
-    }
-   ],
-   "execution_count": null
+   ]
   }
- ]
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/multi-array/calc_sum.ipynb b/static/multi-array/calc_sum.ipynb
index fbc3a8464..17e6c4155 100644
--- a/static/multi-array/calc_sum.ipynb
+++ b/static/multi-array/calc_sum.ipynb
@@ -1,27 +1,27 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "def calc_sum1d(scores):\n",
-        "    sum_val = 0\n",
-        "    for i in range(len(scores)):\n",
-        "        sum_val += scores[i]\n",
-        "    return sum_val\n",
-        "\n",
-        "\n",
-        "a_scores = [83, 75, 32]\n",
-        "b_scores = [73, 53, 84]\n",
-        "c_scores = [63, 48, 64]\n",
-        "\n",
-        "print(calc_sum1d(a_scores) + calc_sum1d(b_scores) + calc_sum1d(c_scores))"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def calc_sum1d(scores):\n",
+    "    sum_val = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        sum_val += scores[i]\n",
+    "    return sum_val\n",
+    "\n",
+    "\n",
+    "a_scores = [83, 75, 32]\n",
+    "b_scores = [73, 53, 84]\n",
+    "c_scores = [63, 48, 64]\n",
+    "\n",
+    "print(calc_sum1d(a_scores) + calc_sum1d(b_scores) + calc_sum1d(c_scores))"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/multi-array/calc_sum3d.ipynb b/static/multi-array/calc_sum3d.ipynb
index 8da2deb16..04dc38cd7 100644
--- a/static/multi-array/calc_sum3d.ipynb
+++ b/static/multi-array/calc_sum3d.ipynb
@@ -1,27 +1,27 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "def calc_sum3d(scores):\n",
-        "    sum_val = 0\n",
-        "    for i in range(len(scores)):\n",
-        "        for j in range(len(scores[i])):\n",
-        "            for k in range(len(scores[i][j])):\n",
-        "                sum_val += scores[i][j][k]\n",
-        "    return sum_val\n",
-        "\n",
-        "\n",
-        "scores = [[[51, 56, 10], [47, 52, 58]], [[24, 92, 34], [28, 44, 19]]]\n",
-        "\n",
-        "print(calc_sum3d(scores))"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def calc_sum3d(scores):\n",
+    "    sum_val = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        for j in range(len(scores[i])):\n",
+    "            for k in range(len(scores[i][j])):\n",
+    "                sum_val += scores[i][j][k]\n",
+    "    return sum_val\n",
+    "\n",
+    "\n",
+    "scores = [[[51, 56, 10], [47, 52, 58]], [[24, 92, 34], [28, 44, 19]]]\n",
+    "\n",
+    "print(calc_sum3d(scores))"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/multi-array/calc_sum_revised.ipynb b/static/multi-array/calc_sum_revised.ipynb
index fd47933c9..5e904e94a 100644
--- a/static/multi-array/calc_sum_revised.ipynb
+++ b/static/multi-array/calc_sum_revised.ipynb
@@ -1,26 +1,26 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "def calc_sum2d(scores):\n",
-        "    sum_val = 0\n",
-        "    for i in range(len(scores)):\n",
-        "        for j in range(len(scores[i])):\n",
-        "            sum_val += scores[i][j]\n",
-        "    return sum_val\n",
-        "\n",
-        "\n",
-        "scores = [[83, 75, 32], [73, 53, 84], [63, 48, 64]]\n",
-        "\n",
-        "print(calc_sum2d(scores))"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def calc_sum2d(scores):\n",
+    "    sum_val = 0\n",
+    "    for i in range(len(scores)):\n",
+    "        for j in range(len(scores[i])):\n",
+    "            sum_val += scores[i][j]\n",
+    "    return sum_val\n",
+    "\n",
+    "\n",
+    "scores = [[83, 75, 32], [73, 53, 84], [63, 48, 64]]\n",
+    "\n",
+    "print(calc_sum2d(scores))"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/multi-array/total_score_max.ipynb b/static/multi-array/total_score_max.ipynb
index b54956e95..def73d58b 100644
--- a/static/multi-array/total_score_max.ipynb
+++ b/static/multi-array/total_score_max.ipynb
@@ -1,10 +1,10 @@
 {
- "nbformat": 4,
- "nbformat_minor": 2,
- "metadata": {},
  "cells": [
   {
+   "cell_type": "code",
+   "execution_count": null,
    "metadata": {},
+   "outputs": [],
    "source": [
     "def calc_sum1d(scores):\n",
     "    sum_val = 0\n",
@@ -25,18 +25,10 @@
     "scores = [[83, 75, 32], [73, 53, 84], [63, 48, 64]]\n",
     "\n",
     "print(calc_total_score_max(scores))"
-   ],
-   "cell_type": "code",
-   "outputs": [
-    {
-     "output_type": "stream",
-     "name": "stdout",
-     "text": [
-      "210\n"
-     ]
-    }
-   ],
-   "execution_count": null
+   ]
   }
- ]
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/multi-array/total_score_max_2d.ipynb b/static/multi-array/total_score_max_2d.ipynb
index 4b9a9edd6..3c662f92c 100644
--- a/static/multi-array/total_score_max_2d.ipynb
+++ b/static/multi-array/total_score_max_2d.ipynb
@@ -1,10 +1,10 @@
 {
- "nbformat": 4,
- "nbformat_minor": 2,
- "metadata": {},
  "cells": [
   {
+   "cell_type": "code",
+   "execution_count": null,
    "metadata": {},
+   "outputs": [],
    "source": [
     "def calc_sum1d(scores):\n",
     "    sum_val = 0\n",
@@ -26,18 +26,10 @@
     "scores = [[[51, 56, 10], [47, 52, 58]], [[24, 92, 34], [28, 44, 19]]]\n",
     "\n",
     "print(calc_total_score_max_2d(scores))"
-   ],
-   "cell_type": "code",
-   "outputs": [
-    {
-     "output_type": "stream",
-     "name": "stdout",
-     "text": [
-      "157\n"
-     ]
-    }
-   ],
-   "execution_count": null
+   ]
   }
- ]
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }
diff --git a/static/variables/sound-velocity_revised_20degree.ipynb b/static/variables/sound-velocity_revised_20degree.ipynb
index dbf7f1619..87ab01cf1 100644
--- a/static/variables/sound-velocity_revised_20degree.ipynb
+++ b/static/variables/sound-velocity_revised_20degree.ipynb
@@ -1,17 +1,17 @@
 {
-  "nbformat": 4,
-  "nbformat_minor": 2,
-  "metadata": {},
-  "cells": [
-    {
-      "metadata": {},
-      "source": [
-        "t = 20\n",
-        "331.5 + 0.6 * t"
-      ],
-      "cell_type": "code",
-      "outputs": [],
-      "execution_count": null
-    }
-  ]
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "t = 20\n",
+    "331.5 + 0.6 * t"
+   ]
+  }
+ ],
+ "metadata": {},
+ "nbformat": 4,
+ "nbformat_minor": 2
 }