Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
Expand Down Expand Up @@ -48,10 +48,16 @@
border-radius: 10px;
padding: 1rem 1.5rem;
margin: 1rem 1rem 0 0;
font: 600 13px/1.2 Inter, system-ui, sans-serif;
font:
600 13px/1.2 Inter,
system-ui,
sans-serif;
color: #334155;
box-shadow: 0 2px 6px rgba(20, 32, 70, 0.06);
transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
transition:
transform 0.15s,
box-shadow 0.15s,
background 0.15s;
}
div.code-toolbar > .toolbar .toolbar-item > button:hover {
transform: translateY(-1px);
Expand Down Expand Up @@ -408,33 +414,33 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<

<!-- 全文字使用チェック -->
<path
d="M 620 190 L 720 240 L 620 290 L 520 240 Z"
d="M 720 140 L 820 190 L 720 240 L 620 190 Z"
fill="#fef3c7"
stroke="#f59e0b"
stroke-width="2"
/>
<text
x="620"
y="240"
x="720"
y="190"
text-anchor="middle"
dominant-baseline="middle"
font-size="16"
font-weight="600"
>
<tspan x="620" dy="-8">idx == n?</tspan>
<tspan x="720" dy="-8">idx == n?</tspan>
</text>

<!-- はい → 結果追加 -->
<path
d="M 720 240 L 780 240"
d="M 720 140 L 720 90"
stroke="#059669"
stroke-width="2"
fill="none"
marker-end="url(#arrowGreen)"
/>
<text
x="750"
y="230"
y="130"
text-anchor="middle"
dominant-baseline="middle"
font-size="14"
Expand All @@ -445,8 +451,8 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<
</text>

<rect
x="710"
y="210"
x="645"
y="30"
width="140"
height="60"
rx="8"
Expand All @@ -455,28 +461,28 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<
stroke-width="2"
/>
<text
x="780"
y="240"
x="645"
y="60"
text-anchor="middle"
dominant-baseline="middle"
font-size="16"
font-weight="600"
>
<tspan x="780" dy="-8">結果に追加</tspan>
<tspan x="780" dy="18">res.append()</tspan>
<tspan x="720" dy="-8">結果に追加</tspan>
<tspan x="720" dy="18">res.append()</tspan>
</text>

<!-- いいえ → 戻る(文字余り) -->
<path
d="M 620 290 L 620 350"
d="M 720 240 L 720 330"
stroke="#dc2626"
stroke-width="2"
fill="none"
marker-end="url(#arrowRed)"
/>
<text
x="630"
y="320"
x="580"
y="300"
text-anchor="start"
dominant-baseline="middle"
font-size="14"
Expand All @@ -487,17 +493,17 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<
</text>

<ellipse
cx="620"
cy="380"
cx="720"
cy="360"
rx="80"
ry="30"
fill="#fee2e2"
stroke="#dc2626"
stroke-width="2"
/>
<text
x="620"
y="380"
x="720"
y="360"
text-anchor="middle"
dominant-baseline="middle"
font-size="16"
Expand All @@ -516,7 +522,7 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<
marker-end="url(#arrowRed)"
/>
<text
x="360"
x="400"
y="275"
text-anchor="end"
dominant-baseline="middle"
Expand All @@ -539,7 +545,7 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<
y="360"
text-anchor="middle"
dominant-baseline="middle"
font-size="16"
font-size="14"
font-weight="600"
>
<tspan x="420" dy="-16">remainSegs &lt;=</tspan>
Expand All @@ -549,15 +555,15 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<

<!-- いいえ → 枝刈り戻る -->
<path
d="M 320 360 L 220 360"
d="M 320 360 L 230 360"
stroke="#dc2626"
stroke-width="2"
fill="none"
marker-end="url(#arrowRed)"
/>
<text
x="270"
y="350"
x="290"
y="330"
text-anchor="middle"
dominant-baseline="middle"
font-size="14"
Expand Down Expand Up @@ -597,7 +603,7 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<
marker-end="url(#arrowGreen)"
/>
<text
x="360"
x="400"
y="445"
text-anchor="end"
dominant-baseline="middle"
Expand Down Expand Up @@ -768,7 +774,7 @@ <h3 class="text-xl font-semibold text-teal-700 mt-6 mb-3">戦略のポイント<
marker-end="url(#arrowGreen)"
/>
<text
x="360"
x="400"
y="995"
text-anchor="end"
dominant-baseline="middle"
Expand Down Expand Up @@ -1192,17 +1198,17 @@ <h3 class="text-xl font-semibold text-teal-700 mt-8 mb-4">他手法との比較<
</marker>
</defs>
<path
d={`M ${startX + visual.idx * spacing} 50 L ${
d={`M ${startX + visual.idx * spacing} 40 L ${
startX + visual.idx * spacing
} 65`}
} 70`}
stroke="#a855f7"
strokeWidth="2"
fill="none"
markerEnd="url(#arrowDown)"
/>
<text
x={startX + visual.idx * spacing}
y="40"
y="30"
textAnchor="middle"
dominantBaseline="middle"
fontSize="16"
Expand Down
Loading