{"version":3,"file":"component---src-pages-column-details-c-0097-tsx-c54209ecf65627a0fe92.js","mappings":"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","sources":["webpack://beaver-help/./src/components/molecules/columnAuthor005.tsx","webpack://beaver-help/./src/components/molecules/popupBanner.tsx","webpack://beaver-help/./src/components/molecules/usefulFunctionLayout014.tsx","webpack://beaver-help/./src/components/molecules/columnDetailInner0097.tsx","webpack://beaver-help/./src/pages/column/details/C0097.tsx"],"sourcesContent":["import styled from '@emotion/styled'\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 columnAuthor005 = () => (\n \n
\n \"キンクラコラム編集部\"\n
\n

キンクラコラム編集部

\n
\n
\n
\n キンクラコラム編集部です!このコラムでは、効率的な業務運営や経営判断のサポートを目指し\n
\n 勤怠管理や経理に関する役立つ情報をわかりやすくお伝えします!\n
\n
\n)\n\nexport default columnAuthor005\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 usefulFunctionLayout014 = () => (\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 usefulFunctionLayout014\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'\nimport useRouteParam from '../../hooks/useRouteParam'\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: fit-content;\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: #ff7070;\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 // 表用のCSS\n table {\n width: 100%;\n margin-bottom: 15px;\n\n\n td {\n padding: 5px;\n border: solid 1px rgba(200, 200, 200, 1);\n vertical-align: top;\n }\n }\n }\n\n}\n\n${BreakPoints.large} {\n}\n`\ntype Props = {\n /** 広告の番号 */\n no: number\n}\n\n/**\n * コラム記事詳細:記事本体\n * @constructor\n */\nconst ColumnDetailInner0097 = (props: Props): JSX.Element => {\n const routeParam = useRouteParam(\n 'https://www.kintaicloud.jp/column/details/C0070/'\n )\n const routeParam2 = useRouteParam(\n 'https://www.kintaicloud.jp/column/details/C0090/'\n )\n const routeParam3 = useRouteParam(\n 'https://www.kintaicloud.jp/column/details/C0067/'\n )\n const routeParam4 = useRouteParam(\n 'https://www.kintaicloud.jp/column/details/C0069/'\n )\n const routeParam5 = useRouteParam(\n 'https://www.kintaicloud.jp/column/details/C0089/'\n )\n const routeParam6 = useRouteParam('https://www.kintaicloud.jp/')\n\n return (\n \n \n {/** TODO 川上申し送り事項:▼投稿日をここに表示 */}\n

2024.05.15

\n
\n \n

\n 勤怠管理システムを自作している事業者の方もいるのではないでしょうか。低コストというメリットはあるものの、デメリットや注意点を理解しておかなければ後悔する恐れがあります。\n
\n 本記事では、勤怠管理システムを自作するメリットやデメリット、注意点について詳しく解説します。\n

\n
\n

勤怠管理システムは自作できるのか

\n
\n \n

\n 勤怠管理システムを自作することは可能です。その1つにExcel(エクセル)での管理や自作アプリの活用があります。\n

\n
\n

Excelで自作する場合

\n
\n

\n 勤怠管理システムをExcelで自作する場合、以下2点のいずれかの知識が必要です。\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
関数できること使用場面
SUM関数範囲内のセルの数値を合計する\n ・1か月間の労働時間の集計\n
\n ・残業時間の集計\n
TIME関数時刻から時間を算出する・60進数で表記された時刻から労働時間や残業時間を算出
FLOOR関数指定した基準値の倍数で数値を切り捨てる・出勤時刻を15分単位・30分単位で切り捨て
TEXT関数日付に対応した曜日を表示する・平日か土日・休日かなど曜日の認識
IF関数特定の条件を満たしているかで返す数値を変える\n ・所定労働時間を超えている場合\n
\n ・深夜残業をした場合\n
\n ・休日に出勤した場合\n
\n (※割増賃金が適用される場面)\n
COUNTIIF関数指定した条件を満たしたセルの数を数える・出勤日数・欠勤日数、有給休暇を取得した日数の算出
\n

\n マクロはVBAというプログラミング言語で作成します。そのため、作業の自動化が可能です。\n

\n \n 参照記事:Excel(エクセル)でできる勤怠管理の限界とシステム導入で得られるメリットとは?\n \n
\n

自作アプリの場合

\n
\n

\n 最近では、プログラミングの知識がなくても自社の業務フローにあったアプリが作成できます。そのシステムを利用して、自社向けの勤怠管理アプリを作成します。もちろんPHPやJavaなどの知識があれば、より高度な勤怠管理システムが作成できるでしょう。勤怠管理アプリを自作する場合には、以下の機能が必要です。{' '}\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 CSV出力
外部システムとの連携\n すでに導入している社内システム(給与計算ソフトなど)との連携\n \n 複数の種類に対応していると連携先ソフトを変更しても対応できる\n
\n

\n これらの機能があるアプリを自作できれば、人事労務管理だけではなく従業員の給与計算まで効率よく行えるでしょう。\n
\n
\n このように勤怠管理は、Excelや提供されているツールを使用する自作アプリの開発で自作が可能です。\n

\n \n 参照記事:無料で使える勤怠管理アプリとは?メリットや注意点も紹介\n \n
\n

勤怠管理システムを自作する2つのメリット

\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 {/** ここに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 勤怠管理システムのプロが作成したものではないため、改ざんが簡単にできる可能性があります。特にExcelの場合、身近にあるソフトであり誰でも操作できるため、意図せず改ざんしてしまう可能性もあります。改ざんが容易な勤怠管理システムは、従業員の勤務状態について正しく把握できません。万が一、従業員との間で訴訟が発生した場合、ベンダーが開発した勤怠管理システムよりも証拠能力が低くなるため、企業側が不利になるケースがあります。{' '}\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 ColumnDetailInner0097\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 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 useRouteParam from '../../../hooks/useRouteParam'\nimport ColumnAuthor005 from '../../../components/molecules/columnAuthor005'\nimport UsefulFunctionLayout014 from '../../../components/molecules/usefulFunctionLayout014'\nimport ColumnDetailInner0097 from '../../../components/molecules/columnDetailInner0097'\n\n/**\n * コラム記事詳細画面\n * @constructor\n */\nconst C0097 = () => {\n const paths: ITopicPath[] = [\n { title: 'キンクラコラムTOP', link: useRouteParam('/column') },\n { title: 'コラム記事一覧', link: useRouteParam('/column/list') },\n {\n title:\n '勤怠管理システムは自作できる?メリットやデメリット・注意点について解説',\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 {/** ここに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\nexport default C0097\n\nexport const pageQuery = graphql`\n query C0097 {\n site {\n siteMetadata {\n title\n }\n }\n }\n`\n"],"names":["Wrapper","BreakPoints","src","alt","className","useState","show","setShow","changeShow","window","pageYOffset","visible","setVisible","useEffect","addEventListener","removeEventListener","no","setNo","Math","floor","random","routeParam","useRouteParam","routeParam2","style","visibility","target","href","rel","onClick","Link","to","props","routeParam3","routeParam4","routeParam5","routeParam6","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":""}