|
2745 | 2745 | </li> |
2746 | 2746 |
|
2747 | 2747 | <li class="md-nav__item"> |
2748 | | - <a href="#演習" class="md-nav__link"> |
2749 | | - 演習 |
| 2748 | + <a href="#発展" class="md-nav__link"> |
| 2749 | + 発展 |
2750 | 2750 | </a> |
2751 | 2751 |
|
2752 | | - <nav class="md-nav" aria-label="演習"> |
| 2752 | + <nav class="md-nav" aria-label="発展"> |
2753 | 2753 | <ul class="md-nav__list"> |
2754 | 2754 |
|
2755 | 2755 | <li class="md-nav__item"> |
|
2805 | 2805 |
|
2806 | 2806 |
|
2807 | 2807 |
|
| 2808 | + <li class="md-nav__item"> |
| 2809 | + <a href="../radar-chart/" class="md-nav__link"> |
| 2810 | + |
| 2811 | + |
| 2812 | + <span class="md-ellipsis"> |
| 2813 | + Radar Chart |
| 2814 | + </span> |
| 2815 | + |
| 2816 | + |
| 2817 | + </a> |
| 2818 | + </li> |
| 2819 | + |
| 2820 | + |
| 2821 | + |
| 2822 | + |
| 2823 | + |
| 2824 | + |
| 2825 | + |
| 2826 | + |
| 2827 | + |
2808 | 2828 | <li class="md-nav__item"> |
2809 | 2829 | <a href="../quadwarp/" class="md-nav__link"> |
2810 | 2830 |
|
|
3734 | 3754 | </li> |
3735 | 3755 |
|
3736 | 3756 | <li class="md-nav__item"> |
3737 | | - <a href="#演習" class="md-nav__link"> |
3738 | | - 演習 |
| 3757 | + <a href="#発展" class="md-nav__link"> |
| 3758 | + 発展 |
3739 | 3759 | </a> |
3740 | 3760 |
|
3741 | | - <nav class="md-nav" aria-label="演習"> |
| 3761 | + <nav class="md-nav" aria-label="発展"> |
3742 | 3762 | <ul class="md-nav__list"> |
3743 | 3763 |
|
3744 | 3764 | <li class="md-nav__item"> |
@@ -3793,7 +3813,7 @@ <h1 id="電卓アプリを作る">電卓アプリを作る<a class="headerlink" |
3793 | 3813 | <td style="text-align: center;"><strong>難易度</strong></td> |
3794 | 3814 | <td style="text-align: center;">入門</td> |
3795 | 3815 | <td style="text-align: center;"><strong>時間</strong></td> |
3796 | | -<td style="text-align: center;">60 分～</td> |
| 3816 | +<td style="text-align: center;">30 分～</td> |
3797 | 3817 | </tr> |
3798 | 3818 | </tbody> |
3799 | 3819 | </table> |
@@ -4088,7 +4108,7 @@ <h2 id="8-ボタンを増やす">8. ボタンを増やす<a class="headerlink" h |
4088 | 4108 | <p><img alt="" src="https://raw.githubusercontent.com/Siv3D/siv3d.site.resource/main/v7/course/calculator/8.png" /></p> |
4089 | 4109 | <ul> |
4090 | 4110 | <li>配列 <code>Array<Button></code> を使って、より多くのボタンを管理します。</li> |
4091 | | -<li><code>for (auto& button : buttons) { }</code> 内に、各ボタンに対する処理を記述します。</li> |
| 4111 | +<li><code>for (const auto& button : buttons) { }</code> 内に、各ボタンに対する処理を記述します。</li> |
4092 | 4112 | <li>ボタンがクリックされた場合は、そのボタンのテキストに応じて、入力式 <code>expression</code> を更新します。</li> |
4093 | 4113 | </ul> |
4094 | 4114 | <details class="note"> |
@@ -4128,7 +4148,7 @@ <h2 id="8-ボタンを増やす">8. ボタンを増やす<a class="headerlink" h |
4128 | 4148 | <a id="__codelineno-7-33" name="__codelineno-7-33" href="#__codelineno-7-33"></a><span class="w"> </span><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">System</span><span class="o">::</span><span class="n">Update</span><span class="p">())</span> |
4129 | 4149 | <a id="__codelineno-7-34" name="__codelineno-7-34" href="#__codelineno-7-34"></a><span class="w"> </span><span class="p">{</span> |
4130 | 4150 | <a id="__codelineno-7-35" name="__codelineno-7-35" href="#__codelineno-7-35"></a><span class="hll"><span class="w"> </span><span class="c1">// 各ボタンについて</span> |
4131 | | -</span><a id="__codelineno-7-36" name="__codelineno-7-36" href="#__codelineno-7-36"></a><span class="hll"><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">auto</span><span class="o">&</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">buttons</span><span class="p">)</span> |
| 4151 | +</span><a id="__codelineno-7-36" name="__codelineno-7-36" href="#__codelineno-7-36"></a><span class="hll"><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="k">auto</span><span class="o">&</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">buttons</span><span class="p">)</span> |
4132 | 4152 | </span><a id="__codelineno-7-37" name="__codelineno-7-37" href="#__codelineno-7-37"></a><span class="hll"><span class="w"> </span><span class="p">{</span> |
4133 | 4153 | </span><a id="__codelineno-7-38" name="__codelineno-7-38" href="#__codelineno-7-38"></a><span class="hll"><span class="w"> </span><span class="c1">// ボタンの背景を描画する</span> |
4134 | 4154 | </span><a id="__codelineno-7-39" name="__codelineno-7-39" href="#__codelineno-7-39"></a><span class="hll"><span class="w"> </span><span class="n">button</span><span class="p">.</span><span class="n">rect</span><span class="p">.</span><span class="n">rounded</span><span class="p">(</span><span class="mi">8</span><span class="p">).</span><span class="n">draw</span><span class="p">();</span><span class="w"> </span> |
@@ -4232,7 +4252,7 @@ <h2 id="9-数式の表示エリアを追加する">9. 数式の表示エリア |
4232 | 4252 | <a id="__codelineno-8-42" name="__codelineno-8-42" href="#__codelineno-8-42"></a><span class="w"> </span><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">System</span><span class="o">::</span><span class="n">Update</span><span class="p">())</span> |
4233 | 4253 | <a id="__codelineno-8-43" name="__codelineno-8-43" href="#__codelineno-8-43"></a><span class="w"> </span><span class="p">{</span> |
4234 | 4254 | <a id="__codelineno-8-44" name="__codelineno-8-44" href="#__codelineno-8-44"></a><span class="w"> </span><span class="c1">// 各ボタンについて</span> |
4235 | | -<a id="__codelineno-8-45" name="__codelineno-8-45" href="#__codelineno-8-45"></a><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">auto</span><span class="o">&</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">buttons</span><span class="p">)</span> |
| 4255 | +<a id="__codelineno-8-45" name="__codelineno-8-45" href="#__codelineno-8-45"></a><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="k">auto</span><span class="o">&</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">buttons</span><span class="p">)</span> |
4236 | 4256 | <a id="__codelineno-8-46" name="__codelineno-8-46" href="#__codelineno-8-46"></a><span class="w"> </span><span class="p">{</span> |
4237 | 4257 | <a id="__codelineno-8-47" name="__codelineno-8-47" href="#__codelineno-8-47"></a><span class="w"> </span><span class="c1">// ボタンの背景を描画する</span> |
4238 | 4258 | <a id="__codelineno-8-48" name="__codelineno-8-48" href="#__codelineno-8-48"></a><span class="w"> </span><span class="n">button</span><span class="p">.</span><span class="n">rect</span><span class="p">.</span><span class="n">rounded</span><span class="p">(</span><span class="mi">8</span><span class="p">).</span><span class="n">draw</span><span class="p">();</span><span class="w"> </span> |
@@ -4392,7 +4412,7 @@ <h2 id="10-計算処理を追加する">10. 計算処理を追加する<a class= |
4392 | 4412 | <a id="__codelineno-9-88" name="__codelineno-9-88" href="#__codelineno-9-88"></a><span class="w"> </span><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">System</span><span class="o">::</span><span class="n">Update</span><span class="p">())</span> |
4393 | 4413 | <a id="__codelineno-9-89" name="__codelineno-9-89" href="#__codelineno-9-89"></a><span class="w"> </span><span class="p">{</span> |
4394 | 4414 | <a id="__codelineno-9-90" name="__codelineno-9-90" href="#__codelineno-9-90"></a><span class="w"> </span><span class="c1">// 各ボタンについて</span> |
4395 | | -<a id="__codelineno-9-91" name="__codelineno-9-91" href="#__codelineno-9-91"></a><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">auto</span><span class="o">&</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">buttons</span><span class="p">)</span> |
| 4415 | +<a id="__codelineno-9-91" name="__codelineno-9-91" href="#__codelineno-9-91"></a><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="k">auto</span><span class="o">&</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">buttons</span><span class="p">)</span> |
4396 | 4416 | <a id="__codelineno-9-92" name="__codelineno-9-92" href="#__codelineno-9-92"></a><span class="w"> </span><span class="p">{</span> |
4397 | 4417 | <a id="__codelineno-9-93" name="__codelineno-9-93" href="#__codelineno-9-93"></a><span class="w"> </span><span class="c1">// ボタンの背景を描画する</span> |
4398 | 4418 | <a id="__codelineno-9-94" name="__codelineno-9-94" href="#__codelineno-9-94"></a><span class="w"> </span><span class="n">button</span><span class="p">.</span><span class="n">rect</span><span class="p">.</span><span class="n">rounded</span><span class="p">(</span><span class="mi">8</span><span class="p">).</span><span class="n">draw</span><span class="p">();</span><span class="w"> </span> |
@@ -4552,7 +4572,7 @@ <h2 id="11-ボタンのスタイルをカスタマイズする">11. ボタンの |
4552 | 4572 | <a id="__codelineno-10-103" name="__codelineno-10-103" href="#__codelineno-10-103"></a><span class="w"> </span><span class="k">while</span><span class="w"> </span><span class="p">(</span><span class="n">System</span><span class="o">::</span><span class="n">Update</span><span class="p">())</span> |
4553 | 4573 | <a id="__codelineno-10-104" name="__codelineno-10-104" href="#__codelineno-10-104"></a><span class="w"> </span><span class="p">{</span> |
4554 | 4574 | <a id="__codelineno-10-105" name="__codelineno-10-105" href="#__codelineno-10-105"></a><span class="w"> </span><span class="c1">// 各ボタンについて</span> |
4555 | | -<a id="__codelineno-10-106" name="__codelineno-10-106" href="#__codelineno-10-106"></a><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">auto</span><span class="o">&</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">buttons</span><span class="p">)</span> |
| 4575 | +<a id="__codelineno-10-106" name="__codelineno-10-106" href="#__codelineno-10-106"></a><span class="w"> </span><span class="k">for</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="k">auto</span><span class="o">&</span><span class="w"> </span><span class="n">button</span><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="n">buttons</span><span class="p">)</span> |
4556 | 4576 | <a id="__codelineno-10-107" name="__codelineno-10-107" href="#__codelineno-10-107"></a><span class="w"> </span><span class="p">{</span> |
4557 | 4577 | <a id="__codelineno-10-108" name="__codelineno-10-108" href="#__codelineno-10-108"></a><span class="w"> </span><span class="c1">// ボタンの背景を描画する</span> |
4558 | 4578 | <a id="__codelineno-10-109" name="__codelineno-10-109" href="#__codelineno-10-109"></a><span class="hll"><span class="w"> </span><span class="n">button</span><span class="p">.</span><span class="n">rect</span><span class="p">.</span><span class="n">rounded</span><span class="p">(</span><span class="mi">8</span><span class="p">).</span><span class="n">draw</span><span class="p">(</span><span class="n">button</span><span class="p">.</span><span class="n">backgroundColor</span><span class="p">);</span> |
@@ -4600,7 +4620,7 @@ <h2 id="11-ボタンのスタイルをカスタマイズする">11. ボタンの |
4600 | 4620 | <a id="__codelineno-10-151" name="__codelineno-10-151" href="#__codelineno-10-151"></a><span class="p">}</span> |
4601 | 4621 | </code></pre></div> |
4602 | 4622 | </details> |
4603 | | -<h2 id="演習">演習<a class="headerlink" href="#演習" title="Permanent link">¶</a></h2> |
| 4623 | +<h2 id="発展">発展<a class="headerlink" href="#発展" title="Permanent link">¶</a></h2> |
4604 | 4624 | <p>ここから先は、自分で考えてプログラムを改良してみましょう。</p> |
4605 | 4625 | <h3 id="機能のアイデア">機能のアイデア<a class="headerlink" href="#機能のアイデア" title="Permanent link">¶</a></h3> |
4606 | 4626 | <ul> |
|
0 commit comments