update

Author: Reputeless

articles/comment-tricks/index.html

@@ -1131,7 +1131,9 @@ <h1 id="_1">コメントアウトのトリック<a class="headerlink" href="#_1"
 <h2 id="onoff">範囲の ON・OFF<a class="headerlink" href="#onoff" title="Permanent link">&para;</a></h2>
 <p>スラッシュ <code>/</code> の有無に応じて、範囲コメントの有効・無効を切り替えます。</p>
 <h4 id="1">パターン 1<a class="headerlink" href="#1" title="Permanent link">&para;</a></h4>
-<div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">無効</label><div class="tabbed-content">
+<div class="tabbed-set tabbed-alternate" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">無効</label><label for="__tabbed_1_2">有効</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1146,7 +1148,7 @@ <h4 id="1">パターン 1<a class="headerlink" href="#1" title="Permanent link">
 <span class="p">}</span><span class="w"></span>
 </code></pre></div>
 </div>
-<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">有効</label><div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1162,8 +1164,11 @@ <h4 id="1">パターン 1<a class="headerlink" href="#1" title="Permanent link">
 </code></pre></div>
 </div>
 </div>
+</div>
 <h4 id="2">パターン 2<a class="headerlink" href="#2" title="Permanent link">&para;</a></h4>
-<div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">無効</label><div class="tabbed-content">
+<div class="tabbed-set tabbed-alternate" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><div class="tabbed-labels"><label for="__tabbed_2_1">無効</label><label for="__tabbed_2_2">有効</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1178,7 +1183,7 @@ <h4 id="2">パターン 2<a class="headerlink" href="#2" title="Permanent link">
 <span class="p">}</span><span class="w"></span>
 </code></pre></div>
 </div>
-<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">有効</label><div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1194,9 +1199,12 @@ <h4 id="2">パターン 2<a class="headerlink" href="#2" title="Permanent link">
 </code></pre></div>
 </div>
 </div>
+</div>
 <h2 id="_2">値の切り替え<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
 <p>スラッシュ <code>/</code> の有無に応じて、左右どちらかの値を選択します。</p>
-<div class="tabbed-set" data-tabs="3:2"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">左</label><div class="tabbed-content">
+<div class="tabbed-set tabbed-alternate" data-tabs="3:2"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><div class="tabbed-labels"><label for="__tabbed_3_1">左</label><label for="__tabbed_3_2">右</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1207,7 +1215,7 @@ <h2 id="_2">値の切り替え<a class="headerlink" href="#_2" title="Permanent
 <span class="p">}</span><span class="w"></span>
 </code></pre></div>
 </div>
-<input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><label for="__tabbed_3_2">右</label><div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1219,11 +1227,14 @@ <h2 id="_2">値の切り替え<a class="headerlink" href="#_2" title="Permanent
 </code></pre></div>
 </div>
 </div>
+</div>
 <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 checked="checked" id="__tabbed_4_1" name="__tabbed_4" type="radio" /><label for="__tabbed_4_1">前半</label><div class="tabbed-content">
+<div class="tabbed-set tabbed-alternate" data-tabs="4:2"><input checked="checked" id="__tabbed_4_1" name="__tabbed_4" type="radio" /><input id="__tabbed_4_2" name="__tabbed_4" type="radio" /><div class="tabbed-labels"><label for="__tabbed_4_1">前半</label><label for="__tabbed_4_2">後半</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1244,7 +1255,7 @@ <h4 id="1_1">パターン 1<a class="headerlink" href="#1_1" title="Permanent li
 <span class="p">}</span><span class="w"></span>
 </code></pre></div>
 </div>
-<input id="__tabbed_4_2" name="__tabbed_4" type="radio" /><label for="__tabbed_4_2">後半</label><div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1266,8 +1277,11 @@ <h4 id="1_1">パターン 1<a class="headerlink" href="#1_1" title="Permanent li
 </code></pre></div>
 </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 checked="checked" id="__tabbed_5_1" name="__tabbed_5" type="radio" /><label for="__tabbed_5_1">前半</label><div class="tabbed-content">
+<div class="tabbed-set tabbed-alternate" data-tabs="5:2"><input checked="checked" id="__tabbed_5_1" name="__tabbed_5" type="radio" /><input id="__tabbed_5_2" name="__tabbed_5" type="radio" /><div class="tabbed-labels"><label for="__tabbed_5_1">前半</label><label for="__tabbed_5_2">後半</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1288,7 +1302,7 @@ <h4 id="2_1">パターン 2<a class="headerlink" href="#2_1" title="Permanent li
 <span class="p">}</span><span class="w"></span>
 </code></pre></div>
 </div>
-<input id="__tabbed_5_2" name="__tabbed_5" type="radio" /><label for="__tabbed_5_2">後半</label><div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
 
 <span class="kt">int</span><span class="w"> </span><span class="nf">main</span><span class="p">()</span><span class="w"></span>
@@ -1310,9 +1324,12 @@ <h4 id="2_1">パターン 2<a class="headerlink" href="#2_1" title="Permanent li
 </code></pre></div>
 </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="6:2"><input checked="checked" id="__tabbed_6_1" name="__tabbed_6" type="radio" /><label for="__tabbed_6_1">元のコード</label><div class="tabbed-content">
+<div class="tabbed-set tabbed-alternate" data-tabs="6:2"><input checked="checked" id="__tabbed_6_1" name="__tabbed_6" type="radio" /><input id="__tabbed_6_2" name="__tabbed_6" type="radio" /><div class="tabbed-labels"><label for="__tabbed_6_1">元のコード</label><label for="__tabbed_6_2">入れ替えるとエラー</label></div>
+<div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="kt">void</span><span class="w"> </span><span class="nf">First</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span><span class="w"></span>
 <span class="kt">void</span><span class="w"> </span><span class="nf">Second</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span><span class="w"></span>
 
@@ -1323,7 +1340,7 @@ <h2 id="_4">行の入れ替えの防止<a class="headerlink" href="#_4" title="P
 <span class="p">}</span><span class="w"></span>
 </code></pre></div>
 </div>
-<input id="__tabbed_6_2" name="__tabbed_6" type="radio" /><label for="__tabbed_6_2">入れ替えるとエラー</label><div class="tabbed-content">
+<div class="tabbed-block">
 <div class="highlight"><pre><span></span><code><span class="kt">void</span><span class="w"> </span><span class="nf">First</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span><span class="w"></span>
 <span class="kt">void</span><span class="w"> </span><span class="nf">Second</span><span class="p">()</span><span class="w"> </span><span class="p">{}</span><span class="w"></span>
 
@@ -1334,6 +1351,7 @@ <h2 id="_4">行の入れ替えの防止<a class="headerlink" href="#_4" title="P
 <span class="cm">}</span>
 </code></pre></div>
 </div>
+</div>
 </div>