{"version":3,"file":"component---src-pages-column-details-c-0061-tsx-2c177f8dbcaa26980481.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/columnDetailInner0061.tsx","webpack://beaver-help/./src/pages/column/details/C0061.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 \n {/** TODO 川上申し送り事項:▼記事投稿(?)で作成された内容がここに入る予定 */}\n
\n \"蓑田\n
\n

\n 蓑田 真吾(ミノダ シンゴ)\n

\n

\n \n みのだ社会保険労務士事務所\n \n 代表 社会保険労務士\n

\n
\n
\n
\n 社会保険労務士(社労士)独立後は労務トラブルが起こる前の事前予防対策に特化。現在は様々な労務管理手法を積極的に取り入れ企業の人事労務業務をサポートしている。また、年金・医療保険に関する問題や労働法・働き方改革関する専門家として、実務相談を多く取り扱い、大手出版社からも書籍出版するなど、多方面で執筆活動を行う。\n
\n
\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// ▼ここで何ピクセルスクロールしたら表示するのかを設定してね\nconst PAGE_Y_OFFSET = 1500\n\nconst PopupBanner = () => {\n const [show, setShow] = useState(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 \n {no === 0 && (\n
\n \n \n \n
\n )}\n {no === 1 && (\n
\n \n \n \n
\n )}\n {/** ▼閉じるボタン */}\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}\n setVisible(!visible)}>\n ×\n \n
\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 * コラム記事下部:キンクラの便利な機能レイアウト_時間まるめ設定\n * @constructor\n */\nconst usefulFunctionLayout018 = () => (\n \n

\n キンクラの便利な機能\n \n

\n
\n
\n

\n \n 時間まるめ設定\n

\n

\n 出退勤や休憩などの打刻や勤怠申請を分単位で設定することができます。\n

\n \n キンクラの機能を見る\n \n
\n
\n \n
\n
\n
\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 ColumnDetailInner0061 = (props: Props): JSX.Element => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2023.12.08

\n
\n {/** TODO 川上申し送り事項:▼記事投稿(?)で作成された内容がここに入る予定 */}\n

\n 次代の社会を担う子供達の教育および人間形成に寄与する最も近い立場にある教員においても働き方改革の必要性が挙げられています。旧来、受け持ちの授業だけでなく、部活動の指導や保護者対応等、業務の多さは多方面から指摘されており、長時間労働の代表的な業種にも挙げられていました。そこで、今回はなぜ教員の働き方改革が必要なのか、そして、働き方改革を進めるにあたっての課題について解説します。{' '}\n

\n \"キンクラコラム画像61\"\n

教員の働き方改革が必要な理由

\n

\n 公立学校の教員公務員についても一部の規定を除き労働基準法が適用されることから、同法の制約の範囲内において対応が必要とされています。旧来、次代の社会を担う子供達のためであれば長時間労働も厭わないという文化がありました。しかし、そのような文化は一時的には問題にならなかったとしても、\n \n 長期的な視点に立つと、教員が疲弊していってしまうことは想像に難くなく、そうなることで、結果的には子供達にとってマイナスに働いてしまう\n \n ことも指摘されています。具体的な長時間労働の原因は千差万別ではあるものの、一般的には部活動や授業の準備、学校行事、成績処理等が挙げられます。いずれも子供達にとっては必要なものであり、小学校においては6年間、中学校においては3年間という絶対的に限られた期間の中では欠かすことはできません。言い換えると前述の業務はゼロにすることはできず、\n 改善を加えながら働き改革を進めなければならない\n ということです(もちろん高等学校も義務教育ではないものの教員の働き方改革は道半ばです)。\n

\n\n

働き方改革を進めるための課題とは

\n

\n 長時間労働を減らすことの必要性は理解されているものの、単に職場におけるタイムカードのみでは本当に長時間労働が減っていることの確認が取れていると結論付けるのは時期尚早です。教員の場合、全てではないにせよ、持ち帰り残業の事実が明らかになっており、職場と自宅の境界がなく、労務の提供が行われていることが問題になっています。具体的には\n \n 成績処理や授業の準備等、「授業中」以外にも教員の労働実態はあり、抜本的な解決を図るにはある程度の「増員」は必要不可欠\n \n と言えます。ただし、この点については明確な課題があり、担任を持つ教員の場合、子供達とはある程度時間をかけて信頼関係を築いていく必要性が高く、一般企業のように業務の分担や業務の割り振りをすることが必ずしも適切とは言えません。しかし、全て教員が対応するようでは課題が解決することはありませんので、\n \n 子供達に直接的な影響の少ない部分を外部委託し、負担を緩和する\n \n 必要性が高いと言えます。また、昨今は部活動の「外部指導員」の活用が積極的に検討されており、地域の有識者の力を借りることで教員は授業へより注力することができ、部活動としてもより専門的な指導が可能となる相乗効果が期待されています。\n

\n\n {/** ここに9パターンの広告設定する */}\n {props.no === 0 && }\n {props.no === 1 && }\n {props.no === 2 && }\n {props.no === 3 && }\n {props.no === 4 && }\n {props.no === 5 && }\n {props.no === 6 && }\n {props.no === 7 && }\n {props.no === 8 && }\n\n

改革事例集

\n

部活動の指導時間見直し

\n

\n 地域の小中学校から選手を募集して土日祝日に活動するいわゆるクラブチームと学校の部活動の違いとして、部活動の場合は土日祝日に固執せず活動できることが保護者目線でもメリットに感じられているようです。ただし、長い時間活動したからといって必ず技術力等が向上するかと言うとそれは別問題となります。特に心身ともに著しい成長途上にある中学生の場合、長時間の練習が祟ってしまい怪我に繋がることも少なくありません。そこで、特定の曜日を休養日として静養に努め、かつ、外部指導員を確保できていない小中学校等であれば教員も生徒と同様に静養に充てるという取り組み事例です。\n

\n

ICTの積極活用

\n

\n 欠席、遅刻、早退の連絡を都度電話連絡と定めている場合、もちろん実際の生の声を聴くことで、連絡の信憑性が高くなるのは明らかですが、都度対応するにあたって時間が取られてしまいます。そこで、これらの連絡をICTツール化することで特に多忙となりがちな朝の時間帯を有効活用できるようになった事例です。ICTツール化することで\n \n 集計作業も自動でできることからミスも防ぐことができ、業務の負担軽減につながる\n \n ことは明らかです。\n

\n

ガイドブック作成

\n

\n 子供よりもむしろ親の方が(子供のことを)心配しているということは小中学校等に限らず珍しくありません。そこで、保護者からの問い合わせを減らす目的(ひいては教員の時間確保)で、\n 高頻度で寄せられる質問や相談を「ガイドブック」\n 、少なくとも当該ガイドブックに\n 掲載されている内容についての問い合わせは減らす\n ことが可能です(もちろん見落としや派生論点での問い合わせはあり得る)\n

\n\n

最後に

\n

\n 教員の場合、専門性の高さゆえに周囲に相談ができず、業務量だけが増えていくということも少なくありません。教員だけでなく、事務職員や地域の有識者と連携(連携すべきタスクの線引きは必要であるものの)することで、可能な限り教員の負担軽減が図れるものです。そして、教員が健康な状態で働き続けられることはそれを直接目にする子供達にとってもプラスになる改革と言えます。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0061\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 ColumnDetailInner0061 from '../../../components/molecules/columnDetailInner0061'\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 ColumnAuthor001 from '../../../components/molecules/columnAuthor001'\nimport CarouselBanner from '../../../components/molecules/carouselBanner'\nimport PopupBanner from '../../../components/molecules/popupBanner'\nimport UsefulFunctionLayout018 from '../../../components/molecules/usefulFunctionLayout018'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0061 = () => {\n const paths: ITopicPath[] = [\n { title: 'キンクラコラムTOP', link: useRouteParam('/column') },\n { title: 'コラム記事一覧', link: useRouteParam('/column/list') },\n {\n title: '教員の働き方改革!働き方改革が必要な理由・進めるための課題とは?',\n },\n ]\n\n // 0~8ランダム数字を保存\n const [no, setNo] = useState(-1)\n useEffect(() => {\n setNo(Math.floor(Math.random() * 9))\n }, [])\n\n return (\n \n \n \n {/** ポップアップバナー */}\n \n {/** 記事本体 */}\n \n\n {/** ここに9パターンの広告設定する */}\n {no === 0 && }\n {no === 1 && }\n {no === 2 && }\n {no === 3 && }\n {no === 4 && }\n {no === 5 && }\n {no === 6 && }\n {no === 7 && }\n {no === 8 && }\n\n {/** オーサ情報 */}\n \n {/** お役立ち機能 */}\n \n {/** 前後記事への遷移 */}\n \n {/** カルーセルバナー */}\n \n {/** 関連記事 */}\n {/* */}\n \n \n )\n}\n\nexport default C0061\n\nexport const pageQuery = graphql`\n query C0061 {\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":""}