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/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html
parent: eca423774047122f7dfc4be9ac78626e32d733d3 (diff)
download: nsfisis.dev-main.tar.gz
nsfisis.dev-main.tar.zst
nsfisis.dev-main.zip
1 files changed, 46 insertions, 41 deletions
diff --git a/services/nuldoc/public/blog/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html b/services/nuldoc/public/blog/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html
index 987c0f0d..b9496c6e 100644
--- a/services/nuldoc/public/blog/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html
+++ b/services/nuldoc/public/blog/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html
@@ -15,7 +15,7 @@
     <meta name="Hatena::Bookmark" content="nocomment">
     <link rel="icon" type="image/svg+xml" href="/favicon.svg">
     <title>【Go】 text/template の with や range の内側から外側の &quot;.&quot; にアクセスする｜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">
@@ -90,19 +90,20 @@
               Go には、標準ライブラリにテンプレートライブラリ <code>text/template</code> がある。この <code>text/template</code> における制御構造、<code>with</code> と <code>range</code> は次のように使われる。
             </p>
             <div class="codeblock">
-              <pre class="highlight" style="background-color:#f5f5f5"><code><div class="codeblock-line"># {{ .Title }}
-</div><div class="codeblock-line">
-</div><div class="codeblock-line"># User
-</div><div class="codeblock-line">
-</div><div class="codeblock-line">{{ with .User }}
-</div><div class="codeblock-line">  {{ .Name }} ({{ .ID }})
-</div><div class="codeblock-line">{{ end }}
-</div><div class="codeblock-line">
-</div><div class="codeblock-line"># Items
-</div><div class="codeblock-line">
-</div><div class="codeblock-line">{{ range .Items }}
-</div><div class="codeblock-line">  - {{ . }}
-</div><div class="codeblock-line">{{ end }}</div></code></pre>
+              <pre class="highlight" style="background-color:#f5f5f5"><code><span class="codeblock-line"># {{ .Title }}
+</span><span class="codeblock-line">
+</span><span class="codeblock-line"># User
+</span><span class="codeblock-line">
+</span><span class="codeblock-line">{{ with .User }}
+</span><span class="codeblock-line">  {{ .Name }} ({{ .ID }})
+</span><span class="codeblock-line">{{ end }}
+</span><span class="codeblock-line">
+</span><span class="codeblock-line"># Items
+</span><span class="codeblock-line">
+</span><span class="codeblock-line">{{ range .Items }}
+</span><span class="codeblock-line">  - {{ . }}
+</span><span class="codeblock-line">{{ end }}
+</span></code></pre>
             </div>
             <p>
               <code>text/template</code> の <code>.</code> は、現在の操作対象を表す特殊なオブジェクトである。
@@ -114,18 +115,19 @@
               つまりこのテンプレートは、次のような構造をレンダリングしている (<code>Execute()</code> の第2引数)。
             </p>
             <div class="codeblock">
-              <pre class="highlight" style="background-color:#f5f5f5"><code><div class="codeblock-line"><span style="color: #24292f;background-color: #f6f8fa">tmpl</span><span style="color: #0550ae">.</span><span style="color: #24292f;background-color: #f6f8fa">Execute</span><span style="color: #24292f;background-color: #f6f8fa">(</span><span style="color: #24292f;background-color: #f6f8fa">out</span><span style="color: #24292f;background-color: #f6f8fa">,</span> <span style="color: #24292f;background-color: #f6f8fa">Params</span><span style="color: #24292f;background-color: #f6f8fa">{</span>
-</div><div class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">Title</span><span style="color: #0550ae">:</span> <span style="color: #0a3069">"foo"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
-</div><div class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">User</span><span style="color: #0550ae">:</span> <span style="color: #24292f;background-color: #f6f8fa">User</span><span style="color: #24292f;background-color: #f6f8fa">{</span>
-</div><div class="codeblock-line">        <span style="color: #24292f;background-color: #f6f8fa">ID</span><span style="color: #0550ae">:</span>   <span style="color: #0550ae">123</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
-</div><div class="codeblock-line">        <span style="color: #24292f;background-color: #f6f8fa">Name</span><span style="color: #0550ae">:</span> <span style="color: #0a3069">"john"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
-</div><div class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">},</span>
-</div><div class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">Items</span><span style="color: #0550ae">:</span> <span style="color: #24292f;background-color: #f6f8fa">[]</span><span style="color: #cf222e">string</span><span style="color: #24292f;background-color: #f6f8fa">{</span>
-</div><div class="codeblock-line">        <span style="color: #0a3069">"hoge"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
-</div><div class="codeblock-line">        <span style="color: #0a3069">"piyo"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
-</div><div class="codeblock-line">        <span style="color: #0a3069">"fuga"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
-</div><div class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">},</span>
-</div><div class="codeblock-line"><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: #24292f;background-color: #f6f8fa">tmpl</span><span style="color: #0550ae">.</span><span style="color: #24292f;background-color: #f6f8fa">Execute</span><span style="color: #24292f;background-color: #f6f8fa">(</span><span style="color: #24292f;background-color: #f6f8fa">out</span><span style="color: #24292f;background-color: #f6f8fa">,</span> <span style="color: #24292f;background-color: #f6f8fa">Params</span><span style="color: #24292f;background-color: #f6f8fa">{</span>
+</span><span class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">Title</span><span style="color: #0550ae">:</span> <span style="color: #0a3069">"foo"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
+</span><span class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">User</span><span style="color: #0550ae">:</span> <span style="color: #24292f;background-color: #f6f8fa">User</span><span style="color: #24292f;background-color: #f6f8fa">{</span>
+</span><span class="codeblock-line">        <span style="color: #24292f;background-color: #f6f8fa">ID</span><span style="color: #0550ae">:</span>   <span style="color: #0550ae">123</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
+</span><span class="codeblock-line">        <span style="color: #24292f;background-color: #f6f8fa">Name</span><span style="color: #0550ae">:</span> <span style="color: #0a3069">"john"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
+</span><span class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">},</span>
+</span><span class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">Items</span><span style="color: #0550ae">:</span> <span style="color: #24292f;background-color: #f6f8fa">[]</span><span style="color: #cf222e">string</span><span style="color: #24292f;background-color: #f6f8fa">{</span>
+</span><span class="codeblock-line">        <span style="color: #0a3069">"hoge"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
+</span><span class="codeblock-line">        <span style="color: #0a3069">"piyo"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
+</span><span class="codeblock-line">        <span style="color: #0a3069">"fuga"</span><span style="color: #24292f;background-color: #f6f8fa">,</span>
+</span><span class="codeblock-line">    <span style="color: #24292f;background-color: #f6f8fa">},</span>
+</span><span class="codeblock-line"><span style="color: #24292f;background-color: #f6f8fa">})</span>
+</span></code></pre>
             </div>
           </section>
           <section id="section--what-i-want-to-do">
