{"id":5479,"date":"2026-05-22T00:00:00","date_gmt":"2026-05-21T15:00:00","guid":{"rendered":"https:\/\/4771labo.com\/?page_id=5479"},"modified":"2026-05-24T20:23:10","modified_gmt":"2026-05-24T11:23:10","slug":"%e7%81%b0%e9%83%bd%e3%83%9e%e3%83%83%e3%83%97-v0-1","status":"publish","type":"page","link":"https:\/\/4771labo.com\/?page_id=5479","title":{"rendered":"\u7070\u90fd\u30ec\u30fc\u30c0\u30fc v1.0"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u672c\u30c4\u30fc\u30eb\u306f\u3001\u7070\u90fd\u89b3\u6e2c\u30b7\u30b9\u30c6\u30e0\uff08HAITO_OBS_v2.6\uff09\u306e\u5e83\u57df\u30a8\u30ea\u30a2\u89b3\u6e2c\u30c7\u30fc\u30bf\u3092\u3001\u91ce\u5916\u6d3b\u52d5\u4e2d\u306e\u8abf\u67fb\u968a\u54e1\u5411\u3051\u306b\u518d\u69cb\u7bc9\u3057\u305f\u643a\u5e2f\u578b\u7c21\u6613\u30b3\u30f3\u30bd\u30fc\u30eb\u3067\u3059\u3002<br>\u30a8\u30ea\u30a2\u8abf\u67fb\u4efb\u52d9\u306b\u304a\u3051\u308b\u73fe\u5728\u5730\u306e\u628a\u63e1\u3084\u3001\u5468\u8fba\u74b0\u5883\u306e\u30bb\u30af\u30bf\u30fc\u78ba\u8a8d\u306e\u4e00\u52a9\u3068\u3057\u3066\u5f79\u7acb\u3066\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uff1c\u4e3b\u306a\u4ed5\u69d8\uff1e<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u5e83\u57df\u30b9\u30af\u30ed\u30fc\u30eb\u30fb\u30ba\u30fc\u30e0\uff1a<\/strong> \u30de\u30a6\u30b9\u30c9\u30e9\u30c3\u30b0\u304a\u3088\u3073\u30db\u30a4\u30fc\u30eb\u64cd\u4f5c\u306b\u3088\u308a\u3001\u5168\u30bb\u30af\u30bf\u30fc\u306e\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u8996\u899a\u63a2\u67fb\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u6700\u5927\u89b3\u6e2c\u30e2\u30fc\u30c9\uff08MAXIMUM OBSERVING\uff09\uff1a<\/strong> \u753b\u9762\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3053\u3068\u3067\u3001\u5168\u5929\u5468\u62e1\u5927\u30b9\u30af\u30ea\u30fc\u30f3\u3092\u5c55\u958b\u3002\u3088\u308a\u7cbe\u5bc6\u306a\u5730\u5f62\u30c7\u30fc\u30bf\u306e\u7cbe\u67fb\u304c\u884c\u3048\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\">\n\n<!-- \u30e1\u30a4\u30f3\u306e\u30ec\u30fc\u30c0\u30fc\u753b\u9762\uff08\u30b3\u30f3\u30c6\u30f3\u30c4\u6b04\u5c02\u7528\uff1ahaito-radar-content\uff09 -->\n<div id=\"haito-radar-content\" style=\"cursor: pointer;\" title=\"\u30af\u30ea\u30c3\u30af\u3067\u62e1\u5927\u8868\u793a\">\n  <div id=\"radar-map-content\"><\/div>\n  <div class=\"radar-pulse\"><\/div>\n  <div class=\"radar-scan-bar\"><\/div>\n  <div class=\"radar-overlay\"><\/div>\n  <div class=\"crt-scan-line\"><\/div>\n  <div class=\"radar-ui\">\n    <div class=\"radar-title\">\n      <div class=\"sys-version\">SYS.LOG \/\/ HAITO_OBS_v2.6<\/div>\n      <div class=\"main-title\">AREA RADAR<\/div>\n      <div class=\"sys-status\">\n        <span class=\"status-lamp\"><\/span> \n        <span>STATUS : OBSERVING<\/span>\n      <\/div>\n\n\n\n    <\/div>\n\n\n<div class=\"radar-attribution\">\n<a href=\"https:\/\/www.openstreetmap.org\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: rgba(240, 245, 242, 0.35) !important; text-decoration: none !important;border-bottom:none;\">\n     \u00a9 OpenStreetMap contributors\n  <\/a><\/div>\n\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\n\n<script>\n(function() {\n  const defaultCoord = [35.681236, 139.767125];\n  const defaultZoom = 12;\n\n  function initContentRadar() {\n    \/\/ Leaflet\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u307e\u3067\u5f85\u6a5f\n    if (typeof L === 'undefined') {\n      setTimeout(initContentRadar, 100);\n      return;\n    }\n\n    const contentRadar = document.getElementById('haito-radar-content');\n    const mapContainer = document.getElementById('radar-map-content');\n    const modal = document.getElementById('radar-modal');\n\n    if (!contentRadar || !mapContainer) return;\n\n    \/\/ 1. \u30b3\u30f3\u30c6\u30f3\u30c4\u6b04\u5c02\u7528\u30de\u30c3\u30d7\u306e\u521d\u671f\u5316\n    const map = L.map(mapContainer, {\n      zoomControl: false,\n      attributionControl: false\n    }).setView(defaultCoord, defaultZoom);\n\n    L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', { maxZoom: 19 }).addTo(map);\n\n    \/\/ 2. \u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u6642\u306e\u51e6\u7406\n    contentRadar.addEventListener('click', function() {\n      if (!modal) return;\n      \n      \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\uff08CSS\u306e .is-open \u3067\u753b\u9762\u306b\u51fa\u73fe\u3055\u305b\u308b\uff09\n      modal.classList.add('is-open');\n\n      \/\/ \ud83d\udca1\u3010\u4e16\u754c\u4e00\u30b7\u30f3\u30d7\u30eb\u306a\u89e3\u6c7a\u7b56\u3011\n      \/\/ \u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u5916\u90e8JS\uff08haito_radar.js\uff09\u304c\u88cf\u3067\u4f5c\u3063\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u5927\u753b\u9762\u5730\u56f3\u306e\u3053\u3068\u306f\u3001\u4e00\u5ea6\u5168\u90e8\u5fd8\u308c\u307e\u3059\u3002\n      \/\/ \u300c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u77ac\u9593\u3001\u5927\u753b\u9762\u306e\u7bb1\u306e\u4e2d\u8eab\u3092\u4e00\u5ea6\u5b8c\u5168\u306b\u771f\u3063\u3055\u3089\u306b\u3057\u3066\u3001\u3053\u306e\u30da\u30fc\u30b8\u5c02\u7528\u306e\u5927\u753b\u9762\u5730\u56f3\u3092\u305d\u306e\u5834\u3067\u4e00\u304b\u3089\u65b0\u3057\u304f\u7d44\u307f\u7acb\u3066\u308b\u300d\n      setTimeout(() => {\n        const largeMapElement = document.getElementById('radar-map-large');\n        if (!largeMapElement) return;\n\n        \/\/ \ud83d\ude80\u3010\u8d85\u91cd\u8981\u3011\u3082\u3057\u3059\u3067\u306b\u5927\u753b\u9762\u5730\u56f3\u304c\u5b58\u5728\u3057\u3066\u3044\u305f\u3089\u3001\u4e00\u65e6\u305d\u308c\u3092\u5b8c\u5168\u306b\u7834\u58ca\u3057\u3066\u6d88\u3057\u53bb\u308b\uff08\u30a8\u30e9\u30fc\u56de\u907f\uff09\n        if (largeMapElement._leaflet_id) {\n          \/\/ \u7bb1\u306e\u8981\u7d20\u3092\u4e38\u3054\u3068\u30af\u30ea\u30a2\u3057\u3066\u3001Leaflet\u306e\u53e4\u3044\u30c7\u30fc\u30bf\u3092\u6d88\u6ec5\u3055\u305b\u308b\n          largeMapElement.outerHTML = '<div id=\"radar-map-large\"><\/div>';\n        }\n\n        \/\/ \u7dba\u9e97\u306b\u306a\u3063\u305f\u7bb1\uff08\u65b0\u3057\u304f\u751f\u6210\u3055\u308c\u305f#radar-map-large\uff09\u3092\u3082\u3046\u4e00\u5ea6\u6355\u307e\u3048\u308b\n        const newLargeMapElement = document.getElementById('radar-map-large');\n\n        \/\/ \u65b0\u9bae\u306a\u5927\u753b\u9762\u5730\u56f3\u3092\u4e00\u304b\u3089\u7d44\u307f\u7acb\u3066\u308b\n        const pageLargeMap = L.map(newLargeMapElement, {\n          zoomControl: true,\n          attributionControl: false\n        }).setView(map.getCenter(), map.getZoom()); \/\/ \u4eca\u306e\u30df\u30cb\u5730\u56f3\u306e\u5834\u6240\u3068\u30ba\u30fc\u30e0\u3092100%\u540c\u671f\n\n        L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', { maxZoom: 19 }).addTo(pageLargeMap);\n\n        \/\/ \u63cf\u753b\u30d0\u30b0\u3092\u9632\u6b62\u3059\u308b\u30b5\u30a4\u30ba\u518d\u8a08\u7b97\n        pageLargeMap.invalidateSize();\n      }, 150); \/\/ \u30e2\u30fc\u30c0\u30eb\u304c\u3061\u3083\u3093\u3068\u958b\u3044\u3066\u304b\u3089\u63cf\u304f\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initContentRadar);\n  } else {\n    initContentRadar();\n  }\n})();\n<\/script>\n\n<style>\n\/* \u56fa\u5b9a\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u6b04\u7528\u306b\u3082\u540c\u3058\u30c7\u30b6\u30a4\u30f3\u3092\u9069\u7528 *\/\n#haito-radar-content {\n  position: relative;\n  height: 600px; \/* \u56fa\u5b9a\u30da\u30fc\u30b8\u5074\u306f\u8feb\u529b\u306e600px\u56fa\u5b9a *\/\n  overflow: hidden;\n  background: #222;\n  border: 1px solid rgba(80, 80, 80, .35);\n  margin-bottom: 20px;\n}\n\n#radar-map-content {\n  height: 100%;\n  width: 100%;\n  filter: invert(100%) grayscale(100%) contrast(1.1) brightness(0.7);\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\">\uff1c\u904b\u7528\u4e0a\u306e\u304a\u7d04\u675f\uff1e<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u672c\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u7aef\u672b\uff08PC\u74b0\u5883\uff09\u3067\u306e\u95b2\u89a7\u30fb\u64cd\u4f5c\u306b\u6700\u9069\u5316\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u30dd\u30fc\u30bf\u30d6\u30eb\u30c7\u30d0\u30a4\u30b9\uff08\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u7b49\uff09\u3067\u306f\u30dd\u30a4\u30f3\u30c6\u30a3\u30f3\u30b0\u30c7\u30d0\u30a4\u30b9\u306e\u4ed5\u69d8\u4e0a\u3001\u62e1\u5927\u5c55\u958b\u304c\u610f\u56f3\u901a\u308a\u306b\u52d5\u4f5c\u3057\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u300cPC\u74b0\u5883\u3067\u306e\u904b\u7528\u300d\u3092\u524d\u63d0\u3068\u3057\u305f\u5272\u308a\u5207\u308a\u8a2d\u8a08\u3067\u3042\u308b\u70b9\u3092\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002<\/li>\n\n\n\n<li>\u89b3\u6e2c\u30d1\u30eb\u30b9\u3084\u30b9\u30ad\u30e3\u30f3\u30e9\u30a4\u30f3\u306e\u8996\u899a\u30a8\u30d5\u30a7\u30af\u30c8\u306f\u3001\u7aef\u672b\u306e\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30ea\u30bd\u30fc\u30b9\u3092\u4e00\u90e8\u6d88\u8cbb\u3057\u307e\u3059\u3002\u6319\u52d5\u306b\u30e9\u30b0\u304c\u751f\u3058\u308b\u5834\u5408\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u518d\u8aad\u307f\u8fbc\u307f\u3092\u8a66\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u30c4\u30fc\u30eb\u306f\u3001\u7070\u90fd\u89b3\u6e2c\u30b7\u30b9\u30c6\u30e0\uff08HAITO_OBS_v2.6\uff09\u306e\u5e83\u57df\u30a8\u30ea\u30a2\u89b3\u6e2c\u30c7\u30fc\u30bf\u3092\u3001\u91ce\u5916\u6d3b\u52d5\u4e2d\u306e\u8abf\u67fb\u968a\u54e1\u5411\u3051\u306b\u518d\u69cb\u7bc9\u3057\u305f\u643a\u5e2f\u578b\u7c21\u6613\u30b3\u30f3\u30bd\u30fc\u30eb\u3067\u3059\u3002\u30a8\u30ea\u30a2\u8abf\u67fb\u4efb\u52d9\u306b\u304a\u3051\u308b\u73fe\u5728\u5730\u306e\u628a\u63e1\u3084\u3001\u5468\u8fba\u74b0\u5883\u306e\u30bb\u30af\u30bf\u30fc\u78ba\u8a8d\u306e\u4e00\u52a9\u3068\u3057\u3066 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":4137,"parent":2216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5479","page","type-page","status-publish","has-post-thumbnail","entry"],"_links":{"self":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5479"}],"version-history":[{"count":50,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5479\/revisions"}],"predecessor-version":[{"id":5587,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5479\/revisions\/5587"}],"up":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/media\/4137"}],"wp:attachment":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}