{"id":376,"date":"2026-07-29T15:23:15","date_gmt":"2026-07-29T06:23:15","guid":{"rendered":"https:\/\/www.itclub.pia-lab.com\/?page_id=376"},"modified":"2026-07-29T19:36:39","modified_gmt":"2026-07-29T10:36:39","slug":"r%e4%bd%9c%e6%88%90%ef%bc%92","status":"publish","type":"page","link":"https:\/\/www.itclub.pia-lab.com\/?page_id=376","title":{"rendered":"R\u4f5c\u6210\uff12"},"content":{"rendered":"\n<div class=\"preview-three-notice\">\n  \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3067\u306f\u6a2a\u5411\u304d\u8868\u793a\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<br>\n  \u5168\u753b\u9762\u30dc\u30bf\u30f3\u304c\u53cd\u5fdc\u3057\u306a\u3044\u5834\u5408\u306f\u300c\u5225\u753b\u9762\u3067\u958b\u304f\u300d\u304b\u3089\u904a\u3093\u3067\u304f\u3060\u3055\u3044\u3002\n<\/div>\n\n<div class=\"preview-three-actions\">\n  <a\n    href=\"https:\/\/www.itclub.pia-lab.com\/wp-content\/uploads\/2026\/07\/preview-3.html\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    class=\"preview-three-direct-link\">\n    \u5225\u753b\u9762\u3067\u958b\u304f\n  <\/a>\n\n  <button\n    type=\"button\"\n    class=\"preview-three-fullscreen-button\"\n    id=\"previewThreeFullscreenButton\">\n    \u5168\u753b\u9762\u3067\u904a\u3076\n  <\/button>\n<\/div>\n\n<div class=\"preview-three-wrap\" id=\"previewThreeWrap\">\n  <iframe\n    src=\"https:\/\/www.itclub.pia-lab.com\/wp-content\/uploads\/2026\/07\/preview-3.html\"\n    class=\"preview-three-frame\"\n    title=\"\u30b2\u30fc\u30e0\u30d7\u30ec\u30d3\u30e5\u30fc\"\n    frameborder=\"0\"\n    scrolling=\"yes\"\n    allow=\"fullscreen; autoplay\"\n    allowfullscreen\n    webkitallowfullscreen\n    mozallowfullscreen>\n  <\/iframe>\n<\/div>\n\n<style>\n.preview-three-notice {\n  display: none;\n}\n\n.preview-three-actions {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  width: 100%;\n  margin: 0 auto 14px;\n  padding: 0;\n\n  box-sizing: border-box;\n}\n\n.preview-three-direct-link,\n.preview-three-fullscreen-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 140px;\n  min-height: 44px;\n  padding: 10px 18px;\n\n  border: 1px solid #333;\n  border-radius: 8px;\n\n  box-sizing: border-box;\n  background: #222;\n  color: #fff;\n\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: bold;\n  line-height: 1.4;\n  text-align: center;\n  text-decoration: none;\n\n  cursor: pointer;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.preview-three-direct-link:hover,\n.preview-three-fullscreen-button:hover {\n  background: #444;\n  color: #fff;\n  text-decoration: none;\n}\n\n.preview-three-wrap {\n  position: relative;\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n  height: min(82vh, 820px);\n  height: min(82dvh, 820px);\n\n  margin: 0 auto;\n  padding: 0;\n\n  overflow: hidden;\n  box-sizing: border-box;\n  background: #000;\n}\n\n.preview-three-frame {\n  display: block;\n\n  width: 100% !important;\n  max-width: 100% !important;\n  height: 100% !important;\n\n  margin: 0;\n  padding: 0;\n  border: 0;\n\n  box-sizing: border-box;\n  background: #000;\n}\n\n\/* \u5168\u753b\u9762\u8868\u793a *\/\n.preview-three-wrap:fullscreen,\n.preview-three-wrap:-webkit-full-screen,\n.preview-three-wrap:-moz-full-screen {\n  width: 100vw;\n  max-width: none;\n  height: 100vh;\n  height: 100dvh;\n\n  margin: 0;\n  padding: 0;\n}\n\n\/* \u30e2\u30d0\u30a4\u30eb\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8 *\/\n@media screen and (max-width: 900px),\n       screen and (hover: none) and (pointer: coarse) {\n\n  .preview-three-notice {\n    display: block;\n\n    width: 100%;\n    margin: 0 auto 12px;\n    padding: 12px 14px;\n\n    border-radius: 8px;\n    box-sizing: border-box;\n\n    background: #f2f5f8;\n    color: #333;\n\n    font-size: 14px;\n    line-height: 1.7;\n    text-align: center;\n  }\n\n  .preview-three-actions {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n\n    width: 100%;\n    margin-bottom: 12px;\n  }\n\n  .preview-three-direct-link,\n  .preview-three-fullscreen-button {\n    width: 100%;\n    min-width: 0;\n    min-height: 48px;\n    padding: 10px 8px;\n\n    font-size: 14px;\n  }\n\n  .preview-three-wrap {\n    width: 100%;\n    max-width: 100%;\n    height: 78svh;\n    min-height: 500px;\n  }\n}\n\n\/* \u30b9\u30de\u30db\u6a2a\u5411\u304d *\/\n@media screen and (orientation: landscape) and (max-height: 600px) {\n  .preview-three-notice {\n    display: none;\n  }\n\n  .preview-three-actions {\n    margin-bottom: 8px;\n  }\n\n  .preview-three-wrap {\n    width: 100%;\n    height: calc(100svh - 64px);\n    min-height: 0;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const gameArea = document.getElementById(\"previewThreeWrap\");\n  const fullscreenButton = document.getElementById(\n    \"previewThreeFullscreenButton\"\n  );\n\n  if (!gameArea || !fullscreenButton) {\n    return;\n  }\n\n  function lockLandscape() {\n    if (\n      screen.orientation &&\n      typeof screen.orientation.lock === \"function\"\n    ) {\n      screen.orientation.lock(\"landscape\").catch(function () {\n        \/* \u6a2a\u5411\u304d\u56fa\u5b9a\u306b\u975e\u5bfe\u5fdc\u3067\u3082\u5168\u753b\u9762\u8868\u793a\u306f\u7d99\u7d9a *\/\n      });\n    }\n  }\n\n  function openFullscreen() {\n    const requestFullscreen =\n      gameArea.requestFullscreen ||\n      gameArea.webkitRequestFullscreen ||\n      gameArea.mozRequestFullScreen ||\n      gameArea.msRequestFullscreen;\n\n    if (!requestFullscreen) {\n      alert(\n        \"\u3053\u306e\u7aef\u672b\u3067\u306f\u5168\u753b\u9762\u8868\u793a\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u300c\u5225\u753b\u9762\u3067\u958b\u304f\u300d\u304b\u3089\u904a\u3093\u3067\u304f\u3060\u3055\u3044\u3002\"\n      );\n      return;\n    }\n\n    try {\n      const result = requestFullscreen.call(gameArea);\n\n      if (result && typeof result.then === \"function\") {\n        result\n          .then(lockLandscape)\n          .catch(function () {\n            alert(\n              \"\u5168\u753b\u9762\u8868\u793a\u3092\u958b\u59cb\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u300c\u5225\u753b\u9762\u3067\u958b\u304f\u300d\u304b\u3089\u904a\u3093\u3067\u304f\u3060\u3055\u3044\u3002\"\n            );\n          });\n      } else {\n        setTimeout(lockLandscape, 200);\n      }\n    } catch (error) {\n      alert(\n        \"\u5168\u753b\u9762\u8868\u793a\u3092\u958b\u59cb\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u300c\u5225\u753b\u9762\u3067\u958b\u304f\u300d\u304b\u3089\u904a\u3093\u3067\u304f\u3060\u3055\u3044\u3002\"\n      );\n    }\n  }\n\n  fullscreenButton.addEventListener(\"click\", openFullscreen);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3067\u306f\u6a2a\u5411\u304d\u8868\u793a\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002 \u5168\u753b\u9762\u30dc\u30bf\u30f3\u304c\u53cd\u5fdc\u3057\u306a\u3044\u5834\u5408\u306f\u300c\u5225\u753b\u9762\u3067\u958b\u304f\u300d\u304b\u3089\u904a\u3093\u3067\u304f\u3060\u3055\u3044\u3002 \u5225\u753b\u9762\u3067\u958b\u304f \u5168\u753b\u9762\u3067\u904a\u3076<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":{"layout":"col-one-no-subsection","site_body_padding":"true","hide_page_header":"true","hide_site_header":"true","hide_breadcrumb":"true","hide_mobile_menu_btn":"true","hide_site_footer":"true","hide_mobile_fix_nav":"true"},"header_top_description":"","vk_page_header_image":0,"vk_page_header_image_sp":0,"vk_page_header_subtext":"","footnotes":""},"class_list":["post-376","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=376"}],"version-history":[{"count":4,"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/376\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/376\/revisions\/388"}],"wp:attachment":[{"href":"https:\/\/www.itclub.pia-lab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}