{"id":431,"date":"2025-12-06T11:06:42","date_gmt":"2025-12-06T02:06:42","guid":{"rendered":"https:\/\/web.detomo.co.jp\/?page_id=431"},"modified":"2025-12-06T11:06:42","modified_gmt":"2025-12-06T02:06:42","slug":"it%e4%bb%a3%e8%a1%8c%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9","status":"publish","type":"page","link":"https:\/\/web.detomo.co.jp\/?page_id=431","title":{"rendered":"IT\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>IT\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9 &#8211; \u30c7\u30c8\u30e2<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.8;\n            color: #333;\n            background: #f5f5f5;\n            padding: 40px 20px;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n            padding: 50px;\n        }\n\n        .breadcrumb {\n            margin-bottom: 30px;\n            font-size: 0.95em;\n            color: #666;\n        }\n\n        .breadcrumb a {\n            color: #2c3e50;\n            text-decoration: none;\n        }\n\n        .breadcrumb a:hover {\n            text-decoration: underline;\n        }\n\n        .page-title {\n            font-size: 2.2em;\n            color: #2c3e50;\n            margin-bottom: 15px;\n            padding-bottom: 15px;\n            border-bottom: 4px solid #2c3e50;\n            font-weight: 600;\n        }\n\n        .service-description {\n            font-size: 1.08em;\n            color: #555;\n            margin-bottom: 50px;\n            line-height: 2;\n            background: #fafafa;\n            padding: 25px;\n            border-radius: 6px;\n            border-left: 5px solid #2c3e50;\n        }\n\n        .projects-title {\n            font-size: 1.5em;\n            color: #2c3e50;\n            margin-bottom: 30px;\n            font-weight: 600;\n            padding-bottom: 10px;\n            border-bottom: 2px solid #ddd;\n        }\n\n        .project-card {\n            background: #fafafa;\n            padding: 30px;\n            margin-bottom: 25px;\n            border-radius: 8px;\n            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n            transition: transform 0.2s, box-shadow 0.2s;\n        }\n\n        .project-card:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n        }\n\n        .project-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 15px;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n\n        .project-name {\n            font-size: 1.35em;\n            color: #2c3e50;\n            font-weight: 600;\n            flex: 1;\n        }\n\n        .project-badges {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n        }\n\n        .badge {\n            display: inline-block;\n            padding: 4px 12px;\n            border-radius: 15px;\n            font-size: 0.85em;\n            font-weight: 500;\n        }\n\n        .badge-ongoing {\n            background: #e74c3c;\n            color: white;\n        }\n\n        .badge-industry {\n            background: #9b59b6;\n            color: white;\n        }\n\n        .project-client {\n            font-size: 1.05em;\n            color: #666;\n            margin-bottom: 15px;\n            font-style: italic;\n        }\n\n        .project-description {\n            font-size: 1.05em;\n            color: #555;\n            line-height: 1.8;\n            margin-bottom: 20px;\n            padding: 15px;\n            background: white;\n            border-radius: 4px;\n            border-left: 3px solid #3498db;\n        }\n\n        .project-highlight {\n            font-size: 1.05em;\n            color: #e74c3c;\n            font-weight: 600;\n            margin-bottom: 15px;\n            padding: 12px;\n            background: #fff5f5;\n            border-radius: 4px;\n        }\n\n        .project-details {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 15px;\n            margin-top: 20px;\n        }\n\n        .detail-item {\n            padding: 12px;\n            background: white;\n            border-radius: 4px;\n            border-left: 3px solid #2c3e50;\n        }\n\n        .detail-label {\n            font-size: 0.9em;\n            color: #888;\n            margin-bottom: 4px;\n        }\n\n        .detail-value {\n            font-size: 1.05em;\n            color: #2c3e50;\n            font-weight: 600;\n        }\n\n        .project-scope {\n            margin-top: 20px;\n            padding: 15px;\n            background: #f0f8ff;\n            border-radius: 4px;\n        }\n\n        .scope-title {\n            font-size: 1.05em;\n            color: #2c3e50;\n            font-weight: 600;\n            margin-bottom: 10px;\n        }\n\n        .scope-content {\n            color: #555;\n            line-height: 1.8;\n        }\n\n        .back-button {\n            display: inline-block;\n            margin-top: 40px;\n            padding: 12px 30px;\n            background: #2c3e50;\n            color: white;\n            text-decoration: none;\n            border-radius: 5px;\n            font-weight: 600;\n            transition: background 0.3s;\n        }\n\n        .back-button:hover {\n            background: #34495e;\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 30px 20px;\n            }\n\n            .page-title {\n                font-size: 1.7em;\n            }\n\n            .project-details {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"breadcrumb\">\n            <a href=\"index.html\">\u30db\u30fc\u30e0<\/a> \/ IT\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\n        <\/div>\n\n        <h1 class=\"page-title\">IT\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9<\/h1>\n        \n        <div class=\"service-description\">\n            \u4f01\u696d\u5185\u306e\u793e\u5185\u60c5\u5831\u30b7\u30b9\u30c6\u30e0\u90e8\u9580\u306e\u696d\u52d9\u3092\u4ee3\u884c\u3057\u307e\u3059\u3002\u793e\u5185\u3067\u7528\u3044\u3089\u308c\u3066\u3044\u308b\u30d1\u30bd\u30b3\u30f3\u3084\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3068\u3044\u3063\u305f\u7aef\u672b\u306e\u8abf\u9054\u30fb\u8abf\u6574\u3001\u30b5\u30fc\u30d0\u3084\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3068\u3044\u3063\u305fIT\u30a4\u30f3\u30d5\u30e9\u74b0\u5883\u306e\u6574\u5099\u3001\u793e\u5185\u304b\u3089\u306eIT\u6280\u8853\u306e\u554f\u5408\u305b\u7a93\u53e3\u306a\u3069\u3092\u624b\u639b\u3051\u3066\u3044\u304d\u307e\u3059\u3002\u65e5\u3005\u3001\u304a\u5ba2\u3055\u307e\u3068\u5bc6\u306b\u5bfe\u8a71\u3059\u308b\u7acb\u3061\u4f4d\u7f6e\u3067\u3059\u306e\u3067\u3001\u6b21\u671f\u30b7\u30b9\u30c6\u30e0\u306e\u7acb\u6848\u306e\u30b5\u30dd\u30fc\u30c8\u306a\u3069\u3082\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n        <\/div>\n\n        <h2 class=\"projects-title\">\u4ee3\u8868\u7684\u306a\u5b9f\u7e3e<\/h2>\n\n        <div class=\"project-card\">\n            <div class=\"project-header\">\n                <div class=\"project-name\">\u9867\u5ba2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u518d\u69cb\u7bc9<\/div>\n                <div class=\"project-badges\">\n                    <span class=\"badge badge-ongoing\">\u9032\u884c\u4e2d<\/span>\n                    <span class=\"badge badge-industry\">\u773c\u93e1\u30fb\u30b3\u30f3\u30bf\u30af\u30c8\u30ec\u30f3\u30ba\u8ca9\u58f2<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"project-client\">\u773c\u93e1\u30fb\u30b3\u30f3\u30bf\u30af\u30c8\u30ec\u30f3\u30ba\u8ca9\u58f2\u4e8b\u696d\u69d8<\/div>\n            <div class=\"project-highlight\">\n                \u2713 \u904b\u7528\u4fdd\u5b88\u5f15\u7d99\u304e\u30fb\u30b9\u30dd\u30c3\u30c8\u5bfe\u5fdc\u3092\u67d4\u8edf\u306b\u3001\u8ab2\u984c\u3092\u30b9\u30d4\u30fc\u30c9\u89e3\u6c7a\n            <\/div>\n            <div class=\"project-description\">\n                \u9577\u5e74\u3067FileMaker\u3067\u793e\u5185\u69cb\u7bc9\u3057\u305f\u9867\u5ba2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3092\u518d\u69cb\u7bc9\u3057\u3001\u65e5\u3005\u306e\u904b\u7528\u4fdd\u5b88\u3092\u30b9\u30e0\u30fc\u30ba\u306b\u5bfe\u5fdc\u3002\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u4f5c\u6210\u3001\u6574\u7406\u3092\u5b9f\u65bd\u3057\u3001\u9577\u671f\u7684\u306a\u4fdd\u5b88\u4f53\u5236\u3092\u78ba\u7acb\u3057\u307e\u3057\u305f\u3002\n            <\/div>\n            <div class=\"project-details\">\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u6848\u4ef6\u7a2e\u985e<\/div>\n                    <div class=\"detail-value\">\u6e96\u59d4\u4efb<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u958b\u767a\u898f\u6a21<\/div>\n                    <div class=\"detail-value\">1BSE, 4DEV (10\u4eba\u6708)<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u958b\u767a\u671f\u9593<\/div>\n                    <div class=\"detail-value\">3\u30f6\u6708<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u958b\u767a\u624b\u6cd5<\/div>\n                    <div class=\"detail-value\">\u30a2\u30b8\u30e3\u30a4\u30eb<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u6280\u8853\u30b9\u30bf\u30c3\u30af<\/div>\n                    <div class=\"detail-value\">JavaScript<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9<\/div>\n                    <div class=\"detail-value\">FileMaker\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306eDB\u30a8\u30f3\u30b8\u30f3<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"project-scope\">\n                <div class=\"scope-title\">\u62c5\u5f53\u5de5\u7a0b<\/div>\n                <div class=\"scope-content\">\u8981\u4ef6\u5b9a\u7fa9\uff5e\u30ea\u30ea\u30fc\u30b9\u30fb\u4fdd\u5b88<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"project-card\">\n            <div class=\"project-header\">\n                <div class=\"project-name\">\u57fa\u5e79\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u6539\u4fee<\/div>\n                <div class=\"project-badges\">\n                    <span class=\"badge badge-ongoing\">\u9032\u884c\u4e2d<\/span>\n                    <span class=\"badge badge-industry\">\u591a\u8a00\u8a9e\u7ffb\u8a33\u30fb\u5236\u4f5c<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"project-client\">\u591a\u8a00\u8a9e\u7ffb\u8a33\uff06\u5236\u4f5c\u4e8b\u696d\u793e\u69d8<\/div>\n            <div class=\"project-highlight\">\n                \u2713 \u67d4\u8edf\u306b\u30b9\u30dd\u30c3\u30c8\u5bfe\u5fdc\u3057\u3001\u8ab2\u984c\u3092\u30b9\u30d4\u30fc\u30c9\u89e3\u6c7a\n            <\/div>\n            <div class=\"project-description\">\n                \u30a4\u30f3\u30dc\u30a4\u30b9\u5236\u5ea6\u3001\u96fb\u5e33\u6cd5\u6539\u6b63\u306b\u4f34\u3044\u3001\u5916\u6ce8\u8005\u306e\u8acb\u6c42\u533a\u5206\u306b\u5bfe\u3057\u3066\u898b\u7a4d\u66f8\/\u767a\u6ce8\u66f8\/\u8acb\u6c42\u66f8\/\u652f\u6255\u66f8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u6539\u5909\u3057\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u6539\u4fee\u3092\u5b9f\u65bd\u3002\u6cd5\u6539\u6b63\u3078\u306e\u8fc5\u901f\u306a\u5bfe\u5fdc\u3092\u652f\u63f4\u3057\u307e\u3057\u305f\u3002\n            <\/div>\n            <div class=\"project-details\">\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u6848\u4ef6\u7a2e\u985e<\/div>\n                    <div class=\"detail-value\">\u8acb\u8ca0<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u958b\u767a\u898f\u6a21<\/div>\n                    <div class=\"detail-value\">1BSE, 2PG (5\u4eba\u6708)<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u958b\u767a\u671f\u9593<\/div>\n                    <div class=\"detail-value\">1.5\u30f6\u6708<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u958b\u767a\u624b\u6cd5<\/div>\n                    <div class=\"detail-value\">\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u6280\u8853\u30b9\u30bf\u30c3\u30af<\/div>\n                    <div class=\"detail-value\">PHP, MySQL<\/div>\n                <\/div>\n                <div class=\"detail-item\">\n                    <div class=\"detail-label\">\u74b0\u5883<\/div>\n                    <div class=\"detail-value\">On-Premise (VPS)<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"project-scope\">\n                <div class=\"scope-title\">\u62c5\u5f53\u5de5\u7a0b<\/div>\n                <div class=\"scope-content\">\u8981\u4ef6\u5b9a\u7fa9\uff5e\u30ea\u30ea\u30fc\u30b9\u30fb\u691c\u8a3c<\/div>\n            <\/div>\n        <\/div>\n\n        <a href=\"?page_id=15\" class=\"back-button\">\u2190 \u30b5\u30fc\u30d3\u30b9\u4e00\u89a7\u306b\u623b\u308b<\/a>\n    <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>IT\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9 &#8211; \u30c7\u30c8\u30e2 \u30db\u30fc\u30e0 \/ IT\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9 IT\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9 \u4f01\u696d\u5185\u306e\u793e\u5185\u60c5\u5831\u30b7\u30b9\u30c6\u30e0\u90e8\u9580\u306e\u696d\u52d9\u3092\u4ee3\u884c\u3057\u307e\u3059\u3002\u793e\u5185\u3067\u7528\u3044\u3089\u308c\u3066\u3044\u308b\u30d1\u30bd\u30b3\u30f3\u3084\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3068\u3044\u3063\u305f\u7aef\u672b\u306e\u8abf\u9054\u30fb\u8abf\u6574\u3001\u30b5\u30fc\u30d0\u3084\u30cd\u30c3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-431","page","type-page","status-publish","hentry"],"blog_post_layout_featured_media_urls":{"thumbnail":"","full":""},"categories_names":null,"comments_number":"0","_links":{"self":[{"href":"https:\/\/web.detomo.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.detomo.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.detomo.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.detomo.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.detomo.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=431"}],"version-history":[{"count":1,"href":"https:\/\/web.detomo.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/431\/revisions"}],"predecessor-version":[{"id":432,"href":"https:\/\/web.detomo.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/431\/revisions\/432"}],"wp:attachment":[{"href":"https:\/\/web.detomo.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}