feat(slides): improve slide controllerHEAD main

author: nsfisis <nsfisis@gmail.com> 2026-08-08 10:38:18 +0900
committer: nsfisis <nsfisis@gmail.com> 2026-08-08 10:38:18 +0900
commit: 4681e861efcdf9b0b73e3803e70712bc55162863 (patch)
tree: d910ef14d9549df19896d85a42e12a32db787fb6 /services/nuldoc/public/blog/posts/2021-10-02/python-unbound-local-error/index.html
parent: eca423774047122f7dfc4be9ac78626e32d733d3 (diff)
download: nsfisis.dev-4681e861efcdf9b0b73e3803e70712bc55162863.tar.gz
nsfisis.dev-4681e861efcdf9b0b73e3803e70712bc55162863.tar.zst
nsfisis.dev-4681e861efcdf9b0b73e3803e70712bc55162863.zip
1 files changed, 27 insertions, 24 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 a38d197c..aa63127f 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
@@ -15,7 +15,7 @@
     <meta name="Hatena::Bookmark" content="nocomment">
     <link rel="icon" type="image/svg+xml" href="/favicon.svg">
     <title>【Python】 クロージャとUnboundLocalError: local variable &apos;x&apos; referenced before assignment｜REPL: Rest-Eat-Program Loop</title>
-    <link rel="stylesheet" href="/style.css?h=bf289421c09405fa3c89dc8b18742368">
+    <link rel="stylesheet" href="/style.css?h=61618c116e07057fc873f7751f158cd7">
   </head>
   <body class="single">
     <header class="header">
@@ -75,13 +75,14 @@
             Python でクロージャを作ろうと、次のようなコードを書いた。
           </p>
           <div class="codeblock">
-            <pre class="highlight" style="background-color:#f5f5f5"><code><div class="codeblock-line"><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
-</div><div class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">=</span> <span style="color: #0550ae">0</span>
-</div><div class="codeblock-line">    <span style="color: #cf222e">def</span> <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
-</div><div class="codeblock-line">        <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">+=</span> <span style="color: #0550ae">1</span>
-</div><div class="codeblock-line">    <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
-</div><div class="codeblock-line">
-</div><div class="codeblock-line"><span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">()</span></div></code></pre>
+            <pre class="highlight" style="background-color:#f5f5f5"><code><span class="codeblock-line"><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+</span><span class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">=</span> <span style="color: #0550ae">0</span>
+</span><span class="codeblock-line">    <span style="color: #cf222e">def</span> <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+</span><span class="codeblock-line">        <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">+=</span> <span style="color: #0550ae">1</span>
+</span><span class="codeblock-line">    <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
+</span><span class="codeblock-line">
+</span><span class="codeblock-line"><span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
+</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="highlight" style="background-color:#f5f5f5"><code><div class="codeblock-line"><span style="color: #6e7781"># 注: var は正しい Python の文法ではない。上記参照のこと</span>
-</div><div class="codeblock-line"><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
-</div><div class="codeblock-line">  <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>
-</div><div class="codeblock-line">  <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>
-</div><div class="codeblock-line">  <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>
-</div><div class="codeblock-line">      <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>
-</div><div class="codeblock-line">      <span style="color: #6e7781">#  たまたま f にも同じ名前の変数があるが、それとは別の変数</span>
-</div><div class="codeblock-line">      <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>
-</div><div class="codeblock-line">      <span style="color: #6e7781">#  加算する前の値を参照しようとするが、まだ代入されていないためエラー</span>
-</div><div class="codeblock-line">  <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span></div></code></pre>
+            <pre class="highlight" style="background-color:#f5f5f5"><code><span class="codeblock-line"><span style="color: #6e7781"># 注: var は正しい Python の文法ではない。上記参照のこと</span>
+</span><span class="codeblock-line"><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+</span><span class="codeblock-line">  <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><span class="codeblock-line">  <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><span class="codeblock-line">  <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><span class="codeblock-line">      <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><span class="codeblock-line">      <span style="color: #6e7781">#  たまたま f にも同じ名前の変数があるが、それとは別の変数</span>
+</span><span class="codeblock-line">      <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><span class="codeblock-line">      <span style="color: #6e7781">#  加算する前の値を参照しようとするが、まだ代入されていないためエラー</span>
+</span><span class="codeblock-line">  <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
+</span></code></pre>
           </div>
           <p>
             当初の意図を表現するには、次のように書けばよい。
           </p>
           <div class="codeblock">
-            <pre class="highlight" style="background-color:#f5f5f5"><code><div class="codeblock-line"><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
-</div><div class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">=</span> <span style="color: #0550ae">0</span>
-</div><div class="codeblock-line">    <span style="color: #cf222e">def</span> <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
-</div><div class="codeblock-line">        <span style="color: #cf222e">nonlocal</span> <span style="color: #24292f;background-color: #f6f8fa">x</span>   <span style="color: #6e7781">## (*)</span>
-</div><div class="codeblock-line">        <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">+=</span> <span style="color: #0550ae">1</span>
-</div><div class="codeblock-line">    <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span></div></code></pre>
+            <pre class="highlight" style="background-color:#f5f5f5"><code><span class="codeblock-line"><span style="color: #cf222e">def</span> <span style="color: #8250df">f</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+</span><span class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">=</span> <span style="color: #0550ae">0</span>
+</span><span class="codeblock-line">    <span style="color: #cf222e">def</span> <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">():</span>
+</span><span class="codeblock-line">        <span style="color: #cf222e">nonlocal</span> <span style="color: #24292f;background-color: #f6f8fa">x</span>   <span style="color: #6e7781">## (*)</span>
+</span><span class="codeblock-line">        <span style="color: #24292f;background-color: #f6f8fa">x</span> <span style="color: #0550ae">+=</span> <span style="color: #0550ae">1</span>
+</span><span class="codeblock-line">    <span style="color: #8250df">g</span><span style="color: #24292f;background-color: #f6f8fa">()</span>
+</span></code></pre>
           </div>
           <p>
             <code>(*)</code> のように、<code>nonlocal</code> を追加する。これにより一つ外側のスコープ (<code>g</code> の一つ外側 = <code>f</code>) で定義されている <code>x</code> を探しに行くようになる。
author	nsfisis <nsfisis@gmail.com>	2026-08-08 10:38:18 +0900
committer	nsfisis <nsfisis@gmail.com>	2026-08-08 10:38:18 +0900
commit	4681e861efcdf9b0b73e3803e70712bc55162863 (patch)
tree	d910ef14d9549df19896d85a42e12a32db787fb6 /services/nuldoc/public/blog/posts/2021-10-02/python-unbound-local-error/index.html
parent	eca423774047122f7dfc4be9ac78626e32d733d3 (diff)
download	nsfisis.dev-4681e861efcdf9b0b73e3803e70712bc55162863.tar.gz nsfisis.dev-4681e861efcdf9b0b73e3803e70712bc55162863.tar.zst nsfisis.dev-4681e861efcdf9b0b73e3803e70712bc55162863.zip