コメントの修正

Author: ics-nishihara

src/fetch/index.ts

@@ -24,15 +24,15 @@ previewElement?.addEventListener("interest", async (event: InterestEvent) => {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, "text/html");
 
-  // タイトルを取得（og:title → titleタグ）
-  const title = doc.querySelector(`meta[property="og:title"]`)?.getAttribute("content") || "";
+  // タイトルを取得（og:title）
+  const title = doc.querySelector(`meta[property="og:title"]`)?.getAttribute("content") ?? "";
 
-  // 説明を取得（og:description → meta description）
+  // 説明を取得（og:description）
   const description =
-    doc.querySelector(`meta[property="og:description"]`)?.getAttribute("content") || "";
+    doc.querySelector(`meta[property="og:description"]`)?.getAttribute("content") ?? "";
 
   // 画像を取得（og:image）
-  const image = doc.querySelector(`meta[property="og:image"]`)?.getAttribute("content") || "";
+  const image = doc.querySelector(`meta[property="og:image"]`)?.getAttribute("content") ?? "";
 
   if (previewElement && previewImageElement && previewTitleElement && previewDescriptionElement) {
     // 画像の読み込みが完了するまで待つ

src/popover-command/index.html

@@ -11,10 +11,10 @@
     <div class="globalContainer">
       <h1>commandで開くポップオーバー</h1>
 
-      <button command="show-popover" commandfor="popover" class="basicButton">
+      <button command="show-popover" commandfor="popoverElement" class="basicButton">
         クリックでポップオーバーをひらく
       </button>
-      <div id="popover" popover class="popoverContent">
+      <div id="popoverElement" popover class="popoverContent">
         <p>ポップオーバーのコンテンツ</p>
       </div>
     </div>

src/popover-interest/index.html

@@ -11,10 +11,10 @@
     <div class="globalContainer">
       <h1>関心で開くポップオーバー</h1>
 
-      <button interestfor="popover" class="basicButton">
-        >しばらくホバー・フォーカス時にポップオーバーをひらく
+      <button interestfor="popoverElement" class="basicButton">
+        しばらくホバー・フォーカス時にポップオーバーをひらく
       </button>
-      <div id="popover" popover class="popoverContent">
+      <div id="popoverElement" popover class="popoverContent">
         <p>ポップオーバーのコンテンツ</p>
       </div>
     </div>