{"id":533,"date":"2025-08-06T05:54:42","date_gmt":"2025-08-06T05:54:42","guid":{"rendered":"https:\/\/nichi.com\/ja\/?page_id=533"},"modified":"2025-09-04T07:27:25","modified_gmt":"2025-09-04T07:27:25","slug":"smac-applications","status":"publish","type":"page","link":"https:\/\/nichi.com\/ja\/smac-applications\/","title":{"rendered":"SMAC \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div id=\"content\">\n\n  <main>\n    <!-- Hero section for Cloud Application Development and Management -->\n    <section class=\"inner-hero-section common-padding\">\n        <h1>SMAC \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3<\/h1>\n         <p>\n         \u5c06\u6765\u306e\u30c7\u30b8\u30bf\u30eb\u4f01\u696d\u306b\u306a\u308b\u904e\u7a0b\u306b\u3042\u308b\u4e2d\u5c0f\u4f01\u696d\u3084\u5927\u4f01\u696d\u306b\u52b9\u679c\u7684\u3067\u6a5f\u654f\u306a\u9867\u5ba2\u4f53\u9a13\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n        <\/p>\n    <\/section>\n\n    <!-- Main Content Section with Collapsible items -->\n    <section class=\"content-section collapsible-container common-padding\">\n      <!-- Collapsible: Cloud Based Apps -->\n      <div class=\"vertical-item\">\n        <div class=\"vertical-header\">\u30af\u30e9\u30a6\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3<\/div>\n        <div class=\"vertical-content\">\n        <p>\n         \u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306f\u3001\n         \u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5206\u91ce\u3078\u306e\u79fb\u884c\u3092\u69cb\u60f3\u3057\n         \u3066\u3044\u308b\u4e2d\u5c0f\u4f01\u696d\u3084\u5927\u4f01\u696d\u306e\u5909\u9769\u30d1\u30fc\u30c8\u30ca\u30fc\u306b\u306a\u308b\u3053\u3068\u306b\u71b1\u5fc3\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u307e\u3059\u3002\n        <\/p>\n        <h4>\n          \u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30af\u30e9\u30a6\u30c9 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u30b5\u30fc\u30d3\u30b9\u306b\u306f\u6b21\u306e\u3082\u306e\u304c\u542b\u307e\u308c\u307e\u3059\u3002\n        <\/h4>\n        <ul>\n            <li>\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30af\u30e9\u30a6\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u3068\u958b\u767a<\/li>\n            <li>\u65e2\u5b58\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u88fd\u54c1\u306e\u30af\u30e9\u30a6\u30c9\u5316<\/li>\n            <li>\u30af\u30e9\u30a6\u30c9\u306b\u79fb\u884c\u3055\u308c\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u54c1\u8cea\u4fdd\u8a3c\u3068\u30c6\u30b9\u30c8<\/li>\n            <li>\u30af\u30e9\u30a6\u30c9\u6226\u7565\u3068\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/li>\n        <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- Collapsible: Mobile Apps -->\n      <div class=\"vertical-item\">\n        <div class=\"vertical-header\">\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea<\/div>\n        <div class=\"vertical-content\">\n        <p>\n            \u65e5\u5370\u306e\u30e2\u30d3\u30ea\u30c6\u30a3\u5206\u91ce\u306e\u30b5\u30fc\u30d3\u30b9\u306b\u306f\u3001\u30cd\u30a4\u30c6\u30a3\u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30e2\u30d3\u30ea\u30c6\u30a3\u5206\u91ce\u306e\u30b5\u30fc\u30d3\u30b9\u306b\u306f\u3001\n            \u30cd\u30a4\u30c6\u30a3\u30d6\u304a\u3088\u3073\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\/\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3001\n            \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3001\n            \u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u306e\u30c6\u30b9\u30c8\u3068\u30c7\u30fc\u30bf\u5206\u6790\u3001\u79fb\u884c\u30b5\u30fc\u30d3\u30b9\u306a\u3069\u306e\u5e45\u5e83\u3044\u30b5\u30fc\u30d3\u30b9\u304c\u542b\u307e\u308c\u307e\u3059\u3002\n        <\/p>\n        <p><a href=\"\/ja\/mobile-application-development\/\">\u8a73\u7d30\u3092\u898b\u308b<\/a><\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n    <!-- End Main Content Section -->\n\n  <\/main>\n    <\/div>\n <script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      \/\/ Verticals Section Script (Accordion)\n      const verticalHeaders = document.querySelectorAll('.vertical-header');\n\n      verticalHeaders.forEach(header => {\n        header.addEventListener('click', () => {\n          const content = header.nextElementSibling;\n          const isActive = header.classList.contains('active');\n\n          \/\/ Close all other open items\n          document.querySelectorAll('.vertical-content.show').forEach(openContent => {\n            if (openContent !== content) {\n              openContent.classList.remove('show');\n              openContent.previousElementSibling.classList.remove('active');\n            }\n          });\n\n          \/\/ Toggle current item\n          header.classList.toggle('active');\n          content.classList.toggle('show');\n        });\n      });\n    });\n  <\/script>\n<\/div>\n\n\n\n<style>\n p a {\n    color: #007bff;\n    text-decoration: underline;\n    font-weight: 600;\n    transition: color 0.3s ease;\n    }\n\n    p a:hover {\n    color: #0056b3;\n    }\n\n    \/* General Content Section Styling *\/\n    .content-section {\n      padding: 40px 20px;\n      margin: 0 auto;\n      background-color: #ffffff;\n      \n      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n      margin-top: -80px; \/* Overlap with hero for visual flow *\/\n      position: relative;\n      z-index: 2;\n      text-align: center;\n    }\n\n    .content-section:not(:first-of-type) {\n        margin-top: 0px; \/* Space between subsequent sections *\/\n    }\n\n    \/* Headings within content sections *\/\n    .content-section h2 {\n      font-size: var(--ftSize1);\n      color: #222222;\n      margin-bottom: 40px;\n      padding-bottom: 10px;\n      position: relative;\n    }\n\n    .content-section h2::after {\n      content: '';\n      position: absolute;\n      left: 50%;\n      bottom: 0;\n      transform: translateX(-50%);\n      width: 100px;\n      height: 4px;\n      background-color: #004aad; \/* Match hero primary color *\/\n      border-radius: 2px;\n    }\n\n    .content-section h3 {\n       font-size: var(--ftSize2);\n      color: #222222;\n      margin-top: 40px;\n      margin-bottom: 25px;\n      text-align: center;\n    }\n\n    .content-section p {\n        font-size: var(--desc-ftSize);\n      line-height: 1.8;\n      color: #222222;\n      margin-bottom: 25px;\n      text-align: justify;\n    }\n\n    \/* Collapsible Sections Styling *\/\n    .collapsible-container {\n      margin-top: 50px;\n      text-align: left; \/* Align collapsible headers left *\/\n    }\n\n    .vertical-item {\n      max-width: 900px;\n      margin: 0 auto 1rem;\n      border: 1px solid #ddd;\n      border-radius: 8px;\n      overflow: hidden;\n      background-color: white;\n      box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    }\n\n    .vertical-header {\n      padding: 1.5rem;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-weight: 700;\n      font-size: var(--card-header-ftSize);\n      transition: background-color 0.3s ease;\n    }\n\n    .vertical-header:hover {\n      background-color: #f0f0f0;\n    }\n\n    .vertical-header::after {\n      content: '+';\n      font-size: 1.5rem;\n      transition: transform 0.3s ease;\n    }\n\n    .vertical-header.active::after {\n      content: '-';\n    }\n\n    .vertical-content {\n      padding: 0 1.5rem;\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease, padding 0.3s ease;\n      border-top: 1px solid transparent;\n      line-height: 1.6;\n      font-size: var(--card-content-ftSize);\n      font-weight: var(--card-content-ftWt);\n    }\n\n    .vertical-content.show {\n      padding: 1.5rem 1.5rem;\n      max-height: 500px; \/* Adjust as needed for content length *\/\n      border-top-color: #eee;\n    }\n\n.content-section h4 {\n    font-size: 1.3em;\n    color: #240b77;\n    margin-top: 30px;\n    margin-bottom: 15px;\n    font-weight: 600;\n}\n\n.content-section ul li {\n    position: relative;\n    padding-left: 25px;\n    margin-bottom: 12px;\n    color: #4a5568;\n    line-height: 1.8;\n    font-size:var(--desc-ftSize);\n}\n\n.content-section ul li{\n list-style: none;\n\n}\n\n.content-section ul li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: #004aad;\n    font-size: 1.2em;\n    line-height: 1.6;\n}\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n      .content-section {\n        padding: 40px 15px;\n        margin-top: -50px;\n      }\n      .content-section h2 {\n        font-size: 2em;\n      }\n      .content-section h3 {\n        font-size: 1.8em;\n      }\n      .collapsible-header {\n        padding: 15px 20px;\n      }\n      .collapsible-header h3 {\n        font-size: 1.4em;\n      }\n      .collapsible-content {\n        padding: 10px 20px;\n      }\n    .content-section h4 {\n        font-size: 1.2em;\n    }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>SMAC \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3 \u5c06\u6765\u306e\u30c7\u30b8\u30bf\u30eb\u4f01\u696d\u306b\u306a\u308b\u904e\u7a0b\u306b\u3042\u308b\u4e2d\u5c0f\u4f01\u696d\u3084\u5927\u4f01\u696d\u306b\u52b9\u679c\u7684\u3067\u6a5f\u654f\u306a\u9867\u5ba2\u4f53\u9a13\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002 \u30af\u30e9\u30a6\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3 \u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306f\u3001 \u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5206\u91ce\u3078\u306e\u79fb\u884c\u3092\u69cb\u60f3\u3057 \u3066\u3044\u308b\u4e2d\u5c0f\u4f01\u696d\u3084\u5927\u4f01\u696d\u306e\u5909\u9769\u30d1\u30fc\u30c8\u30ca\u30fc\u306b\u306a\u308b\u3053\u3068\u306b\u71b1\u5fc3\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u307e\u3059\u3002 \u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30af\u30e9\u30a6\u30c9 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u30b5\u30fc\u30d3\u30b9\u306b\u306f\u6b21\u306e\u3082\u306e\u304c\u542b\u307e\u308c\u307e\u3059\u3002 \u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30af\u30e9\u30a6\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u8a08\u3068\u958b\u767a \u65e2\u5b58\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u88fd\u54c1\u306e\u30af\u30e9\u30a6\u30c9\u5316 \u30af\u30e9\u30a6\u30c9\u306b\u79fb\u884c\u3055\u308c\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u54c1\u8cea\u4fdd\u8a3c\u3068\u30c6\u30b9\u30c8 \u30af\u30e9\u30a6\u30c9\u6226\u7565\u3068\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 \u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea \u65e5\u5370\u306e\u30e2\u30d3\u30ea\u30c6\u30a3\u5206\u91ce\u306e\u30b5\u30fc\u30d3\u30b9\u306b\u306f\u3001\u30cd\u30a4\u30c6\u30a3\u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30e2\u30d3\u30ea\u30c6\u30a3\u5206\u91ce\u306e\u30b5\u30fc\u30d3\u30b9\u306b\u306f\u3001 \u30cd\u30a4\u30c6\u30a3\u30d6\u304a\u3088\u3073\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\/\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3001 \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3001 \u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u306e\u30c6\u30b9\u30c8\u3068\u30c7\u30fc\u30bf\u5206\u6790\u3001\u79fb\u884c\u30b5\u30fc\u30d3\u30b9\u306a\u3069\u306e\u5e45\u5e83\u3044\u30b5\u30fc\u30d3\u30b9\u304c\u542b\u307e\u308c\u307e\u3059\u3002 \u8a73\u7d30\u3092\u898b\u308b<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-533","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/comments?post=533"}],"version-history":[{"count":11,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/533\/revisions"}],"predecessor-version":[{"id":1519,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/533\/revisions\/1519"}],"wp:attachment":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/media?parent=533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}