{"version":3,"file":"component---src-pages-column-details-c-0075-tsx-4ead3287f90373b18436.js","mappings":"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","sources":["webpack://beaver-help/./src/components/molecules/columnAuthor001.tsx","webpack://beaver-help/./src/components/molecules/popupBanner.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout018.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0075.tsx","webpack://beaver-help/./src/pages/column/details/C0075.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\n\nconst Wrapper = styled.article`\n  position: relative;\n  margin-bottom: 60px;\n  border: solid 2px #e5e5e5;\n  border-radius: 5px;\n  padding: 20px;\n\n  section {\n    display: flex;\n    justify-content: left;\n    align-items: center;\n\n    img {\n      width: 110px;\n      height: 110px;\n      margin: 0 20px 0 0;\n    }\n\n    .author-wrap {\n      position: relative;\n      width: 100%;\n\n      p {\n        line-height: 2;\n\n        &.author-name {\n          font-size: 18px;\n          font-weight: 600;\n\n          span {\n            font-weight: 400;\n            font-size: 14px;\n          }\n        }\n\n        &.author-job {\n          position: relative;\n          width: 100%;\n          margin-left: 14px;\n\n          &:before {\n            display: block;\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 0;\n            top: 10px;\n            left: -14px;\n            border-left: 8px solid #3ec7b3;\n            border-top: 4px solid transparent;\n            border-bottom: 4px solid transparent;\n          }\n\n          a {\n            margin-right: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  .detail-txt {\n    border-top: solid 1px #dcdee1;\n    margin-top: 20px;\n    padding-top: 15px;\n    line-height: 1.8;\n  }\n\n  ${BreakPoints.large} {\n  }\n`\n\n/**\n * 繧ウ繝ゥ繝�險倅コ玖ゥウ邏ー�壹が繝シ繧オ諠��ア 闢醍伐 逵溷誓�医Α繝弱ム 繧キ繝ウ繧エ�噂n * @constructor\n */\nconst columnAuthor001 = () => (\n  <Wrapper>\n    {/** TODO 蟾昜ク顔筏縺鈴€√j莠矩��シ壺名險倅コ区兜遞ソ�茨シ滂シ峨〒菴懈�縺輔l縺溷�螳ケ縺後%縺薙↓蜈・繧倶コ亥ョ� */}\n    <section>\n      <img src=\"/images/column/authors/a001.png\" alt=\"闢醍伐 逵溷誓\" />\n      <div className=\"author-wrap\">\n        <p className=\"author-name\">\n          闢醍伐 逵溷誓<span>�医Α繝弱ム 繧キ繝ウ繧エ��</span>\n        </p>\n        <p className=\"author-job\">\n          <Link\n            to=\"https://www.minodashahorou.com/\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            縺ソ縺ョ縺�遉セ莨壻ソ晞匱蜉エ蜍吝」ォ莠句漁謇€\n          </Link>\n          莉」陦ィ 遉セ莨壻ソ晞匱蜉エ蜍吝」ォ\n        </p>\n      </div>\n    </section>\n    <div className=\"detail-txt\">\n      遉セ莨壻ソ晞匱蜉エ蜍吝」ォ(遉セ蜉エ螢ォ)迢ャ遶句セ後�蜉エ蜍吶ヨ繝ゥ繝悶Ν縺瑚オキ縺薙k蜑阪�莠句燕莠磯亟蟇セ遲悶↓迚ケ蛹悶€ら樟蝨ィ縺ッ讒倥€�↑蜉エ蜍咏ョ。逅�焔豕輔r遨肴・オ逧�↓蜿悶j蜈・繧御シ∵・ュ縺ョ莠コ莠句感蜍呎・ュ蜍吶r繧オ繝昴�繝医@縺ヲ縺�k縲ゅ∪縺溘€∝ケエ驥代�蛹サ逋ゆソ晞匱縺ォ髢「縺吶k蝠城。後d蜉エ蜒肴ウ輔�蜒阪″譁ケ謾ケ髱ゥ髢「縺吶k蟆る摩螳カ縺ィ縺励※縲∝ョ溷漁逶ク隲�r螟壹¥蜿悶j謇ア縺�€∝、ァ謇句�迚育、セ縺九i繧よ嶌邀榊�迚医☆繧九↑縺ゥ縲∝、壽婿髱「縺ァ蝓キ遲�エサ蜍輔r陦後≧縲�\n    </div>\n  </Wrapper>\n)\n\nexport default columnAuthor001\n","import React, { useEffect, useState } from 'react'\nimport styled from '@emotion/styled'\nimport { a } from 'aws-amplify'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.div`\n  position: fixed;\n  bottom: 100px;\n  left: 30px;\n  width: 300px;\n  height: 250px;\n  z-index: 100;\n  img {\n    height: 250px;\n    width: 300px;\n    border: 2px solid #e5e5e5;\n  }\n  .popup-close {\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    width: 29px;\n    height: 29px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #fff;\n    border-radius: 50%;\n    border: solid 2px #e5e5e5;\n    text-decoration: none;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n`\n\n// 笆シ縺薙%縺ァ菴輔ヴ繧ッ繧サ繝ォ繧ケ繧ッ繝ュ繝シ繝ォ縺励◆繧芽。ィ遉コ縺吶k縺ョ縺九r險ュ螳壹@縺ヲ縺ュ\nconst PAGE_Y_OFFSET = 1500\n\nconst PopupBanner = () => {\n  const [show, setShow] = useState<boolean>(false)\n\n  const changeShow = () => {\n    if (window.pageYOffset > PAGE_Y_OFFSET) {\n      setShow(true)\n    } else {\n      setShow(false)\n    }\n  }\n\n  const [visible, setVisible] = useState(true)\n\n  useEffect(() => {\n    window.addEventListener('scroll', changeShow)\n    return () => window.removeEventListener('scroll', changeShow)\n  }, [])\n\n  const [no, setNo] = useState(-1)\n  useEffect(() => {\n    setNo(Math.floor(Math.random() * 2))\n  }, [])\n\n  const routeParam = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=column&utm_medium=popup&utm_campaign=popup_202301'\n  )\n  const routeParam2 = useRouteParam(\n    'https://www.kintaicloud.jp/contact/?utm_source=column&utm_medium=popup&utm_campaign=popup_202302'\n  )\n\n  if (show)\n    return (\n      <Wrapper style={{ visibility: visible ? 'visible' : 'hidden' }}>\n        {no === 0 && (\n          <div>\n            <a target=\"_blank\" href={routeParam} rel=\"noreferrer\">\n              <img\n                src=\"/images/column/common/popupBanner01.png\"\n                alt=\"繧ュ繝ウ繧ッ繝ゥ\"\n              />\n            </a>\n          </div>\n        )}\n        {no === 1 && (\n          <div>\n            <a target=\"_blank\" href={routeParam2} rel=\"noreferrer\">\n              <img\n                src=\"/images/column/common/popupBanner02.png\"\n                alt=\"繧ュ繝ウ繧ッ繝ゥ\"\n              />\n            </a>\n          </div>\n        )}\n        {/** 笆シ髢峨§繧九�繧ソ繝ウ */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}\n        <a className=\"popup-close\" onClick={() => setVisible(!visible)}>\n          テ予n        </a>\n      </Wrapper>\n    )\n  return null\n}\n\nexport default PopupBanner\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport WingSvg from '../atoms/wingSvg'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n  position: relative;\n  margin-bottom: 30px;\n  font-size: 16px;\n\n  h1 {\n    border-bottom: solid 2px #243650;\n    position: relative;\n    display: inline-block;\n    width: auto;\n    padding: 0 6px 2px 0;\n    margin-bottom: 10px;\n\n    .svg-icon {\n      width: 24px;\n      height: 24px;\n      position: absolute;\n      right: -22px;\n      bottom: -3px;\n    }\n  }\n\n  section {\n    display: flex;\n    padding: 20px 25px 20px 20px;\n    background: #f2faf9;\n    border-radius: 5px;\n    justify-content: space-between;\n\n    h2 {\n      font-size: 22px;\n      color: #ff9600;\n      display: flex;\n      align-items: center;\n      margin-bottom: 15px;\n\n      img {\n        width: 65px;\n        margin: 0 5px 0 0;\n        height: auto;\n      }\n    }\n\n    p {\n      margin: 0 0 5px 5px;\n    }\n\n    .p-function-link {\n      position: relative;\n      top: 9px;\n      right: 2px;\n      left: 20px;\n\n      &:before {\n        display: block;\n        content: '';\n        position: absolute;\n        width: 0;\n        height: 0;\n        top: 5px;\n        left: -14px;\n        border-left: 8px solid #3ec7b3;\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n      }\n    }\n\n    .p-screen-wrap {\n      width: 260px;\n      height: auto;\n      margin: 5px 5px 0;\n\n      img {\n        width: 100%;\n        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n      }\n    }\n  }\n`\n\n/**\n * 繧ウ繝ゥ繝�險倅コ倶ク矩Κ�壹く繝ウ繧ッ繝ゥ縺ョ萓ソ蛻ゥ縺ェ讖溯�繝ャ繧、繧「繧ヲ繝�_譎る俣縺セ繧九a險ュ螳喀n * @constructor\n */\nconst usefulFunctionLayout018 = () => (\n  <Wrapper>\n    <h1>\n      繧ュ繝ウ繧ッ繝ゥ縺ョ萓ソ蛻ゥ縺ェ讖溯�\n      <WingSvg />\n    </h1>\n    <section>\n      <div>\n        <h2>\n          <img\n            src=\"/images/official/function/imgFunction37.png\"\n            alt=\"繧ュ繝ウ繧ッ繝ゥ縺ョ譎る俣縺セ繧九a險ュ螳喀"\n          />\n          譎る俣縺セ繧九a險ュ螳喀n        </h2>\n        <p>\n          蜃コ騾€蜍、繧�シ第�縺ェ縺ゥ縺ョ謇灘綾繧�共諤�逕ウ隲九r蛻�腰菴阪〒險ュ螳壹☆繧九%縺ィ縺後〒縺阪∪縺吶€�\n        </p>\n        <Link className=\"p-function-link\" to={useRouteParam('/function/')}>\n          繧ュ繝ウ繧ッ繝ゥ縺ョ讖溯�繧定ヲ九k\n        </Link>\n      </div>\n      <div className=\"p-screen-wrap\">\n        <img\n          src=\"/images/column/functions/f018.jpg\"\n          alt=\"繧ュ繝ウ繧ッ繝ゥ縺ョ譎る俣縺セ繧九a險ュ螳喀"\n        />\n      </div>\n    </section>\n  </Wrapper>\n)\n\nexport default usefulFunctionLayout018\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnH1 from '../atoms/columnH1'\nimport Introduction004 from './Introduction004'\nimport Introduction005 from './Introduction005'\nimport Introduction006 from './Introduction006'\nimport Introduction007 from './Introduction007'\nimport Introduction008 from './Introduction008'\nimport Introduction009 from './Introduction009'\nimport Introduction010 from './Introduction010'\nimport Introduction011 from './Introduction011'\nimport Introduction012 from './Introduction012'\n\nconst Wrapper = styled.article`\n  position: relative;\n  margin-bottom: 30px;\n\n  .p-txt-date {\n    margin-top: -10px;\n    color: #ababab;\n  }\n\n  section {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    font-size: 16px;\n    color: #505050;\n    line-height: 1.6em;\n\n    h1 {\n      color: #414141;\n      font-size: 22px;\n      line-height: 1.4em;\n      background: #f5f5f5;\n      border-radius: 3px;\n      position: relative;\n      width: 100%;\n      padding: 5px 5px 5px 20px;\n      margin-bottom: 30px;\n      margin-top: 10px;\n\n      &:before {\n        content: '';\n        position: absolute;\n        width: 10px;\n        background: #77d7c9;\n        left: 0;\n        top: 0;\n        border-radius: 3px 0 0 3px;\n        height: 100%;\n      }\n    }\n\n    h2 {\n      color: #414141;\n      font-size: 22px;\n      line-height: 1.4em;\n      background: #ffffff;\n      border-radius: 3px;\n      position: relative;\n      width: 100%;\n      padding: 5px 5px 5px 20px;\n      margin-top: 10px;\n      margin-bottom: 30px;\n\n      &:before {\n        content: '';\n        position: absolute;\n        width: 10px;\n        background: #d8d8d8;\n        left: 0;\n        top: 0;\n        border-radius: 3px 0 0 3px;\n        height: 100%;\n      }\n    }\n\n    h3 {\n      color: #414141;\n      font-size: 16px;\n      line-height: 1.4em;\n      background: #ffffff;\n      width: auto;\n      padding: 10px 0 8px;\n      margin-top: -10px;\n      margin-bottom: 20px;\n      border-top: solid 2px #e5e5e5;\n      border-bottom: solid 2px #e5e5e5;\n    }\n\n    p {\n      padding-bottom: 30px;\n      line-height: 2;\n      position: relative;\n\n      span {\n        background: linear-gradient(transparent 60%, #ff6 60%);\n        font-weight: 600;\n      }\n\n      .p-list-link {\n        position: absolute;\n        top: 6px;\n        right: 2px;\n\n        &:before {\n          display: block;\n          content: '';\n          position: absolute;\n          width: 0;\n          height: 0;\n          top: 7px;\n          left: -14px;\n          border-left: 8px solid #3ec7b3;\n          border-top: 4px solid transparent;\n          border-bottom: 4px solid transparent;\n        }\n      }\n\n      &.txt-color-red {\n        color: #ff6969;\n      }\n    }\n\n    .link-div {\n      width: 100%;\n      display: flex;\n      justify-content: left;\n      padding-bottom: 30px;\n\n      > div {\n        width: 50px;\n      }\n\n      .link-p {\n        width: calc(100% - 50px);\n\n        .p-list-link {\n          position: absolute;\n          top: -3px;\n          left: 30px;\n\n          &:before {\n            display: block;\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 0;\n            top: 11px;\n            left: -14px;\n            border-left: 8px solid #3ec7b3;\n            border-top: 4px solid transparent;\n            border-bottom: 4px solid transparent;\n          }\n        }\n      }\n    }\n\n    img {\n      width: 100%;\n      height: auto;\n      padding-bottom: 30px;\n    }\n  }\n\n  ${BreakPoints.large} {\n  }\n`\ntype Props = {\n  /** 蠎�相縺ョ逡ェ蜿キ */\n  no: number\n}\n\n/**\n * 繧ウ繝ゥ繝�險倅コ玖ゥウ邏ー�夊ィ倅コ区悽菴貼n * @constructor\n */\nconst ColumnDetailInner0075 = (props: Props): JSX.Element => (\n  <Wrapper>\n    <ColumnH1 label=\"騾ア莨�3譌・蛻カ縺ォ縺、縺�※繝。繝ェ繝�ヨ繧�ョ繝。繝ェ繝�ヨ縲∝ー主�縺吶k縺ォ縺ゅ◆縺」縺ヲ縺ョ繝昴う繝ウ繝医→縺ッ�歃" />\n    {/** TODO 蟾昜ク顔筏縺鈴€√j莠矩��シ壺名謚慕ィソ譌・繧偵%縺薙↓陦ィ遉コ */}\n    <p className=\"p-txt-date\">2024.09.26</p>\n    <section>\n      {/** TODO 蟾昜ク顔筏縺鈴€√j莠矩��シ壺名險倅コ区兜遞ソ�茨シ滂シ峨〒菴懈�縺輔l縺溷�螳ケ縺後%縺薙↓蜈・繧倶コ亥ョ� */}\n      <p>\n        莠区・ュ驕句霧縺励※縺�¥縺ォ縺ゅ◆縺」縺ヲ縺ッ縲∝感蜒崎€�°繧峨�蜉エ蜍呎署萓帙′蠢�ヲ√→縺ェ繧翫€∫カ咏カ夂噪縺ェ莠区・ュ驕句霧繧帝€イ繧√※縺�¥縺ォ縺ゅ◆縺」縺ヲ縺ッ荳€螳壻サ・荳翫�莨第律縺悟ソ�ヲ√→縺ェ繧翫∪縺吶€ゅb縺。繧阪s螟壹¥縺ョ莨∵・ュ縺ァ縺ッ郢∝ソ呎悄縺ィ髢第淵譛溘′縺ゅj縲∫ケ∝ソ呎悄縺ォ縺翫>縺ヲ縺ッ莨第律蜉エ蜒阪�蠢�ヲ∵€ァ繧るォ倥∪繧九%縺ィ縺ァ縺励g縺�€ゅ@縺九@縲∬ソ大ケエ縺ッ繝ッ繝シ繧ッ繝ゥ繧、繝輔ヰ繝ゥ繝ウ繧ケ縺ョ讖滄°縺碁ォ倥∪縺」縺ヲ縺翫j縲√◎縺ョ荳ュ縺ョ荳€縺、縺ォ縲碁€ア莨�3譌・蛻カ縲阪′縺ゅj縺セ縺吶€ゆサ雁屓縺ッ縲碁€ア莨�3譌・蛻カ縲阪↓縺、縺�※縲∵ウィ逶ョ縺輔l繧狗炊逕ア縺九i繝。繝ェ繝�ヨ繝�Γ繝ェ繝�ヨ縺ォ縺、縺�※繧りァ」隱ャ縺励∪縺吶€�\n      </p>\n      <img src=\"/images/column/details/c0075.jpg\" alt=\"繧ュ繝ウ繧ッ繝ゥ繧ウ繝ゥ繝�逕サ蜒�75\" />\n      <div id=\"toc1\">\n        <h1>豕募セ倶ク翫�莨第律縺ィ莨シ縺ヲ髱槭↑繧倶シ第嚊縺ィ縺ッ</h1>\n      </div>\n      <p>\n        蜉エ蜒榊渕貅匁ウ輔〒縺ッ縲∝ー代↑縺上→繧る€ア縺ォ1譌・縲√≠繧九>縺ッ4騾ア髢薙r騾壹§縺ヲ4譌・莉・荳翫�莨第律縺ョ遒コ菫昴′豎ゅa繧峨l縺ヲ縺�∪縺吶€ょセ瑚€��螟牙ス「莨第律蛻カ縺ィ蜻シ縺ー繧後※縺翫j縲∵治逕ィ縺吶k縺ォ縺ゅ◆縺」縺ヲ縺ッ蜉エ蜒崎€�′隱崎ュ倥〒縺阪k繧医≧縺ォ蟆ア讌ュ隕丞援遲峨∈譏守、コ縺吶k縺薙→縺梧アゅa繧峨l縺ヲ縺�∪縺吶€ゅ€御シ第律縲阪→莨シ縺ヲ髱槭↑繧九b縺ョ縺ィ縺励※縲御シ第嚊縲阪′謖吶£繧峨l縺セ縺吶€ゅ∪縺壹€―n        <span>縲御シ第律縲阪→縺ッ縲∝感蜒肴署萓帙�鄒ゥ蜍吶′縺ェ縺�律</span>\n        縺ィ縺ェ繧翫∪縺吶�縺ァ縲∽ク€闊ャ逧�↑莨夂、セ蜩。縺ョ蝣エ蜷医�譛域屆譌・縺九i驥第屆譌・繧貞感蜒肴律縺ィ縺励※縲∝悄譖懈律縺ィ譌・譖懈律繧剃シ第律縺ィ縺吶k繧ア繝シ繧ケ縺悟、壹>縺ァ縺励g縺�€ゅ∪縺溘€∽シ第律縺ォ縺ッ豕募ョ壻シ第律縺ィ豕募ョ壼、紋シ第律縺後≠繧翫€∵ウ募ョ壻シ第律縺ッ縲檎音螳壹☆繧九%縺ィ縺梧悍縺セ縺励>縲阪→縺輔l縺ヲ縺�∪縺吶€�\n        <br />\n        <br />\n        谺。縺ォ\n        <span>\n          縲御シ第嚊縲阪↓縺、縺�※縺ッ縲∝感蜒咲セゥ蜍吶′縺ゅk繧ゅ�縺ョ縲∝感蜒崎€�′讓ゥ蛻ゥ繧定。御スソ縺吶k縺薙→縺ォ繧医▲縺ヲ縲∝感蜒咲セゥ蜍吶′豸域サ�@縺滓律\n        </span>\n        繧呈欠縺励∪縺吶€ゅう繝。繝シ繧ク縺励d縺吶>莨第嚊縺ッ蟷エ谺。譛臥オヲ莨第嚊縺梧嫌縺偵i繧後∪縺吶€ょー壹€∝ケエ谺。譛臥オヲ莨第嚊縺ッ蜚ッ荳€縲∵ウ募セ九↓繧医▲縺ヲ雉�≡謾ッ謇輔>鄒ゥ蜍吶′隱イ縺帙i繧後※縺�k莨第嚊縺ィ縺ェ繧翫∪縺吶€�\n      </p>\n\n      <div id=\"toc2\">\n        <h1>騾ア莨�3譌・蛻カ縺梧ウィ逶ョ縺輔l繧狗炊逕ア</h1>\n      </div>\n      <p>\n        霑大ケエ縲√Ρ繝シ繧ッ繝ゥ繧、繝輔ヰ繝ゥ繝ウ繧ケ縺ョ讖滄°縺碁ォ倥∪縺」縺ヲ縺翫j縲∽サ穂コ倶ク€霎コ蛟偵d讌ュ蜍咏オゆコ�セ後b閨キ蝣エ縺ァ縺ョ莉倥″蜷医>繧帝㍾隕悶☆繧玖€�∴譁ケ縺九i縲∽ク€螳壹�螟牙喧縺瑚ヲ九i繧後※縺�∪縺吶€ゅb縺。繧阪s縲∽シ∵・ュ縺ィ縺励※荳€螳壹�蛻ゥ逶翫r荳翫£縺ヲ縺�°縺ェ縺代l縺ー莨∵・ュ縺ョ蟄倡カ壹b蜊ア縺カ縺セ繧後k縺薙→縺ィ縺ェ繧九◆繧√€∵�譫懊r荳翫£縺壹↓莨第律縺�縺代r蠅怜刈縺吶k蜍輔″縺ッ譛ャ譛ォ霆「蛟偵→險€繧上*繧九r蠕励∪縺帙s縲ゅ◆縺�縺励€∬ソ大ケエ縺ッ髮�畑縺ョ豬∝虚蛹悶′菫�€イ縺輔l縺ヲ縺翫j縲∵眠蜊呈治逕ィ縺�縺代〒縺ェ縺上€∵怏閭ス縺ェ荳ュ騾疲治逕ィ閠��蜉�蜈・縺ォ繧医▲縺ヲ縲√h繧顔函逕」諤ァ縺ョ鬮倥>蜉エ蜍呎署萓帙′陦後o繧後※縺�k縺薙→繧�€∝▼蠎キ諢剰ュ倥�鬮倥∪繧翫r蜿励¢縺ヲ縲�€ア莨�3譌・蛻カ縺梧ウィ逶ョ縺輔l縺ヲ縺�∪縺吶€�\n      </p>\n\n      {/** 縺薙%縺ォ9繝代ち繝シ繝ウ縺ョ蠎�相險ュ螳壹☆繧� */}\n      {props.no === 0 && <Introduction004 />}\n      {props.no === 1 && <Introduction005 />}\n      {props.no === 2 && <Introduction006 />}\n      {props.no === 3 && <Introduction007 />}\n      {props.no === 4 && <Introduction008 />}\n      {props.no === 5 && <Introduction009 />}\n      {props.no === 6 && <Introduction010 />}\n      {props.no === 7 && <Introduction011 />}\n      {props.no === 8 && <Introduction012 />}\n\n      <div id=\"toc3\">\n        <h1>騾ア莨�3譌・蛻カ縺ョ繝。繝ェ繝�ヨ</h1>\n      </div>\n      <p>\n        蜊倡エ斐↓莨第律縺悟「励∴繧九%縺ィ縺ァ縲∬ご蜈舌d莉玖ュキ縺ィ荳ヲ陦後@縺ヲ蜉エ蜍呎署萓帙@縺ヲ縺�k蜉エ蜒崎€��蝣エ蜷医�縲√◎縺ョ雋�諡�′霆ス貂帙@縲√h繧企聞譛溽噪縺ェ蜉エ蜍呎署萓帙′蜿ッ閭ス縺ィ縺ェ繧雁セ励k縺薙→縺ァ縺吶€ゅ∪縺溘€√◎縺ョ繧医≧縺ェ\n        <span>髮�畑迺ー蠅�′蟇セ螟也噪縺ォ繧ょコ�′繧九%縺ィ縺ァ繧医j繧医>莠コ雋。遒コ菫昴↓繧らケ九′繧�</span>\n        縺ィ閠�∴繧峨l縺セ縺吶€ゅ€御シ第律縲阪→縺ェ繧後�縲√◎繧ゅ◎繧ゆサ穂コ九r縺励↓蜃コ蜍、縺吶k縺薙→縺吶i縺ェ縺上↑繧九◆繧√€∝�蜍、縺励◆蝣エ蜷医↓蜑ッ谺。逧�↓逋コ逕溘@蠕励k縲後♀莉倥″蜷医>谿区・ュ縲阪b縺ェ縺上↑繧九%縺ィ縺九i縲∽ココ莉カ雋サ繧呈椛縺医i繧後k縺ィ縺�≧繝。繝ェ繝�ヨ繧ゅ≠繧翫∪縺吶€�\n      </p>\n\n      <div id=\"toc4\">\n        <h1>騾ア莨�3譌・蛻カ縺ョ繝�Γ繝ェ繝�ヨ</h1>\n      </div>\n      <p>\n        騾ア莨�3譌・蛻カ縺ッ謌代′蝗ス縺ァ縺ッ縺セ縺�蠎�∪縺」縺ヲ縺�k縺ィ縺ッ險€縺医★縲∝叙蠑募�縺ョ螟壹¥縺碁€ア莨�2譌・蛻カ縺ィ諤昴o繧後€―n        <span>繧ウ繝溘Η繝九こ繝シ繧キ繝ァ繝ウ荳崎カウ縺ォ繧医k謳榊、ア</span>\n        縺檎函縺セ繧後k蝣エ蜷医′縺ゅj縺セ縺吶€ょ¥縺ォ謳榊、ア縺ィ險€縺」縺ヲ繧ゅ€∽ク崎憶蜩√d縲√が繝シ繝€繝シ縺ィ縺ッ逡ー縺ェ繧句膚蜩√r邏榊�縺励※縺励∪縺�%縺ィ縺ォ繧医k繧ッ繝ゥ繧、繧「繝ウ繝亥�縺瑚「ォ繧区錐螟ア繧�€√け繝ゥ繧、繧「繝ウ繝医↓逵�縺」縺ヲ縺�k繝九�繧コ繧呈滑謠。縺ァ縺阪↑縺�シ医さ繝溘Η繝九こ繝シ繧キ繝ァ繝ウ荳崎カウ縺悟次蝗��峨%縺ィ縺ォ繧医▲縺ヲ謠先。域ゥ滉シ壹r騾ク縺励◆縺薙→縺ォ繧医k閾ェ遉セ蛛エ縺ョ謳榊、ア繧よΦ螳壹&繧後∪縺吶€�\n        <br />\n        <br />\n        縺励°縺励€√%繧後i縺ョ謳榊、ア縺ッ縲�€ア莨�2譌・縺ォ縺吶k縺薙→縺ァ蝗樣∩縺ァ縺阪k縺ィ縺�≧蝠城。後〒縺ッ縺ゅj縺セ縺帙s縺ョ縺ァ縲�€ア莨�3譌・蛻カ縺ォ蜈ィ髱「逧�↓蜴溷屏縺後≠繧九→縺ッ險€縺医★縲―n        <span>譬ケ譛ャ逧�↑蜴溷屏縺ッ莉悶�驛ィ蛻�</span>縺ォ縺ゅk縺ィ險€縺医∪縺吶€�\n      </p>\n\n      <div id=\"toc5\">\n        <h1>騾ア莨�3譌・蛻カ繧貞ー主�縺吶k縺ォ縺ゅ◆縺」縺ヲ繝昴う繝ウ繝医→縺ッ</h1>\n      </div>\n      <p>\n        縺セ縺壹�縲�<span>遉セ蜀�〒縺ョ莠句燕蜻ィ遏・縺ィ邏榊セ玲─</span>\n        縺ァ縺吶€る€ア莨�3譌・蛻カ縺ォ髯舌i縺壹€∵眠縺溘↑蛻カ蠎ヲ縺ョ蟆主�縺ォ縺ゅ◆縺」縺ヲ縺ッ莠句燕縺ョ蜻ィ遏・縺ッ荳榊庄驕ソ縺ィ縺ェ繧翫∪縺吶€ゅ◆縺�縺励€√ヨ繝��繝€繧ヲ繝ウ縺ァ蜻ィ遏・縺励◆縺ィ縺薙m縺ァ縲∫樟蝣エ縺ョ蜉エ蜒崎€�°繧峨�逵溘�諢丞袖縺ァ縺ョ邏榊セ玲─繧貞セ励k縺薙→縺ッ髮」縺励>縺ィ閠�∴縺セ縺吶€る€ア莨�3譌・蛻カ繧貞ー主�縺吶k縺薙→縺ァ荳€譌・蜊倅ス阪�譎る俣螟門感蜒肴凾髢捺焚縺悟「励∴縲∫オ先棡逧�↓蛛・蠎キ陲ォ螳ウ縺悟�縺ヲ縺励∪縺�h縺�〒縺ッ蟆主�縺吶k繝。繝ェ繝�ヨ縺後≠繧九→縺ッ諤昴∴縺セ縺帙s縲�\n        <br />\n        <br />\n        谺。縺ォ繧ッ繝ゥ繧、繧「繝ウ繝医∈縺ョ隱ャ譏弱〒縺吶€ゅb縺。繧阪s縲√け繝ゥ繧、繧「繝ウ繝医b蜷後§縺城€ア莨�3譌・蛻カ縺ョ蟆主�繧呈、懆ィ弱@縺ヲ縺�k縺ョ縺ァ縺ゅl縺ー邏榊セ玲─縺ッ蠕励i繧後d縺吶>縺ョ縺ァ縺励g縺�′縲√◎縺ョ繧医≧縺ェ繧ア繝シ繧ケ縺ッ螟壹¥縺ェ縺上€∝腰縺ォ騾」邨。縺後▽縺阪▼繧峨¥縺ェ繧九→諤昴o繧後€∫┌鬧�↓蜊ー雎。繧呈が縺上☆繧狗オ先棡縺�縺代�蝗樣∩縺吶∋縺阪〒縺吶€ゅ↑縺懊€―n        <span>\n          騾ア莨�3譌・繧貞ー主�縺吶k縺ョ縺句ソ�ヲ∵€ァ繧定ェャ譏弱@縲�€ア莨�3譌・蛻カ繧貞ー主�縺励◆縺薙→縺ォ繧医k繝�Γ繝ェ繝�ヨ縺ョ邱ゥ蜥檎ュ悶r遉コ縺兔n        </span>\n        縺ェ縺ゥ縺ョ蟋ソ蜍「縺碁㍾隕√〒縺吶€�\n      </p>\n\n      <div id=\"toc6\">\n        <h1>譛€蠕後↓</h1>\n      </div>\n      <p>\n        縲碁聞譎る俣蜉エ蜒阪€阪�蠢�コォ繧定摯縺ソ縲�℃蜴サ縺ォ縺ッ莠コ蜻ス縺ォ髢「繧上k遉セ莨夂噪縺ェ蝠城。後↓繧ら匱螻輔@縺ヲ縺�∪縺吶€ゅ∪縺溘€�聞譎る俣蜉エ蜒阪r縺励※縺�k譛ャ莠コ縺ォ縺ッ閾ェ隕壹′縺ェ縺�%縺ィ繧ら渚縺励¥縺ェ縺上€∽シ夂、セ縺ョ蛻カ蠎ヲ縺ィ縺励※騾ア莨�3譌・蛻カ繧貞ー主�縺吶k縺薙→縺ァ縲√>縺上�縺上°縺ッ髟キ譎る俣蜉エ蜒阪�謚大宛縺ォ蟇�ク弱☆繧九→閠�∴繧峨l縺セ縺吶€ゆサ匁婿縲�€ア莨�3譌・蛻カ繧貞ー主�縺吶k縺薙→縺ァ1譌・蜊倅ス阪�雋�諡�′縺ゥ繧後⊇縺ゥ螟ァ縺阪¥縺ェ繧九�縺九€√←縺ョ繧医≧縺ェ驛ィ鄂イ縺ォ縺ゥ縺ョ遞句コヲ縺ョ縺励o繧医○縺後>縺上�縺九r蜊∝�讀懆ィシ縺励€∝ー主�縺吶k縺薙→縺碁㍾隕√〒縺吶€ゅ∪縺溘€∽ク€蠎ヲ蟆主�縺励◆縺ィ縺励※繧ゅ€∬�遉セ縺ォ縺ィ縺」縺ヲ繧医j繧医>蛻カ蠎ヲ縺ィ縺ェ繧九h縺�↓繧ォ繧ケ繧ソ繝槭う繧コ縺励※縺�¥縺薙→繧よ怏逕ィ縺ァ縺吶€�\n      </p>\n    </section>\n  </Wrapper>\n)\n\nexport default ColumnDetailInner0075\n","import {graphql} from 'gatsby'\nimport React, {useEffect, useState} from 'react'\nimport ColumnBackAndForth from '../../../components/atoms/columnBackAndForth'\nimport SEO from '../../../components/atoms/seo'\nimport {ITopicPath} from '../../../components/atoms/topicPath'\nimport ColumnDetailInner0075 from '../../../components/molecules/columnDetailInner0075'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport Conclusion001 from '../../../components/molecules/Conclusion001'\nimport Conclusion002 from '../../../components/molecules/Conclusion002'\nimport Conclusion003 from '../../../components/molecules/Conclusion003'\nimport Conclusion004 from '../../../components/molecules/Conclusion004'\nimport Conclusion005 from '../../../components/molecules/Conclusion005'\nimport Conclusion006 from '../../../components/molecules/Conclusion006'\nimport Conclusion007 from '../../../components/molecules/Conclusion007'\nimport Conclusion008 from '../../../components/molecules/Conclusion008'\nimport Conclusion009 from '../../../components/molecules/Conclusion009'\nimport CarouselBanner from '../../../components/molecules/carouselBanner'\nimport PopupBanner from '../../../components/molecules/popupBanner'\nimport ColumnAuthor001 from '../../../components/molecules/columnAuthor001'\nimport UsefulFunctionLayout018 from '../../../components/molecules/usefulFunctionLayout018'\n\n/**\n * 繧ウ繝ゥ繝�險倅コ玖ゥウ邏ー逕サ髱「\n * @constructor\n */\nconst C0075 = () => {\n  const paths: ITopicPath[] = [\n    { title: '繧ュ繝ウ繧ッ繝ゥ繧ウ繝ゥ繝�TOP', link: '/column' },\n    { title: '繧ウ繝ゥ繝�險倅コ倶ク€隕ァ', link: '/column/list' },\n    {\n      title:\n        '騾ア莨�3譌・蛻カ縺ォ縺、縺�※繝。繝ェ繝�ヨ繧�ョ繝。繝ェ繝�ヨ縲∝ー主�縺吶k縺ォ縺ゅ◆縺」縺ヲ縺ョ繝昴う繝ウ繝医→縺ッ��',\n    },\n  ]\n\n  // 0~8繝ゥ繝ウ繝€繝�謨ー蟄励r菫晏ュ禄n  const [no, setNo] = useState(-1)\n  useEffect(() => {\n    setNo(Math.floor(Math.random() * 9))\n  }, [])\n\n  return (\n    <ColumnLayout paths={paths}>\n      <SEO\n        title=\"騾ア莨�3譌・蛻カ縺ォ縺、縺�※繝。繝ェ繝�ヨ繧�ョ繝。繝ェ繝�ヨ縲∝ー主�縺吶k縺ォ縺ゅ◆縺」縺ヲ縺ョ繝昴う繝ウ繝医→縺ッ�歃"\n        description=\"霑大ケエ縲∵ウィ逶ョ縺輔l縺ヲ縺�k縲碁€ア莨�3譌・蛻カ縲阪€ゅΓ繝ェ繝�ヨ繝�Γ繝ェ繝�ヨ縲∝ー主�縺吶k縺ォ縺ゅ◆縺」縺ヲ縺ョ繝昴う繝ウ繝医↓縺、縺�※隗」隱ャ縺励∪縺吶€�\"\n        ogUrl=\"https://kintaicloud.jp/column/details/C0075/\"\n        ogType=\"article\"\n        ogTitle=\"騾ア莨�3譌・蛻カ縺ォ縺、縺�※繝。繝ェ繝�ヨ繧�ョ繝。繝ェ繝�ヨ縲∝ー主�縺吶k縺ォ縺ゅ◆縺」縺ヲ縺ョ繝昴う繝ウ繝医→縺ッ�歃"\n        ogDescription=\"霑大ケエ縲∵ウィ逶ョ縺輔l縺ヲ縺�k縲碁€ア莨�3譌・蛻カ縲阪€ゅΓ繝ェ繝�ヨ繝�Γ繝ェ繝�ヨ縲∝ー主�縺吶k縺ォ縺ゅ◆縺」縺ヲ縺ョ繝昴う繝ウ繝医↓縺、縺�※隗」隱ャ縺励∪縺吶€�\"\n        ogSiteName=\"繧ュ繝ウ繧ッ繝ゥ - 螳「蜈亥クク鬧千音蛹門梛縺ョ繧ッ繝ゥ繧ヲ繝牙共諤�邂。逅�す繧ケ繝�Β\"\n        ogImage=\"https://www.kintaicloud.jp/images/column/details/C0075/\"\n      />\n      <ColumnDetailsBody>\n        {/** 繝昴ャ繝励い繝��繝舌リ繝シ */}\n        <PopupBanner />\n        {/** 險倅コ区悽菴� */}\n        <ColumnDetailInner0075 no={no} />\n\n        {/** 縺薙%縺ォ9繝代ち繝シ繝ウ縺ョ蠎�相險ュ螳壹☆繧� */}\n        {no === 0 && <Conclusion001 />}\n        {no === 1 && <Conclusion002 />}\n        {no === 2 && <Conclusion003 />}\n        {no === 3 && <Conclusion004 />}\n        {no === 4 && <Conclusion005 />}\n        {no === 5 && <Conclusion006 />}\n        {no === 6 && <Conclusion007 />}\n        {no === 7 && <Conclusion008 />}\n        {no === 8 && <Conclusion009 />}\n\n        {/** 繧ェ繝シ繧オ諠��ア */}\n        <ColumnAuthor001 />\n        {/** 縺雁スケ遶九■讖溯� */}\n        <UsefulFunctionLayout018 />\n        {/** 蜑榊セ瑚ィ倅コ九∈縺ョ驕キ遘サ */}\n        <ColumnBackAndForth />\n        {/** 繧ォ繝ォ繝シ繧サ繝ォ繝舌リ繝シ */}\n        <CarouselBanner />\n        {/** 髢「騾」險倅コ� */}\n        {/* <ColumnRelationCards0075 /> */}\n      </ColumnDetailsBody>\n    </ColumnLayout>\n  )\n}\n\nexport default C0075\n\nexport const pageQuery = graphql`\n  query C0075 {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`\n"],"names":["Wrapper","BreakPoints","src","alt","className","Link","to","target","rel","useState","show","setShow","changeShow","window","pageYOffset","visible","setVisible","useEffect","addEventListener","removeEventListener","no","setNo","Math","floor","random","routeParam","useRouteParam","routeParam2","style","visibility","href","onClick","props","label","id","Introduction004","Introduction005","Introduction006","Introduction007","Introduction008","Introduction009","Introduction010","Introduction011","Introduction012","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage","Conclusion001","Conclusion002","Conclusion003","Conclusion004","Conclusion005","Conclusion006","Conclusion007","Conclusion008","Conclusion009"],"sourceRoot":""}