{"version":3,"file":"component---src-pages-column-details-c-0003-tsx-4f4f8c329fcc9a748bad.js","mappings":"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","sources":["webpack://beaver-help/./src/components/atoms/columnBtnCard.tsx","webpack://beaver-help/./src/components/molecules/Introduction002.tsx","webpack://beaver-help/./src/components/molecules/columnAuthor002.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout010.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0003.tsx","webpack://beaver-help/./src/components/molecules/columnRelationCards0003.tsx","webpack://beaver-help/./src/pages/column/details/C0003.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\n\nconst StyledLink = styled(Link)`\n padding: 7px;\n width: 220px;\n border-radius: 5px;\n border: solid 3px transparent;\n margin-bottom: 15px;\n &:hover {\n border-color: #77d7c9;\n text-decoration: underline solid rgba(255, 255, 255, 0);\n }\n .img-wrap {\n width: 200px;\n height: 100px;\n overflow: hidden;\n margin-bottom: 12px;\n img {\n width: 110%;\n height: auto;\n }\n }\n h2 {\n font-size: 18px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n margin-bottom: 8px;\n }\n span {\n color: #ababab;\n }\n`\n\ntype Props = {\n /** クラス名 */\n className?: string\n /** リンク先 */\n href: string\n /** 画像 */\n imgId: string\n /** タイトル */\n label: string\n /** タイトル */\n date: string\n}\n\n/**\n * コラム用カード型ボタンリンクコンポーネント\n * @param props\n * @constructor\n */\nconst ColumnBtnCard = (props: Props): JSX.Element => {\n const { className = '' } = props\n\n return (\n \n
\n {/** TODO 川上申し送り事項:▼記事ごとに指定されて画像がここに表示されます */}\n \n
\n {/** TODO 川上申し送り事項:▼記事のタイトルがここに表示されます */}\n

{props.label}

\n {/** TODO 川上申し送り事項:▼記事の投稿日がここに表示されます */}\n {props.date}\n
\n )\n}\n\nexport default ColumnBtnCard\n","import styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n text-align: center;\n margin-bottom: 60px;\n border: solid 2px #bef1e5;\n border-radius: 5px;\n padding: 45px;\n\n .intro-txt {\n font-size: 30px;\n line-height: 1;\n color: #ff9600;\n font-weight: 600;\n }\n\n .detail-txt {\n line-height: 1.8;\n }\n\n .btn-wrap {\n display: flex;\n width: 100%;\n justify-content: center;\n\n a {\n border-radius: 25vh;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 16px;\n font-weight: 600;\n color: #ffffff;\n background: #19ba9b;\n border: solid 2px #19ba9b;\n width: 200px;\n height: 50px;\n\n &:hover {\n opacity: 1;\n background: #ffffff;\n color: #3ec7b3;\n text-decoration: underline solid rgba(255, 255, 255, 0);\n }\n }\n }\n\n ${BreakPoints.large} {\n }\n`\n\n/**\n * コラム記事詳細:製品誘導案_キンクラを使って勤怠管理の効率化を!\n * @constructor\n */\nconst Introduction002 = () => (\n \n

キンクラを使って勤怠管理の効率化を!

\n

\n 「自社と常駐先の勤務管理に苦労していませんか?\n
\n 「キンクラ」は勤怠管理に工数のかかる客先常駐の業務課題に対応し、効率化へ貢献するサービスです。\n

