{"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":""}