feat(slides): Fix slides canvas width

27 files changed, 35 insertions, 27 deletions

diff --git a/services/nuldoc/public/slides/slide.js b/services/nuldoc/public/slides/slide.js
index f62b5119..530bef77 100644
--- a/services/nuldoc/public/slides/slide.js
+++ b/services/nuldoc/public/slides/slide.js
@@ -16,7 +16,11 @@ async function init() {
     pageRendering = true;
     const page = await doc.getPage(num);
 
-    const viewport = page.getViewport({ scale: 1.0 });
+    const baseViewport = page.getViewport({ scale: 1.0 });
+    const containerWidth = canvas.parentElement.clientWidth;
+    const scale = Math.min(1.0, containerWidth / baseViewport.width);
+    const viewport = page.getViewport({ scale });
+
     const outputScale = globalThis.devicePixelRatio || 1;
     canvas.height = Math.floor(viewport.height * outputScale);
     canvas.width = Math.floor(viewport.width * outputScale);
diff --git a/services/nuldoc/public/slides/slides/2023-01-18/phpstudy-tokyo-148/index.html b/services/nuldoc/public/slides/slides/2023-01-18/phpstudy-tokyo-148/index.html
index 85a526e8..0d8f10b0 100644
--- a/services/nuldoc/public/slides/slides/2023-01-18/phpstudy-tokyo-148/index.html
+++ b/services/nuldoc/public/slides/slides/2023-01-18/phpstudy-tokyo-148/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-02-15/phpstudy-tokyo-149/index.html b/services/nuldoc/public/slides/slides/2023-02-15/phpstudy-tokyo-149/index.html
index 1e12f5bc..57e46e86 100644
--- a/services/nuldoc/public/slides/slides/2023-02-15/phpstudy-tokyo-149/index.html
+++ b/services/nuldoc/public/slides/slides/2023-02-15/phpstudy-tokyo-149/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-03-15/phpstudy-tokyo-150/index.html b/services/nuldoc/public/slides/slides/2023-03-15/phpstudy-tokyo-150/index.html
index 0f4743c8..9ceb6b35 100644
--- a/services/nuldoc/public/slides/slides/2023-03-15/phpstudy-tokyo-150/index.html
+++ b/services/nuldoc/public/slides/slides/2023-03-15/phpstudy-tokyo-150/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-03-24/phperkaigi-2023/index.html b/services/nuldoc/public/slides/slides/2023-03-24/phperkaigi-2023/index.html
index 2ad7209f..edd26a2d 100644
--- a/services/nuldoc/public/slides/slides/2023-03-24/phperkaigi-2023/index.html
+++ b/services/nuldoc/public/slides/slides/2023-03-24/phperkaigi-2023/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-03-25/phperkaigi-2023-tokens/index.html b/services/nuldoc/public/slides/slides/2023-03-25/phperkaigi-2023-tokens/index.html
index 8c14c519..db812389 100644
--- a/services/nuldoc/public/slides/slides/2023-03-25/phperkaigi-2023-tokens/index.html
+++ b/services/nuldoc/public/slides/slides/2023-03-25/phperkaigi-2023-tokens/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-04-12/phpstudy-tokyo-151/index.html b/services/nuldoc/public/slides/slides/2023-04-12/phpstudy-tokyo-151/index.html
index ea5b9a3a..2066d32e 100644
--- a/services/nuldoc/public/slides/slides/2023-04-12/phpstudy-tokyo-151/index.html
+++ b/services/nuldoc/public/slides/slides/2023-04-12/phpstudy-tokyo-151/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-06-21/phpstudy-tokyo-153/index.html b/services/nuldoc/public/slides/slides/2023-06-21/phpstudy-tokyo-153/index.html
index 821a1b19..d9e22f44 100644
--- a/services/nuldoc/public/slides/slides/2023-06-21/phpstudy-tokyo-153/index.html
+++ b/services/nuldoc/public/slides/slides/2023-06-21/phpstudy-tokyo-153/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-06-23/phpconfuk-2023-eve/index.html b/services/nuldoc/public/slides/slides/2023-06-23/phpconfuk-2023-eve/index.html
index 4b6fc741..0d731876 100644
--- a/services/nuldoc/public/slides/slides/2023-06-23/phpconfuk-2023-eve/index.html
+++ b/services/nuldoc/public/slides/slides/2023-06-23/phpconfuk-2023-eve/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-07-26/phpstudy-tokyo-154/index.html b/services/nuldoc/public/slides/slides/2023-07-26/phpstudy-tokyo-154/index.html
index 87f59b36..5b6774b7 100644
--- a/services/nuldoc/public/slides/slides/2023-07-26/phpstudy-tokyo-154/index.html
+++ b/services/nuldoc/public/slides/slides/2023-07-26/phpstudy-tokyo-154/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-08-24/phpstudy-tokyo-155/index.html b/services/nuldoc/public/slides/slides/2023-08-24/phpstudy-tokyo-155/index.html
index 374b577c..b547d2c6 100644
--- a/services/nuldoc/public/slides/slides/2023-08-24/phpstudy-tokyo-155/index.html
+++ b/services/nuldoc/public/slides/slides/2023-08-24/phpstudy-tokyo-155/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2023-10-25/phpstudy-tokyo-157/index.html b/services/nuldoc/public/slides/slides/2023-10-25/phpstudy-tokyo-157/index.html
index b088af25..d53ed0b7 100644
--- a/services/nuldoc/public/slides/slides/2023-10-25/phpstudy-tokyo-157/index.html
+++ b/services/nuldoc/public/slides/slides/2023-10-25/phpstudy-tokyo-157/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2024-01-24/phpstudy-tokyo-160/index.html b/services/nuldoc/public/slides/slides/2024-01-24/phpstudy-tokyo-160/index.html
index 43c0e239..e85ea3cf 100644
--- a/services/nuldoc/public/slides/slides/2024-01-24/phpstudy-tokyo-160/index.html
+++ b/services/nuldoc/public/slides/slides/2024-01-24/phpstudy-tokyo-160/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2024-03-08/phperkaigi-2024/index.html b/services/nuldoc/public/slides/slides/2024-03-08/phperkaigi-2024/index.html
index c04631dc..c0f0a6fc 100644
--- a/services/nuldoc/public/slides/slides/2024-03-08/phperkaigi-2024/index.html
+++ b/services/nuldoc/public/slides/slides/2024-03-08/phperkaigi-2024/index.html
@@ -83,7 +83,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2024-03-15/ya8-2024/index.html b/services/nuldoc/public/slides/slides/2024-03-15/ya8-2024/index.html
index e17de9a9..6d40de24 100644
--- a/services/nuldoc/public/slides/slides/2024-03-15/ya8-2024/index.html
+++ b/services/nuldoc/public/slides/slides/2024-03-15/ya8-2024/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2024-04-13/phpcon-odawara-2024/index.html b/services/nuldoc/public/slides/slides/2024-04-13/phpcon-odawara-2024/index.html
index 3894f744..1ff5033b 100644
--- a/services/nuldoc/public/slides/slides/2024-04-13/phpcon-odawara-2024/index.html
+++ b/services/nuldoc/public/slides/slides/2024-04-13/phpcon-odawara-2024/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2024-04-25/phpstudy-tokyo-163/index.html b/services/nuldoc/public/slides/slides/2024-04-25/phpstudy-tokyo-163/index.html
index 3db9b095..f3981c76 100644
--- a/services/nuldoc/public/slides/slides/2024-04-25/phpstudy-tokyo-163/index.html
+++ b/services/nuldoc/public/slides/slides/2024-04-25/phpstudy-tokyo-163/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2024-07-18/phpstudy-tokyo-166/index.html b/services/nuldoc/public/slides/slides/2024-07-18/phpstudy-tokyo-166/index.html
index e00119dd..1803eda7 100644
--- a/services/nuldoc/public/slides/slides/2024-07-18/phpstudy-tokyo-166/index.html
+++ b/services/nuldoc/public/slides/slides/2024-07-18/phpstudy-tokyo-166/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2024-10-30/phpstudy-tokyo-169/index.html b/services/nuldoc/public/slides/slides/2024-10-30/phpstudy-tokyo-169/index.html
index a1838092..fbc7871e 100644
--- a/services/nuldoc/public/slides/slides/2024-10-30/phpstudy-tokyo-169/index.html
+++ b/services/nuldoc/public/slides/slides/2024-10-30/phpstudy-tokyo-169/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2024-11-30/cohackpp/index.html b/services/nuldoc/public/slides/slides/2024-11-30/cohackpp/index.html
index 294ec225..437cc864 100644
--- a/services/nuldoc/public/slides/slides/2024-11-30/cohackpp/index.html
+++ b/services/nuldoc/public/slides/slides/2024-11-30/cohackpp/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2025-02-22/phpcon-nagoya-2025/index.html b/services/nuldoc/public/slides/slides/2025-02-22/phpcon-nagoya-2025/index.html
index 0297ea6a..cd27bc0d 100644
--- a/services/nuldoc/public/slides/slides/2025-02-22/phpcon-nagoya-2025/index.html
+++ b/services/nuldoc/public/slides/slides/2025-02-22/phpcon-nagoya-2025/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2025-03-23/phperkaigi-2025/index.html b/services/nuldoc/public/slides/slides/2025-03-23/phperkaigi-2025/index.html
index 17d7ef8d..6a128a92 100644
--- a/services/nuldoc/public/slides/slides/2025-03-23/phperkaigi-2025/index.html
+++ b/services/nuldoc/public/slides/slides/2025-03-23/phperkaigi-2025/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2025-04-12/phpcon-odawara-2025/index.html b/services/nuldoc/public/slides/slides/2025-04-12/phpcon-odawara-2025/index.html
index 21652156..6d5031c1 100644
--- a/services/nuldoc/public/slides/slides/2025-04-12/phpcon-odawara-2025/index.html
+++ b/services/nuldoc/public/slides/slides/2025-04-12/phpcon-odawara-2025/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2025-07-26/techramen-25-conf/index.html b/services/nuldoc/public/slides/slides/2025-07-26/techramen-25-conf/index.html
index bee2c3ce..a3de8b1a 100644
--- a/services/nuldoc/public/slides/slides/2025-07-26/techramen-25-conf/index.html
+++ b/services/nuldoc/public/slides/slides/2025-07-26/techramen-25-conf/index.html
@@ -80,7 +80,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2025-10-29/phpstudy-tokyo-180/index.html b/services/nuldoc/public/slides/slides/2025-10-29/phpstudy-tokyo-180/index.html
index 8901f831..055fcb47 100644
--- a/services/nuldoc/public/slides/slides/2025-10-29/phpstudy-tokyo-180/index.html
+++ b/services/nuldoc/public/slides/slides/2025-10-29/phpstudy-tokyo-180/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/public/slides/slides/2025-11-24/phpconkagawa-2025/index.html b/services/nuldoc/public/slides/slides/2025-11-24/phpconkagawa-2025/index.html
index 8a03d2ca..41da67a4 100644
--- a/services/nuldoc/public/slides/slides/2025-11-24/phpconkagawa-2025/index.html
+++ b/services/nuldoc/public/slides/slides/2025-11-24/phpconkagawa-2025/index.html
@@ -77,7 +77,7 @@
               </button>
             </div>
           </div>
-          <script src="/slide.js?h=002ba38349f021947e75043aac5a761b" type="module">
+          <script src="/slide.js?h=576ac460bf207f82a64f2ad3500a4564" type="module">
           </script>
         </div>
       </article>
diff --git a/services/nuldoc/static/slides/slide.js b/services/nuldoc/static/slides/slide.js
index f62b5119..530bef77 100644
--- a/services/nuldoc/static/slides/slide.js
+++ b/services/nuldoc/static/slides/slide.js
@@ -16,7 +16,11 @@ async function init() {
     pageRendering = true;
     const page = await doc.getPage(num);
 
-    const viewport = page.getViewport({ scale: 1.0 });
+    const baseViewport = page.getViewport({ scale: 1.0 });
+    const containerWidth = canvas.parentElement.clientWidth;
+    const scale = Math.min(1.0, containerWidth / baseViewport.width);
+    const viewport = page.getViewport({ scale });
+
     const outputScale = globalThis.devicePixelRatio || 1;
     canvas.height = Math.floor(viewport.height * outputScale);
     canvas.width = Math.floor(viewport.width * outputScale);