\n
\n \n 導入効果を見る\n \n
\n
\n)\n\nexport default Introduction002\n","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 columnAuthor002 = () => (\n \n {/** TODO 川上申し送り事項:▼記事投稿(?)で作成された内容がここに入る予定 */}\n
\n \"加藤\n
\n

加藤 知美

\n

\n \n エスプリーメ社労士事務所\n \n 社会保険労務士\n

\n
\n
\n
\n 愛知県社会保険労務士会所属。総合商社、会計事務所、社労士事務所の勤務経験を経て、2014年に「エスプリーメ社労士事務所」を設立。\n
\n 総合商社時では秘書・経理・総務が一体化した管理部署で指揮を執り、人事部と連携した数々の社員面接にも同席。会計事務所、社労士事務所勤務では顧問先の労務管理に加えセミナー講師としても活動。\n
\n 現在は文章能力を活かしたオリジナルの就業規則・広報誌作成事業の2本柱を掲げ、専門知識を分かりやすく伝えることをモットーに企業の支援に取り組んでいる。\n
\n
\n)\n\nexport default columnAuthor002\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 usefulFunctionLayout010 = () => (\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)\n\nexport default usefulFunctionLayout010\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnH1 from '../atoms/columnH1'\nimport Introduction002 from './Introduction002'\n\nconst Wrapper = styled.article`\n position: relative;\n margin-bottom: 30px;\n .p-list-link {\n position: absolute;\n top: 9px;\n right: 2px;\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 .p-txt-date {\n margin-top: -10px;\n color: #ababab;\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 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 &: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 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 &: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 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 p {\n padding-bottom: 30px;\n line-height: 2;\n span {\n background: linear-gradient(transparent 60%, #ff6 60%);\n font-weight: 600;\n }\n }\n img {\n width: 100%;\n height: auto;\n padding-bottom: 30px;\n }\n }\n ${BreakPoints.large} {\n }\n`\n\n/**\n * コラム記事詳細:記事本体\n * @constructor\n */\nconst ColumnDetailInner0003 = () => (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2022.04.15

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

\n ワーク・ライフ・バランスや働き方改革の流れを受け、\n 雇用形態が多様化\n し、社員それぞれの状況に適した形で働くことのできる環境づくりが求められるようになりました。さらに、新型コロナウイルスの流行を受け、自粛要請に伴い\n 在宅勤務を強いられることになった企業も多いことでしょう。\n
\n
\n ここで新たに注目されているのが、\n 「社員の勤怠管理をどのように行うべきか」\n という、勤怠管理にまつわる問題です。\n
\n 決まった時間にオフィスへ出社・退社し、タイムカードの打刻を行うような環境が当たり前ではなくなった昨今では、企業では勤怠管理の在り方も再度検討をしなければならない状況へ突入しています。同時に、勤怠管理システムの内容も進化し、多岐にわたる企業の現状に対応できるような仕組みが日々展開されています。\n
\n
\n 今回は、現在の勤怠管理体制を更に整備し、さまざまな働き方に対応できるような勤怠管理システムの導入を検討している企業向けに、勤怠管理システムの概要やメリット、導入時の注意点について、順を追って解説をしてきます。\n

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

そもそも「勤怠管理」とは?

\n

\n 勤怠管理とは、会社が雇用する社員が働いている状況について、\n 労働時間などを記録することで把握・管理を行うことです。\n
\n 具体的な方法としては、社員一人ひとりが、いつ出退社をしているのか、残業時間や休日出勤の状況はどうか、有給休暇の取得状況はどうか、などを詳細にわたり記録していきます。\n
\n
\n 2019年の法改正により、これまでは対象外とされていた\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 していく必要があります。ここからは、勤怠管理システムについて解説をしていきましょう。\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
\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 このような勤怠管理システムは高額である場合もありますが、管理部署の社員の負担を軽減し、不要な残業時間を削減できるという効果も含めて、どの部分にどこまでのコストをかけるかを入念に検討していくことが重要です。\n
\n
\n 一方、規模の小さな会社の場合は、大企業と比較すると社内独自のルールが少ないことが予想されるため、パッケージ販売のされているコストを抑えた勤怠管理システムを検討することで、会社側の負担を軽減することができるでしょう。\n

\n

まとめ

\n

\n 勤怠管理システムを導入するためには、社内体制の見直しが重要であることがお分かりいただけたかと思います。\n
\n 昨今では、勤怠入力忘れを防ぐためのアラートシステムや、パソコン画面の定期的なスクリーンショット保存システムなど、在宅勤務に適したさまざまな機能を含んだ勤怠管理システムも多く展開されています。\n
\n 会社・社員がともに負担なく記録できるようなシステムを検討してみてはいかがでしょうか。\n

\n
\n
\n)\n\nexport default ColumnDetailInner0003\n","import styled from '@emotion/styled'\nimport React from 'react'\nimport BreakPoints from '../../styles/breakPoints'\nimport ColumnBtnCard from '../atoms/columnBtnCard'\nimport ColumnH1 from '../atoms/columnH1'\nimport useRouteParam from '../../hooks/useRouteParam'\n\nconst Wrapper = styled.article`\n section {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n span {\n display: none;\n }\n }\n\n ${BreakPoints.large} {\n margin-bottom: 10px;\n }\n`\n\n/**\n * 関連記事カードセット\n * TODO 川上申し送り事項:記事詳細下部に表示されるコンポーネントです。\n * ここでは、表示している記事に関連した他の記事3件が表示される予定です\n * @constructor\n */\nconst ColumnRelationCards0003 = () => {\n const routeParam = useRouteParam('/column/details/C0009/')\n return (\n \n \n
\n \n
\n
\n )\n}\n\nexport default ColumnRelationCards0003\n","import { graphql } from 'gatsby'\nimport React from 'react'\nimport ColumnBackAndForth from '../../../components/atoms/columnBackAndForth'\nimport SEO from '../../../components/atoms/seo'\nimport { ITopicPath } from '../../../components/atoms/topicPath'\nimport ColumnAuthor002 from '../../../components/molecules/columnAuthor002'\nimport ColumnDetailInner0003 from '../../../components/molecules/columnDetailInner0003'\nimport ColumnRelationCards0003 from '../../../components/molecules/columnRelationCards0003'\nimport UsefulFunctionLayout010 from '../../../components/molecules/usefulFunctionLayout010'\nimport ColumnDetailsBody from '../../../components/organisms/columnDetailsBody'\nimport ColumnLayout from '../../../components/organisms/columnLayout'\nimport useRouteParam from '../../../hooks/useRouteParam'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0003 = () => {\n const paths: ITopicPath[] = [\n { title: 'キンクラコラムTOP', link: useRouteParam('/column') },\n { title: 'コラム記事一覧', link: useRouteParam('/column/list') },\n {\n title: '勤怠管理システムを導入したい!メリットや気をつけることとは',\n },\n ]\n\n return (\n \n \n \n {/** 記事本体 */}\n \n {/** オーサ情報 */}\n \n {/** お役立ち機能 */}\n \n {/** 前後記事への遷移 */}\n \n {/** 関連記事 */}\n \n \n \n )\n}\n\nexport default C0003\n\nexport const pageQuery = graphql`\n query C0003 {\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n"],"names":["StyledLink","Link","props","className","to","href","src","imgId","alt","label","date","Wrapper","BreakPoints","useRouteParam","target","rel","Introduction002","routeParam","paths","title","link","description","ogUrl","ogType","ogTitle","ogDescription","ogSiteName","ogImage"],"sourceRoot":""}