@@ -134,13 +136,14 @@
               今回おこないたいのは、<code>with</code> や <code>range</code> の中で、その外側で使われていたトップレベルのオブジェクトを参照することだ。
             </p>
             <div class="codeblock">
-              <pre class="highlight" style="background-color:#f5f5f5"><code><div class="codeblock-line">{{ with .User }}
-</div><div class="codeblock-line">  ここから .Title を参照するには？
-</div><div class="codeblock-line">{{ end }}
-</div><div class="codeblock-line">
-</div><div class="codeblock-line">{{ range .Items }}
-</div><div class="codeblock-line">  ここから .User を参照するには？
-</div><div class="codeblock-line">{{ end }}</div></code></pre>
+              <pre class="highlight" style="background-color:#f5f5f5"><code><span class="codeblock-line">{{ with .User }}
+</span><span class="codeblock-line">  ここから .Title を参照するには？
+</span><span class="codeblock-line">{{ end }}
+</span><span class="codeblock-line">
+</span><span class="codeblock-line">{{ range .Items }}
+</span><span class="codeblock-line">  ここから .User を参照するには？
+</span><span class="codeblock-line">{{ end }}
+</span></code></pre>
             </div>
             <p>
               <code>with</code> や <code>range</code> は、<code>.</code> を自身の対象オブジェクトに変更するので、単に <code>{{ with .User }}</code> の中で <code>.Title</code> と書いても、それは <code>User</code> の <code>Title</code> プロパティを参照しているとみなされる。
@@ -149,7 +152,8 @@
               <code>text/template</code> では変数が使えるので、テンプレートの先頭で
             </p>
             <div class="codeblock">
-              <pre class="highlight" style="background-color:#f5f5f5"><code><div class="codeblock-line">{{ $params := . }}</div></code></pre>
+              <pre class="highlight" style="background-color:#f5f5f5"><code><span class="codeblock-line">{{ $params := . }}
+</span></code></pre>
             </div>
             <p>
               とでもしておけば実現は可能である。
@@ -164,13 +168,14 @@
               常にトップレベルを指す特殊変数 <code>$</code> を使えばよい。
             </p>
             <div class="codeblock">
-              <pre class="highlight" style="background-color:#f5f5f5"><code><div class="codeblock-line">{{ with .User }}
-</div><div class="codeblock-line">  {{ $.Title }}
-</div><div class="codeblock-line">{{ end }}
-</div><div class="codeblock-line">
-</div><div class="codeblock-line">{{ range .Items }}
-</div><div class="codeblock-line">  {{ $.User.Name }}
-</div><div class="codeblock-line">{{ end }}</div></code></pre>
+              <pre class="highlight" style="background-color:#f5f5f5"><code><span class="codeblock-line">{{ with .User }}
+</span><span class="codeblock-line">  {{ $.Title }}
+</span><span class="codeblock-line">{{ end }}
+</span><span class="codeblock-line">
+</span><span class="codeblock-line">{{ range .Items }}
+</span><span class="codeblock-line">  {{ $.User.Name }}
+</span><span class="codeblock-line">{{ end }}
+</span></code></pre>
             </div>
             <p>
               <code>$</code> は、テンプレートが実行されるときに渡されたオブジェクトを指す。これを使えば現在の <code>.</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/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html
parent	eca423774047122f7dfc4be9ac78626e32d733d3 (diff)
download	nsfisis.dev-main.tar.gz nsfisis.dev-main.tar.zst nsfisis.dev-main.zip