1 files changed, 26 insertions, 23 deletions
diff --git a/services/nuldoc/public/blog/posts/2021-10-02/python-unbound-local-error/index.html b/services/nuldoc/public/blog/posts/2021-10-02/python-unbound-local-error/index.html
index 26fb852f..03e01be0 100644
--- a/services/nuldoc/public/blog/posts/2021-10-02/python-unbound-local-error/index.html
+++ b/services/nuldoc/public/blog/posts/2021-10-02/python-unbound-local-error/index.html
@@ -75,13 +75,14 @@
             Python でクロージャを作ろうと、次のようなコードを書いた。
           </p>
           <div class="codeblock">
-            <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">def</span><span style="color:#6F42C1"> f</span><span style="color:#24292E">():</span></span>
-<span class="line"><span style="color:#24292E">    x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span></span>
-<span class="line"><span style="color:#D73A49">    def</span><span style="color:#6F42C1"> g</span><span style="color:#24292E">():</span></span>
-<span class="line"><span style="color:#24292E">        x </span><span style="color:#D73A49">+=</span><span style="color:#005CC5"> 1</span></span>
-<span class="line"><span style="color:#24292E">    g()</span></span>
-<span class="line"></span>
-<span class="line"><span style="color:#24292E">f()</span></span></code></pre>
+            <pre class="highlight" style="background-color:#f5f5f5"><code><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+    <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">=</span> <span style="color: #0550ae">0</span>
+    <span style="color: #cf222e">def</span> <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+        <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">+=</span> <span style="color: #0550ae">1</span>
+    <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
+
+<span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
+</code></pre>
           </div>
           <p>
             関数 <code>g</code> から 関数 <code>f</code> のスコープ内で定義された変数 <code>x</code> を参照し、それに 1 を足そうとしている。 これを実行すると <code>x += 1</code> の箇所でエラーが発生する。
@@ -95,27 +96,29 @@
             local変数 <code>x</code> が代入前に参照された、とある。これは、<code>f</code> の <code>x</code> を参照するのではなく、新しく別の変数を <code>g</code> 内に作ってしまっているため。前述のコードを宣言と代入を便宜上分けて書き直すと次のようになる。<code>var</code> を変数宣言のための構文として擬似的に利用している。
           </p>
           <div class="codeblock">
-            <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># 注: var は正しい Python の文法ではない。上記参照のこと</span></span>
-<span class="line"><span style="color:#D73A49">def</span><span style="color:#6F42C1"> f</span><span style="color:#24292E">():</span></span>
-<span class="line"><span style="color:#24292E">  var x           </span><span style="color:#6A737D">#  f の local変数 'x' を宣言</span></span>
-<span class="line"><span style="color:#24292E">  x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#6A737D">           #  x に 0 を代入</span></span>
-<span class="line"><span style="color:#D73A49">  def</span><span style="color:#6F42C1"> g</span><span style="color:#24292E">():        </span><span style="color:#6A737D">#  f の内部関数 g を定義</span></span>
-<span class="line"><span style="color:#24292E">      var x       </span><span style="color:#6A737D">#  g の local変数 'x' を宣言</span></span>
-<span class="line"><span style="color:#6A737D">      #  たまたま f にも同じ名前の変数があるが、それとは別の変数</span></span>
-<span class="line"><span style="color:#24292E">      x </span><span style="color:#D73A49">+=</span><span style="color:#005CC5"> 1</span><span style="color:#6A737D">      #  x に 1 を加算 (x = x + 1 の糖衣構文)</span></span>
-<span class="line"><span style="color:#6A737D">      #  加算する前の値を参照しようとするが、まだ代入されていないためエラー</span></span>
-<span class="line"><span style="color:#24292E">  g()</span></span></code></pre>
+            <pre class="highlight" style="background-color:#f5f5f5"><code><span style="color: #6e7781"># 注: var は正しい Python の文法ではない。上記参照のこと
+</span><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+  <span style="color: #24292f;background-color: #f6f8fa">var</span> <span style="color: #24292f;background-color: #f6f8fa">x</span>           <span style="color: #6e7781">#  f の local変数 'x' を宣言
+</span>  <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">=</span> <span style="color: #0550ae">0</span>           <span style="color: #6e7781">#  x に 0 を代入
+</span>  <span style="color: #cf222e">def</span> <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">():</span>        <span style="color: #6e7781">#  f の内部関数 g を定義
+</span>      <span style="color: #24292f;background-color: #f6f8fa">var</span> <span style="color: #24292f;background-color: #f6f8fa">x</span>       <span style="color: #6e7781">#  g の local変数 'x' を宣言
+</span>      <span style="color: #6e7781">#  たまたま f にも同じ名前の変数があるが、それとは別の変数
+</span>      <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">+=</span> <span style="color: #0550ae">1</span>      <span style="color: #6e7781">#  x に 1 を加算 (x = x + 1 の糖衣構文)
+</span>      <span style="color: #6e7781">#  加算する前の値を参照しようとするが、まだ代入されていないためエラー
+</span>  <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
+</code></pre>
           </div>
           <p>
             当初の意図を表現するには、次のように書けばよい。
           </p>
           <div class="codeblock">
-            <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">def</span><span style="color:#6F42C1"> f</span><span style="color:#24292E">():</span></span>
-<span class="line"><span style="color:#24292E">    x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span></span>
-<span class="line"><span style="color:#D73A49">    def</span><span style="color:#6F42C1"> g</span><span style="color:#24292E">():</span></span>
-<span class="line"><span style="color:#D73A49">        nonlocal</span><span style="color:#24292E"> x   </span><span style="color:#6A737D">## (*)</span></span>
-<span class="line"><span style="color:#24292E">        x </span><span style="color:#D73A49">+=</span><span style="color:#005CC5"> 1</span></span>
-<span class="line"><span style="color:#24292E">    g()</span></span></code></pre>
+            <pre class="highlight" style="background-color:#f5f5f5"><code><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+    <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">=</span> <span style="color: #0550ae">0</span>
+    <span style="color: #cf222e">def</span> <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+        <span style="color: #cf222e">nonlocal</span> <span style="color: #24292f;background-color: #f6f8fa">x</span>   <span style="color: #6e7781">## (*)
+</span>        <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">+=</span> <span style="color: #0550ae">1</span>
+    <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
+</code></pre>
           </div>
           <p>
             <code>(*)</code> のように、<code>nonlocal</code> を追加する。これにより一つ外側のスコープ (<code>g</code> の一つ外側 = <code>f</code>) で定義されている <code>x</code> を探しに行くようになる。