{"id":29,"date":"2026-08-28T18:33:46","date_gmt":"2026-08-28T09:33:46","guid":{"rendered":"https:\/\/myteacher.work\/?page_id=29"},"modified":"2026-08-28T19:17:15","modified_gmt":"2026-08-28T10:17:15","slug":"29-2","status":"publish","type":"page","link":"https:\/\/myteacher.work\/?page_id=29","title":{"rendered":"\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<style>\n\/* Google Pixel\u98a8\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\uff08\u304a\u554f\u3044\u5408\u308f\u305b\uff09 *\/\n.pixel-contact-container {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 40px 20px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  color: #1f1f1f;\n}\n\n.pixel-contact-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.pixel-contact-tag {\n  display: inline-block;\n  font-size: 0.85rem;\n  font-weight: 700;\n  color: #1a73e8;\n  background-color: #e8f0fe;\n  padding: 6px 16px;\n  border-radius: 20px;\n  margin-bottom: 16px;\n  letter-spacing: 0.05em;\n}\n\n.pixel-contact-title {\n  font-size: 2.25rem;\n  font-weight: 700;\n  margin: 0 0 16px 0;\n  letter-spacing: -0.02em;\n}\n\n.pixel-contact-subtitle {\n  font-size: 1.05rem;\n  color: #5f6368;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* \u30d5\u30a9\u30fc\u30e0\u30ab\u30fc\u30c9 *\/\n.pixel-form-card {\n  background-color: #f8f9fa;\n  border-radius: 28px;\n  padding: 40px 32px;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n@media (max-width: 600px) {\n  .pixel-form-card {\n    padding: 24px 16px;\n  }\n}\n\n.pixel-form-group {\n  margin-bottom: 24px;\n}\n\n.pixel-form-label {\n  display: flex;\n  align-items: center;\n  font-size: 0.95rem;\n  font-weight: 700;\n  margin-bottom: 8px;\n  color: #202124;\n}\n\n.pixel-badge-required {\n  background-color: #ea4335;\n  color: #ffffff;\n  font-size: 0.75rem;\n  padding: 2px 8px;\n  border-radius: 6px;\n  margin-left: 8px;\n  font-weight: 600;\n}\n\n.pixel-badge-optional {\n  background-color: #dadce0;\n  color: #5f6368;\n  font-size: 0.75rem;\n  padding: 2px 8px;\n  border-radius: 6px;\n  margin-left: 8px;\n  font-weight: 600;\n}\n\n.pixel-input,\n.pixel-select,\n.pixel-textarea {\n  width: 100%;\n  padding: 14px 16px;\n  border-radius: 14px;\n  border: 1.5px solid #dadce0;\n  background-color: #ffffff;\n  font-size: 1rem;\n  color: #1f1f1f;\n  box-sizing: border-box;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n  font-family: inherit;\n}\n\n.pixel-input:focus,\n.pixel-select:focus,\n.pixel-textarea:focus {\n  outline: none;\n  border-color: #1a73e8;\n  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.15);\n}\n\n.pixel-textarea {\n  resize: vertical;\n  min-height: 140px;\n}\n\n\/* \u9001\u4fe1\u30dc\u30bf\u30f3 *\/\n.pixel-submit-btn {\n  width: 100%;\n  background-color: #1a73e8;\n  color: #ffffff;\n  border: none;\n  padding: 16px 24px;\n  border-radius: 30px;\n  font-size: 1.05rem;\n  font-weight: 700;\n  cursor: pointer;\n  box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3);\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n}\n\n.pixel-submit-btn:hover {\n  opacity: 0.95;\n  transform: translateY(-1px);\n}\n\n.pixel-submit-btn:disabled {\n  background-color: #bdc1c6;\n  cursor: not-allowed;\n  box-shadow: none;\n  transform: none;\n}\n\n\/* \u5b8c\u4e86\u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n#pixel-form-status {\n  display: none;\n  padding: 20px;\n  border-radius: 16px;\n  text-align: center;\n  font-weight: 600;\n  margin-top: 20px;\n  line-height: 1.6;\n}\n\n.status-success {\n  background-color: #e6f4ea;\n  color: #137333;\n  border: 1px solid #ceead6;\n}\n\n.status-error {\n  background-color: #fce8e6;\n  color: #c5221f;\n  border: 1px solid #fad2cf;\n}\n<\/style>\n\n<div class=\"pixel-contact-container\">\n  <div class=\"pixel-contact-header\">\n    <span class=\"pixel-contact-tag\">Contact<\/span>\n    <h2 class=\"pixel-contact-title\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n    <p class=\"pixel-contact-subtitle\">\n      \u4e8b\u696d\u306b\u95a2\u3059\u308b\u3054\u8cea\u554f\u3001\u96c6\u5ba2\u3084DX\u306e\u3054\u76f8\u8ac7\u306a\u3069\u3001\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<br>\n      \u62c5\u5f53\u8005\u3088\u308a\uff13\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002\n    <\/p>\n  <\/div>\n\n  <div class=\"pixel-form-card\">\n    <form id=\"pixelContactForm\">\n      <!-- 1) \u304a\u554f\u3044\u5408\u308f\u305b\u7a2e\u5225 -->\n      <div class=\"pixel-form-group\">\n        <label class=\"pixel-form-label\">\n          \u304a\u554f\u3044\u5408\u308f\u305b\u7a2e\u5225\n          <span class=\"pixel-badge-required\">\u5fc5\u9808<\/span>\n        <\/label>\n        <select name=\"category\" class=\"pixel-select\" required=\"\">\n          <option value=\"\" disabled=\"\" selected=\"\">\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/option>\n          <option value=\"\u6559\u80b2\u4e8b\u696d\u306b\u3064\u3044\u3066\">\u6559\u80b2\u4e8b\u696d\u306b\u3064\u3044\u3066\uff08\u5b66\u7fd2\u587e\u30fb\u5b66\u7ae5\u30af\u30e9\u30d6\u7b49\uff09<\/option>\n          <option value=\"\u96c6\u5ba2\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306b\u3064\u3044\u3066\">\u96c6\u5ba2\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306b\u3064\u3044\u3066<\/option>\n          <option value=\"AI\u30fbDX\u4e8b\u696d\u306b\u3064\u3044\u3066\">AI\u30fbDX\u4e8b\u696d\u306b\u3064\u3044\u3066<\/option>\n          <option value=\"\u305d\u306e\u4ed6\u306e\u304a\u554f\u3044\u5408\u308f\u305b\">\u305d\u306e\u4ed6\u306e\u304a\u554f\u3044\u5408\u308f\u305b<\/option>\n        <\/select>\n      <\/div>\n\n      <!-- 2) \u304a\u540d\u524d -->\n      <div class=\"pixel-form-group\">\n        <label class=\"pixel-form-label\">\n          \u304a\u540d\u524d\n          <span class=\"pixel-badge-required\">\u5fc5\u9808<\/span>\n        <\/label>\n        <input type=\"text\" name=\"name\" class=\"pixel-input\" placeholder=\"\u4f8b\uff1a\u5c71\u7530 \u592a\u90ce\" required=\"\">\n      <\/div>\n\n      <!-- 3) \u8cb4\u793e\u540d\u30fb\u6559\u5ba4\u540d -->\n      <div class=\"pixel-form-group\">\n        <label class=\"pixel-form-label\">\n          \u8cb4\u793e\u540d\u30fb\u6559\u5ba4\u540d\n          <span class=\"pixel-badge-optional\">\u4efb\u610f<\/span>\n        <\/label>\n        <input type=\"text\" name=\"company\" class=\"pixel-input\" placeholder=\"\u4f8b\uff1a\u3007\u3007\u500b\u5225\u6307\u5c0e\u587e\">\n      <\/div>\n\n      <!-- 4) \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 -->\n      <div class=\"pixel-form-group\">\n        <label class=\"pixel-form-label\">\n          \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\n          <span class=\"pixel-badge-required\">\u5fc5\u9808<\/span>\n        <\/label>\n        <input type=\"email\" name=\"email\" class=\"pixel-input\" placeholder=\"\u4f8b\uff1aexample@domain.com\" required=\"\">\n      <\/div>\n\n      <!-- 5) \u96fb\u8a71\u756a\u53f7 -->\n      <div class=\"pixel-form-group\">\n        <label class=\"pixel-form-label\">\n          \u96fb\u8a71\u756a\u53f7\n          <span class=\"pixel-badge-optional\">\u4efb\u610f<\/span>\n        <\/label>\n        <input type=\"tel\" name=\"tel\" class=\"pixel-input\" placeholder=\"\u4f8b\uff1a090-1234-5678\">\n      <\/div>\n\n      <!-- 6) \u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 -->\n      <div class=\"pixel-form-group\">\n        <label class=\"pixel-form-label\">\n          \u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\n          <span class=\"pixel-badge-required\">\u5fc5\u9808<\/span>\n        <\/label>\n        <textarea name=\"message\" class=\"pixel-textarea\" placeholder=\"\u3054\u76f8\u8ac7\u5185\u5bb9\u3084\u3054\u8cea\u554f\u3092\u81ea\u7531\u306b\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\" required=\"\"><\/textarea>\n      <\/div>\n\n      <button type=\"submit\" class=\"pixel-submit-btn\" id=\"pixelSubmitBtn\">\n        <span>\u9001\u4fe1\u3059\u308b<\/span>\n        <span>\u2192<\/span>\n      <\/button>\n\n      <div id=\"pixel-form-status\"><\/div>\n    <\/form>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ \u25bc\u25bc\u25bc Step 1\u3067\u30b3\u30d4\u30fc\u3057\u305fGAS\u306e\u30a6\u30a7\u30d6\u30a2\u30d7\u30eaURL\u3092\u3053\u3053\u306b\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044 \u25bc\u25bc\u25bc\nconst GAS_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbx2WkLQ9MQ9NtlQihi6QDaLIUFLy8Jad0vCIcVNlk37SnIHtRqNo4g4QYvfgVP4hbX8\/exec\";\n\ndocument.getElementById('pixelContactForm').addEventListener('submit', function(e) {\n  e.preventDefault();\n  \n  const submitBtn = document.getElementById('pixelSubmitBtn');\n  const statusDiv = document.getElementById('pixel-form-status');\n  const form = this;\n  \n  \/\/ \u9001\u4fe1\u4e2d\u8868\u793a\n  submitBtn.disabled = true;\n  submitBtn.innerHTML = '<span>\u9001\u4fe1\u4e2d...<\/span>';\n  statusDiv.style.display = 'none';\n  \n  const formData = new FormData(form);\n  const urlParams = new URLSearchParams(formData);\n\n  fetch(GAS_URL, {\n    method: 'POST',\n    mode: 'no-cors',\n    headers: {\n      'Content-Type': 'application\/x-www-form-urlencoded'\n    },\n    body: urlParams.toString()\n  })\n  .then(() => {\n    statusDiv.className = 'status-success';\n    statusDiv.innerHTML = '\u304a\u554f\u3044\u5408\u308f\u305b\u3092\u53d7\u3051\u4ed8\u3051\u307e\u3057\u305f\u3002<br>\u5185\u5bb9\u3092\u78ba\u8a8d\u306e\u4e0a\u3001\u62c5\u5f53\u8005\u3088\u308a\u6298\u308a\u8fd4\u3057\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002';\n    statusDiv.style.display = 'block';\n    form.reset();\n    submitBtn.disabled = false;\n    submitBtn.innerHTML = '<span>\u9001\u4fe1\u3059\u308b<\/span><span>&rarr;<\/span>';\n  })\n  .catch((error) => {\n    statusDiv.className = 'status-error';\n    statusDiv.innerHTML = '\u9001\u4fe1\u4e2d\u306b\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u304a\u624b\u6570\u3067\u3059\u304c\u6642\u9593\u3092\u304a\u3044\u3066\u518d\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002';\n    statusDiv.style.display = 'block';\n    submitBtn.disabled = false;\n    submitBtn.innerHTML = '<span>\u9001\u4fe1\u3059\u308b<\/span><span>&rarr;<\/span>';\n  });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Contact \u304a\u554f\u3044\u5408\u308f\u305b \u4e8b\u696d\u306b\u95a2\u3059\u308b\u3054\u8cea\u554f\u3001\u96c6\u5ba2\u3084DX\u306e\u3054\u76f8\u8ac7\u306a\u3069\u3001\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002 \u62c5\u5f53\u8005\u3088\u308a\uff13\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002 \u304a\u554f\u3044\u5408\u308f\u305b\u7a2e\u5225 \u5fc5\u9808 \u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u6559\u80b2\u4e8b\u696d\u306b\u3064\u3044\u3066\uff08\u5b66\u7fd2\u587e\u30fb\u5b66\u7ae5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wpai_generated_summary":"","wpai_meta_description":"","footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/myteacher.work\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myteacher.work\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myteacher.work\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myteacher.work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myteacher.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":4,"href":"https:\/\/myteacher.work\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/myteacher.work\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/myteacher.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}