2020 < link
2121 rel ="stylesheet "
2222 href ="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css "
23+ integrity ="sha384-wFjoQjtV1y5jVHbt0p35Ui8aV8GVpEZkyF99OXWqP/eNJDU93D3Ugxkoyh6Y2I4A "
24+ crossorigin ="anonymous "
2325 />
2426 < link
2527 rel ="stylesheet "
2628 href ="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css "
29+ integrity ="sha384-nUkTNLI8COlMCRJ0FHIdX76If83145OTCLUx4gQyfnO0gGeO/sD9czGEUBxtkcUv "
30+ crossorigin ="anonymous "
2731 />
2832 < link
2933 rel ="stylesheet "
3034 href ="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css "
35+ integrity ="sha384-EUzJ34/1CCeefTGUKLgvA5Z/vYIwi+Jyu8aAaCfFDxfwZ3Xs3OfkkIeegsLRM11e "
36+ crossorigin ="anonymous "
3137 />
3238
33- <!-- React & ReactDOM -->
34- < script crossorigin src ="https://unpkg.com/react@18/umd/react.development.js "> </ script >
39+ <!-- React & ReactDOM (Production) -->
3540 < script
36- crossorigin
37- src ="https://unpkg.com/react-dom@18/umd/react-dom.development.js "
41+ crossorigin ="anonymous "
42+ src ="https://unpkg.com/react@18/umd/react.production.min.js "
43+ integrity ="sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z "
44+ > </ script >
45+ < script
46+ crossorigin ="anonymous "
47+ src ="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js "
48+ integrity ="sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1 "
3849 > </ script >
3950
4051 <!-- Babel Standalone -->
41- < script src ="https://unpkg.com/@babel/standalone/babel.min.js "> </ script >
52+ < script
53+ src ="https://unpkg.com/@babel/standalone/babel.min.js "
54+ integrity ="sha384-Fo0OdKhdnE7y2WmzjOMW4PYjHkkANeu1501pWTqKrzAPeJMFQb4ZTdAA9dtrVUJV "
55+ crossorigin ="anonymous "
56+ > </ script >
4257
4358 < style >
4459 * {
@@ -773,7 +788,7 @@ <h4 class="font-bold text-slate-800 mb-2">4. エッジケース</h4>
773788 stroke-dasharray ="8,4 "
774789 />
775790 < rect
776- x ="775 "
791+ x ="755 "
777792 y ="450 "
778793 width ="120 "
779794 height ="32 "
@@ -783,7 +798,7 @@ <h4 class="font-bold text-slate-800 mb-2">4. エッジケース</h4>
783798 stroke-width ="2 "
784799 />
785800 < text
786- x ="835 "
801+ x ="815 "
787802 y ="466 "
788803 text-anchor ="middle "
789804 dominant-baseline ="middle "
@@ -1397,7 +1412,7 @@ <h4 class="font-bold text-orange-900 mb-2">💡 最適化の考察</h4>
13971412 </ text >
13981413
13991414 < path
1400- d = "M 330 90 L 360 90"
1415+ d = "M 330 90 L 370 90"
14011416 stroke = "#10b981"
14021417 strokeWidth = "3"
14031418 fill = "none"
@@ -1513,7 +1528,7 @@ <h4 class="font-bold text-orange-900 mb-2">💡 最適化の考察</h4>
15131528 </ text >
15141529
15151530 < path
1516- d = "M 330 95 L 360 95"
1531+ d = "M 330 95 L 370 95"
15171532 stroke = "#a855f7"
15181533 strokeWidth = "3"
15191534 fill = "none"
@@ -1621,7 +1636,7 @@ <h4 class="font-bold text-orange-900 mb-2">💡 最適化の考察</h4>
16211636 </ text >
16221637
16231638 < path
1624- d = "M 330 90 L 360 90"
1639+ d = "M 330 90 L 370 90"
16251640 stroke = "#10b981"
16261641 strokeWidth = "3"
16271642 fill = "none"
@@ -1737,7 +1752,7 @@ <h4 class="font-bold text-orange-900 mb-2">💡 最適化の考察</h4>
17371752 </ text >
17381753
17391754 < path
1740- d = "M 330 95 L 360 95"
1755+ d = "M 330 95 L 370 95"
17411756 stroke = "#c026d3"
17421757 strokeWidth = "3"
17431758 fill = "none"
@@ -1878,7 +1893,7 @@ <h4 class="font-bold text-orange-900 mb-2">💡 最適化の考察</h4>
18781893 return ( ) => {
18791894 if ( timerRef . current ) clearTimeout ( timerRef . current ) ;
18801895 } ;
1881- } , [ isPlaying , activeStep ] ) ;
1896+ } , [ isPlaying , activeStep , stepsData . length ] ) ;
18821897
18831898 const handlePlay = ( ) => {
18841899 if ( isPlaying ) return ;
0 commit comments