Merge pull request #258 from myoshi2891/dev-from-macmini

Address code review feedback for Best Divisor

Author: myoshi2891

Mathematics/Fundamentals/HackerRank/Claude/Easy/Best Divisor/BestDivisor.html

@@ -6,7 +6,7 @@
         <title>Best Divisor - √n約数列挙+桁和比較</title>
 
         <!-- Tailwind CSS -->
-        <script src="https://cdn.tailwindcss.com"></script>
+        <script src="https://cdn.tailwindcss.com" crossorigin="anonymous"></script>
 
         <!-- Google Fonts -->
         <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -20,14 +20,20 @@
         <link
             href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css"
             rel="stylesheet"
+            integrity="sha512-vswe+cgvic/XBoF1OcM/TeJ2FW0OofqAVdCZiEYkd6dwGXthvkSFWOoGGJgS2CW70VK5dQM5Oh+7ne47s74VTg=="
+            crossorigin="anonymous"
         />
         <link
             href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css"
             rel="stylesheet"
+            integrity="sha512-cbQXwDFK7lj2Fqfkuxbo5iD1dSbLlJGXGpfTDqbggqjHJeyzx88I3rfwjS38WJag/ihH7lzuGlGHpDBymLirZQ=="
+            crossorigin="anonymous"
         />
         <link
             href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css"
             rel="stylesheet"
+            integrity="sha512-Dqf5696xtofgH089BgZJo2lSWTvev4GFo+gA2o4GullFY65rzQVQLQVlzLvYwTo0Bb2Gpb6IqwxYWtoMonfdhQ=="
+            crossorigin="anonymous"
         />
 
         <style>
@@ -284,7 +290,12 @@ <h3 class="text-lg font-bold text-slate-700 mb-3">📖 フローチャートの
                         style="max-width: 100%; height: auto; color: #333"
                         role="img"
                         aria-label="Best Divisor flowchart"
+                        aria-describedby="flowchart-desc"
                     >
+                        <title>Best Divisor アルゴリズムのフローチャート</title>
+                        <desc id="flowchart-desc">
+                            √n約数列挙アルゴリズムの処理フローを示す図。入力から約数列挙、桁和計算、最良約数選択までの9ステップを視覚化しています。
+                        </desc>
                         <defs>
                             <!-- 矢印マーカー（大きめに調整） -->
                             <marker
@@ -1203,11 +1214,31 @@ <h3 class="text-xl font-bold text-teal-800 mt-8 mb-3">具体例での計算量</
         <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
 
         <!-- Prism.js -->
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script>
+        <script
+            src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"
+            integrity="sha512-7Z9J3l1+EYfeaPKcGXu3MS/7T+w19WtKQY/n+xzmw4hZhJ9tyYmcUS+4QqAlzhicE5LAfMQSF3iFTK9bQdTxXg=="
+            crossorigin="anonymous"
+        ></script>
+        <script
+            src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"
+            integrity="sha512-AKaNmg8COK0zEbjTdMHJAPJ0z6VeNqvRvH4mfRRWDO9CMxRqi0BlcjWXELn7AbfCvLsZ/SBv8kNEGZOJVdWRCQ=="
+            crossorigin="anonymous"
+        ></script>
+        <script
+            src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"
+            integrity="sha512-BttltKXFyWnGZQcRWj6osIg7lbizJchuAMotOkdLxHxwt/Hyo+cl47bZU0QADg+Qt5DJwni3SbYGXeGMB5cBcw=="
+            crossorigin="anonymous"
+        ></script>
+        <script
+            src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js"
+            integrity="sha512-st608h+ZqzliahyzEpETxzU0f7z7a9acN6AFvYmHvpFhmcFuKT8a22TT5TpKpjDa3pt3Wv7Z3SdQBCBdDPhyWA=="
+            crossorigin="anonymous"
+        ></script>
+        <script
+            src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"
+            integrity="sha512-/kVH1yrq7ajXhLpvjMxXJqPp6R9w7bqCjW5xhPjGAJTo9JTlx2NjQnM4+Q8dWmjJoMTaYVm7/ZqfqbWLGz+CIQ=="
+            crossorigin="anonymous"
+        ></script>
 
         <!-- React Component -->
         <script type="text/babel">
@@ -1340,7 +1371,7 @@ <h3 class="text-xl font-bold text-teal-800 mt-8 mb-3">具体例での計算量</
                         >
                             <defs>
                                 <marker
-                                    id="arrow"
+                                    id="step-arrow"
                                     markerWidth="10"
                                     markerHeight="10"
                                     refX="9"
@@ -1976,7 +2007,7 @@ <h3 class="text-xl font-bold text-teal-800 mt-8 mb-3">具体例での計算量</
                                 stroke="#64748b"
                                 strokeWidth="3"
                                 fill="none"
-                                markerEnd="url(#arrow)"
+                                markerEnd="url(#step-arrow)"
                             />
                             <text
                                 x="295"
@@ -2100,7 +2131,7 @@ <h3 class="text-xl font-bold text-teal-800 mt-8 mb-3">具体例での計算量</
                     return () => {
                         if (timerRef.current) clearTimeout(timerRef.current);
                     };
-                }, [isPlaying, activeStep]);
+                }, [isPlaying, activeStep, stepsData.length]);
 
                 const handlePlay = () => {
                     if (isPlaying) return;