{"id":298,"date":"2025-08-05T10:15:31","date_gmt":"2025-08-05T10:15:31","guid":{"rendered":"https:\/\/nichi.com\/ja\/?page_id=298"},"modified":"2025-09-03T06:31:49","modified_gmt":"2025-09-03T06:31:49","slug":"major-technology-stack","status":"publish","type":"page","link":"https:\/\/nichi.com\/ja\/major-technology-stack\/","title":{"rendered":"\u6280\u8853\u30b9\u30bf\u30c3\u30af"},"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 Technology Stack -->\n    <section class=\"inner-hero-section\">\n      <h1>\n        \u6280\u8853\u30b9\u30bf\u30c3\u30af<\/h1>\n    <\/section>\n\n    <!-- Content Section for Technology Stack -->\n    <section class=\"common-padding\">\n      <div class=\"tech-grid\">\n        <!-- Microsoft Technologies -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fab fa-windows\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">Microsoft \u7cfb<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>.NET (VB, C#, ASP)<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- QA Tools\/Skills -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-bug\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">QA \u30c4\u30fc\u30eb\/\u30b9\u30ad\u30eb<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>Selenium<\/li>\n            <li>Appium<\/li>\n            <li>Cypress<\/li>\n            <li>Katalon<\/li>\n            <li>Burp Suite<\/li>\n            <li>OWASP ZAP<\/li>\n            <li>Jmeter<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Front End -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-code\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>HTML, CSS, JS<\/li>\n            <li>Angular<\/li>\n            <li>React<\/li>\n            <li>Vue<\/li>\n            <li>Typescript<\/li>\n            <li>Next.js<\/li>\n            <li>Nuxt.js<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Back End -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-server\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">\u30d0\u30c3\u30af\u30a8\u30f3\u30c9<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>Java\/J2EE<\/li>\n            <li>MEAN, MERN<\/li>\n            <li>PHP, Laravel<\/li>\n            <li>Node.js<\/li>\n            <li>Python (Django, Flask)<\/li>\n            <li>Golang<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Mobile -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-mobile-alt\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">\u30e2\u30d0\u30a4\u30eb<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>Android<\/li>\n            <li>iOS (Swift, Objective C)<\/li>\n            <li>React Native<\/li>\n            <li>Flutter<\/li>\n            <li>Xamarin<\/li>\n            <li>Ionic<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Database -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-database\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>MySQL<\/li>\n            <li>Microsoft SQL Server<\/li>\n            <li>PostgreSQL<\/li>\n            <li>MariaDB<\/li>\n            <li>Oracle<\/li>\n            <li>MongoDB<\/li>\n            <li>DynamoDB<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- CMS -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-pencil-ruler\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">CMS<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>WordPress<\/li>\n            <li>Magento<\/li>\n            <li>Shopify<\/li>\n            <li>Drupal<\/li>\n            <li>Joomla<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Cloud -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-cloud\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">\u30af\u30e9\u30a6\u30c9<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>AWS<\/li>\n            <li>Azure<\/li>\n            <li>Google<\/li>\n            <li>Sakura Cloud<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Integration -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-plug\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">\u7d71\u5408<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>Web API<\/li>\n            <li>Google Maps<\/li>\n            <li>OpenCV<\/li>\n            <li>Firebase<\/li>\n            <li>Fabric<\/li>\n            <li>ChatGPT<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Management -->\n        <div class=\"tech-card\">\n          <div class=\"tech-card-icon\">\n            <i class=\"fas fa-tasks\"><\/i>\n          <\/div>\n          <h2 class=\"tech-card-title\">\u7ba1\u7406<\/h2>\n          <ul class=\"tech-card-list\">\n            <li>Jira<\/li>\n            <li>Redmine<\/li>\n            <li>Backlog<\/li>\n            <li>Trello<\/li>\n            <li>GoodDay<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* Tech Grid *\/\n.tech-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 2fr);\n  gap: 25px;\n}\n\n.tech-card {\n  background: white;\n  border-radius: 10px;\n  padding: 30px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n  transition: all 0.3s ease;\n  border-top: 4px solid #000066;\n  position: relative;\n  overflow: hidden;\n}\n\n.tech-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n}\n\n.tech-card::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background: linear-gradient(90deg, #000066, #3355aa);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.3s ease;\n}\n\n.tech-card:hover::after {\n  transform: scaleX(1);\n}\n\n.tech-card-icon {\n  font-size: 2.5rem;\n  color: #000066;\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.tech-card-title {\n  font-size: var( --card-header-ftSize);\n  color: #222222;\n  margin: 0 0 20px 0;\n  position: relative;\n  padding-bottom: 10px;\n  text-align: center;\n}\n\n.tech-card-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.tech-card-list li {\n  padding: 8px 0;\n  color: #555;\n  position: relative;\n  padding-left: 25px;\n  font-size: var(--card-content-ftSize);\n}\n\n.tech-card-list li::before {\n  content: '\u25b9';\n  position: absolute;\n  left: 0;\n  color: #000066;\n  font-size: 1.1rem;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n  .tech-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (max-width: 900px) {\n  .tech-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 600px) {\n  .tech-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tech-card {\n    padding: 25px;\n  }\n\n  .tech-card-icon {\n    font-size: 2rem;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u6280\u8853\u30b9\u30bf\u30c3\u30af Microsoft \u7cfb .NET (VB, C#, ASP) QA \u30c4\u30fc\u30eb\/\u30b9\u30ad\u30eb Selenium Appium Cypress Katalon Burp Suite OWASP ZAP Jmeter \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9 HTML, CSS, JS Angular React Vue Typescript Next.js Nuxt.js \u30d0\u30c3\u30af\u30a8\u30f3\u30c9 Java\/J2EE MEAN, MERN PHP, Laravel Node.js Python (Django, Flask) Golang \u30e2\u30d0\u30a4\u30eb Android iOS (Swift, Objective C) React Native Flutter Xamarin Ionic \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9 MySQL Microsoft SQL Server [&hellip;]<\/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-298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/298","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=298"}],"version-history":[{"count":7,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":1375,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/298\/revisions\/1375"}],"wp:attachment":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}