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 f62b511..530bef7 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 85a526e..0d8f10b 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 1e12f5b..57e46e8 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 0f4743c..9ceb6b3 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 2ad7209..edd26a2 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 8c14c51..db81238 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 ea5b9a3..2066d32 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 821a1b1..d9e22f4 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 4b6fc74..0d73187 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 87f59b3..5b6774b 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 374b577..b547d2c 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 b088af2..d53ed0b 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 43c0e23..e85ea3c 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 c04631d..c0f0a6f 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 e17de9a..6d40de2 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 3894f74..1ff5033 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 3db9b09..f3981c7 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 e00119d..1803eda 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 a183809..fbc7871 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 294ec22..437cc86 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 0297ea6..cd27bc0 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 17d7ef8..6a128a9 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 2165215..6d5031c 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 bee2c3c..a3de8b1 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 8901f83..055fcb4 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 8a03d2c..41da67a 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 f62b511..530bef7 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);