update

Author: Reputeless

articles/comment-tricks/index.html

@@ -520,6 +520,26 @@
     範囲の切り替え
   </a>
 
+    <nav class="md-nav" aria-label="範囲の切り替え">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#1_1" class="md-nav__link">
+    パターン 1
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#2_1" class="md-nav__link">
+    パターン 2
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
 </li>
 
         <li class="md-nav__item">
@@ -1037,6 +1057,26 @@
     範囲の切り替え
   </a>
 
+    <nav class="md-nav" aria-label="範囲の切り替え">
+      <ul class="md-nav__list">
+        
+          <li class="md-nav__item">
+  <a href="#1_1" class="md-nav__link">
+    パターン 1
+  </a>
+  
+</li>
+        
+          <li class="md-nav__item">
+  <a href="#2_1" class="md-nav__link">
+    パターン 2
+  </a>
+  
+</li>
+        
+      </ul>
+    </nav>
+  
 </li>
 
         <li class="md-nav__item">
@@ -1150,6 +1190,7 @@ <h2 id="_2">値の切り替え<a class="headerlink" href="#_2" title="Permanent
 <h2 id="_3">範囲の切り替え<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
 <p>値の切り替えの範囲版です。<br />
 スラッシュ / の有無に応じて、前半、後半どちらかの範囲を選択します。</p>
+<h4 id="1_1">パターン 1<a class="headerlink" href="#1_1" title="Permanent link">&para;</a></h4>
 <div class="tabbed-set" data-tabs="4:2">
 <input name="__tabbed_4" type="radio" id="__tabbed_4_1" checked="checked" /><label for="__tabbed_4_1">前半</label><div class="tabbed-content"><div class="highlight"><pre><span></span><code><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
@@ -1190,10 +1231,51 @@ <h2 id="_3">範囲の切り替え<a class="headerlink" href="#_3" title="Permane
 <span class="p">}</span>
 </code></pre></div></div>
 </div>
+<h4 id="2_1">パターン 2<a class="headerlink" href="#2_1" title="Permanent link">&para;</a></h4>
+<div class="tabbed-set" data-tabs="5:2">
+<input name="__tabbed_5" type="radio" id="__tabbed_5_1" checked="checked" /><label for="__tabbed_5_1">前半</label><div class="tabbed-content"><div class="highlight"><pre><span></span><code><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
+
+<span class="kt">int</span> <span class="nf">main</span><span class="p">()</span>
+<span class="p">{</span>
+    <span class="c1">//*</span>
+    <span class="kt">int</span> <span class="n">x</span><span class="p">;</span>
+
+    <span class="n">std</span><span class="o">::</span><span class="n">cin</span> <span class="o">&gt;&gt;</span> <span class="n">x</span><span class="p">;</span>
+
+    <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="n">x</span> <span class="o">*</span> <span class="n">x</span><span class="p">;</span>
+    <span class="cm">/*/</span>
+<span class="cm">    int x, y;</span>
+
+<span class="cm">    std::cin &gt;&gt; x &gt;&gt; y;</span>
+
+<span class="cm">    std::cout &lt;&lt; x + y;</span>
+<span class="cm">    //*/</span>
+<span class="p">}</span>
+</code></pre></div></div>
+<input name="__tabbed_5" type="radio" id="__tabbed_5_2" /><label for="__tabbed_5_2">後半</label><div class="tabbed-content"><div class="highlight"><pre><span></span><code><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
+
+<span class="kt">int</span> <span class="nf">main</span><span class="p">()</span>
+<span class="p">{</span>
+    <span class="cm">/*</span>
+<span class="cm">    int x;</span>
+
+<span class="cm">    std::cin &gt;&gt; x;</span>
+
+<span class="cm">    std::cout &lt;&lt; x * x;</span>
+<span class="cm">    /*/</span>
+    <span class="kt">int</span> <span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">;</span>
+
+    <span class="n">std</span><span class="o">::</span><span class="n">cin</span> <span class="o">&gt;&gt;</span> <span class="n">x</span> <span class="o">&gt;&gt;</span> <span class="n">y</span><span class="p">;</span>
+
+    <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="n">x</span> <span class="o">+</span> <span class="n">y</span><span class="p">;</span>
+    <span class="c1">//*/</span>
+<span class="p">}</span>
+</code></pre></div></div>
+</div>
 <h2 id="_4">行の入れ替えの防止<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h2>
 <p>リファクタリング時に、コピー＆ペーストで行の順番を入れ替えてしまうことを防ぎます。</p>
-<div class="tabbed-set" data-tabs="5:2">
-<input name="__tabbed_5" type="radio" id="__tabbed_5_1" checked="checked" /><label for="__tabbed_5_1">基本のコード</label><div class="tabbed-content"><div class="highlight"><pre><span></span><code><span class="kt">void</span> <span class="nf">First</span><span class="p">()</span> <span class="p">{}</span>
+<div class="tabbed-set" data-tabs="6:2">
+<input name="__tabbed_6" type="radio" id="__tabbed_6_1" checked="checked" /><label for="__tabbed_6_1">基本のコード</label><div class="tabbed-content"><div class="highlight"><pre><span></span><code><span class="kt">void</span> <span class="nf">First</span><span class="p">()</span> <span class="p">{}</span>
 <span class="kt">void</span> <span class="nf">Second</span><span class="p">()</span> <span class="p">{}</span>
 
 <span class="kt">int</span> <span class="nf">main</span><span class="p">()</span>
@@ -1202,7 +1284,7 @@ <h2 id="_4">行の入れ替えの防止<a class="headerlink" href="#_4" title="P
 <span class="cm">    */</span><span class="n">Second</span><span class="p">();</span>
 <span class="p">}</span>
 </code></pre></div></div>
-<input name="__tabbed_5" type="radio" id="__tabbed_5_2" /><label for="__tabbed_5_2">入れ替えるとエラー</label><div class="tabbed-content"><div class="highlight"><pre><span></span><code><span class="kt">void</span> <span class="nf">First</span><span class="p">()</span> <span class="p">{}</span>
+<input name="__tabbed_6" type="radio" id="__tabbed_6_2" /><label for="__tabbed_6_2">入れ替えるとエラー</label><div class="tabbed-content"><div class="highlight"><pre><span></span><code><span class="kt">void</span> <span class="nf">First</span><span class="p">()</span> <span class="p">{}</span>
 <span class="kt">void</span> <span class="nf">Second</span><span class="p">()</span> <span class="p">{}</span>
 
 <span class="kt">int</span> <span class="nf">main</span><span class="p">()</span>