{"id":610,"date":"2026-06-02T11:59:30","date_gmt":"2026-06-02T11:59:30","guid":{"rendered":"https:\/\/www.iibora.com\/?p=610"},"modified":"2026-06-02T12:15:41","modified_gmt":"2026-06-02T12:15:41","slug":"%e3%83%9a%e3%83%83%e3%83%88%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97dx%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e3%83%9d%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%aa%e3%82%aa","status":"publish","type":"post","link":"https:\/\/www.iibora.com\/?p=610","title":{"rendered":"\u30da\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7DX\u30b7\u30b9\u30c6\u30e0\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa"},"content":{"rendered":"\n<style>\n\/* \u30ea\u30bb\u30c3\u30c8\uff06\u30d9\u30fc\u30b9\u8a2d\u5b9a *\/\n.portfolio-wrapper {\n  font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n  color: #334155;\n  background-color: #f8fafc;\n  padding-bottom: 80px;\n  line-height: 1.8;\n  letter-spacing: 0.03em;\n}\n\n.portfolio-wrapper h1, \n.portfolio-wrapper h2, \n.portfolio-wrapper h3, \n.portfolio-wrapper h4 {\n  margin-top: 0;\n  color: #1e293b;\n}\n\n.pf-container {\n  max-width: 850px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n\/* --- \u56fa\u5b9a\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc --- *\/\n.pf-nav {\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n  background: rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border-bottom: 1px solid rgba(226, 232, 240, 0.8);\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n  padding: 15px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.pf-nav-profile h2 {\n  font-size: 1.1rem;\n  margin: 0;\n  color: #1e293b;\n  font-weight: 700;\n}\n\n.pf-nav-profile p {\n  margin: 2px 0 0;\n  font-size: 0.8rem;\n  color: #64748b;\n}\n\n.pf-nav-role {\n  background: linear-gradient(135deg, #a78bfa 0%, #818cf8 100%);\n  color: white;\n  padding: 6px 16px;\n  border-radius: 20px;\n  font-size: 0.85rem;\n  font-weight: bold;\n  box-shadow: 0 2px 4px rgba(139, 92, 246, 0.3);\n}\n\n\/* \u30d1\u30b9\u30c6\u30eb\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u30fb\u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3\uff08\u7e26\u5e45\u3092\u8abf\u6574\uff09 *\/\n.pf-hero {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f3e8ff 100%);\n  padding: 50px 20px 40px; \/* \u3053\u3053\u3092\u524a\u3063\u3066\u7e26\u5e45\u3092\u77ed\u304f\u3057\u305f *\/\n  text-align: center;\n  border-bottom-left-radius: 30px;\n  border-bottom-right-radius: 30px;\n  margin-bottom: 50px;\n  box-shadow: 0 10px 20px -5px rgba(0,0,0,0.03);\n}\n\n.pf-hero h1 {\n  font-size: 2.6rem;\n  font-weight: 900;\n  margin-bottom: 15px;\n  color: #0f172a;\n  text-shadow: 0 2px 4px rgba(255,255,255,0.5);\n}\n\n.pf-hero p {\n  color: #475569;\n  font-size: 1.1rem;\n  font-weight: 500;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb *\/\n.pf-section {\n  margin-top: 50px;\n}\n\n.pf-section-title {\n  font-size: 1.6rem;\n  text-align: center;\n  position: relative;\n  padding-bottom: 20px;\n  margin-bottom: 30px;\n}\n\n.pf-section-title::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 50px;\n  height: 4px;\n  background: #c4b5fd;\n  border-radius: 2px;\n}\n\n\/* \u767d\u6d6e\u304d\u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3 *\/\n.pf-content-card {\n  background: #ffffff;\n  padding: 40px;\n  border-radius: 20px;\n  box-shadow: 0 10px 30px -5px rgba(0,0,0,0.04);\n  margin-bottom: 25px;\n  border: 1px solid #f1f5f9;\n}\n\n.pf-content-card h3 {\n  font-size: 1.3rem;\n  color: #6366f1;\n  margin-bottom: 15px;\n  display: flex;\n  align-items: center;\n}\n\n\/* \u753b\u50cf\u30fb\u52d5\u753b\u30e9\u30c3\u30d1\u30fc *\/\n.pf-media-wrapper {\n  margin: 30px 0;\n  text-align: center;\n}\n\n.pf-media-wrapper img,\n.pf-media-wrapper video,\n.pf-media-wrapper iframe {\n  max-width: 100%;\n  height: auto;\n  border-radius: 16px;\n  box-shadow: 0 10px 20px -5px rgba(0,0,0,0.08);\n  border: 1px solid #f1f5f9;\n}\n\n.pf-media-caption {\n  font-size: 0.9rem;\n  color: #64748b;\n  margin-top: 10px;\n}\n<\/style>\n\n<div class=\"portfolio-wrapper\">\n  \n  <nav class=\"pf-nav\">\n    <div class=\"pf-nav-profile\">\n      <h2>\u677e\u6d6a \u4f73\u6689 <span>(Yoshiki Matsunami)<\/span><\/h2>\n      <p>\u8fd1\u757f\u5927\u5b66 \u7523\u696d\u7406\u5de5\u5b66\u90e8 \u60c5\u5831\u5b66\u79d1<\/p>\n    <\/div>\n    <div class=\"pf-nav-role\">\n      Backend Engineer\n    <\/div>\n  <\/nav>\n\n  <header class=\"pf-hero\">\n    <div class=\"pf-container\">\n      <h1>PetShop DX Project<\/h1>\n      <p>\u4e2d\u5c0f\u898f\u6a21\u30da\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u5546\u8ac7\u4e88\u7d04\u30d7\u30ed\u30bb\u30b9\u3092<br>\u30c7\u30b8\u30bf\u30eb\u5909\u9769\u3059\u308b\u4e00\u5143\u7ba1\u7406\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/p>\n    <\/div>\n  <\/header>\n\n  <main class=\"pf-container\">\n    \n    <section class=\"pf-section\">\n      <h2 class=\"pf-section-title\">\u30c7\u30e2\u30f3\u30b9\u30c8\u30ec\u30fc\u30b7\u30e7\u30f3<\/h2>\n      <div class=\"pf-media-wrapper\">\n        <video src=\"http:\/\/www.iibora.com\/wp-content\/uploads\/2026\/06\/Petbook-Google-Chrome-2026-01-20-23-26-07.mp4\" controls autoplay muted loop playsinline style=\"width: 100%; max-width: 800px;\"><\/video>\n        <p class=\"pf-media-caption\">PetConnect \u5b9f\u969b\u306e\u52d5\u4f5c\u30c7\u30e2<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"pf-section\">\n      <h2 class=\"pf-section-title\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u6982\u8981<\/h2>\n      <div class=\"pf-content-card\">\n        <h3>\u30d3\u30b8\u30cd\u30b9\u8ab2\u984c\u3068\u5168\u4f53\u69cb\u60f3<\/h3>\n        <p>\u4e2d\u5c0f\u898f\u6a21\u306e\u30da\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u306f\u3001\u96fb\u8a71\u3084SNS\u3067\u306e\u4e88\u7d04\u7ba1\u7406\u304c\u7169\u96d1\u5316\u3057\u3001\u55b6\u696d\u6642\u9593\u5916\u306e\u6a5f\u4f1a\u640d\u5931\u3084\u5728\u5eab\u7ba1\u7406\u306e\u30a2\u30ca\u30ed\u30b0\u5bfe\u5fdc\u306b\u3088\u308b\u30df\u30b9\u304c\u5e38\u614b\u5316\u3057\u3066\u3044\u308b\u3002\u672c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u3001\u751f\u4f53\u7d39\u4ecb\u304b\u3089\u5546\u8ac7\u4e88\u7d04\u307e\u3067\u309224\u6642\u9593365\u65e5\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u4e00\u5143\u7ba1\u7406\u3067\u304d\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u958b\u767a\u3057\u305f\u3002<\/p>\n        \n        <div class=\"pf-media-wrapper\">\n          <img decoding=\"async\" src=\"http:\/\/www.iibora.com\/wp-content\/uploads\/2026\/06\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2026-06-02-210849.png\" alt=\"\u30b7\u30b9\u30c6\u30e0\u5168\u4f53\u69cb\u60f3\u56f3\">\n          <p class=\"pf-media-caption\">PetSearch\u306b\u3088\u308b\u5e97\u8217\u3068\u6d88\u8cbb\u8005\u306e\u30de\u30c3\u30c1\u30f3\u30b0\u69cb\u9020<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"pf-section\">\n      <h2 class=\"pf-section-title\">UI\/UX\u3068\u30b7\u30b9\u30c6\u30e0\u8a2d\u8a08<\/h2>\n      <div class=\"pf-content-card\">\n        <h3>\u76f4\u611f\u7684\u306a\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/h3>\n        <p>\u4e00\u822c\u6d88\u8cbb\u8005\u304c\u8ff7\u308f\u305a\u76ee\u7684\u306e\u751f\u4f53\u306b\u305f\u3069\u308a\u7740\u304d\u3001\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u9762\u4f1a\u4e88\u7d04\u307e\u3067\u5b8c\u7d50\u3067\u304d\u308bUI\u3092\u8a2d\u8a08\u3002\u7279\u306b\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3067\u306f\u60c5\u5831\u306e\u8996\u8a8d\u6027\u3092\u9ad8\u3081\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u64cd\u4f5c\u611f\u3092\u5b9f\u73fe\u3057\u305f\u3002<\/p>\n        \n        <div class=\"pf-media-wrapper\">\n          <img decoding=\"async\" src=\"http:\/\/www.iibora.com\/wp-content\/uploads\/2026\/06\/\u753b\u50cf1.png\" alt=\"PetConnect \u30c8\u30c3\u30d7\u30da\u30fc\u30b8UI\">\n          <p class=\"pf-media-caption\">\u9867\u5ba2\u5411\u3051\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u753b\u9762<\/p>\n        <\/div>\n\n        <h3 style=\"margin-top: 40px;\">\u30da\u30fc\u30b8\u9077\u79fb\u30d5\u30ed\u30fc<\/h3>\n        <p>\u7ba1\u7406\u8005\uff08\u5e97\u8217\u5074\uff09\u3068\u30e6\u30fc\u30b6\u30fc\uff08\u9867\u5ba2\u5074\uff09\u306e\u6a29\u9650\u306b\u5fdc\u3058\u305f\u753b\u9762\u9077\u79fb\u3092\u6574\u7406\u3057\u3001\u6a5f\u80fd\u8981\u4ef6\u3092\u6f0f\u308c\u306a\u304f\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306e\u8a2d\u8a08\u56f3\u3092\u4f5c\u6210\u3002<\/p>\n\n        <div class=\"pf-media-wrapper\">\n          <img decoding=\"async\" src=\"http:\/\/www.iibora.com\/wp-content\/uploads\/2026\/06\/\u753b\u50cf2.png\" alt=\"\u30da\u30fc\u30b8\u9077\u79fb\u56f3\">\n          <p class=\"pf-media-caption\">\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u306e\u30da\u30fc\u30b8\u9077\u79fb\u56f3<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u677e\u6d6a \u4f73\u6689 (Yoshiki Matsunami) \u8fd1\u757f\u5927\u5b66 \u7523\u696d\u7406\u5de5\u5b66\u90e8 \u60c5\u5831\u5b66\u79d1 Backend Engineer PetShop DX Project \u4e2d\u5c0f\u898f\u6a21\u30da\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u5546\u8ac7\u4e88\u7d04\u30d7\u30ed\u30bb\u30b9\u3092\u30c7\u30b8\u30bf\u30eb\u5909\u9769\u3059\u308b\u4e00\u5143 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-610","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.iibora.com\/index.php?rest_route=\/wp\/v2\/posts\/610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iibora.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iibora.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iibora.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iibora.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=610"}],"version-history":[{"count":7,"href":"https:\/\/www.iibora.com\/index.php?rest_route=\/wp\/v2\/posts\/610\/revisions"}],"predecessor-version":[{"id":621,"href":"https:\/\/www.iibora.com\/index.php?rest_route=\/wp\/v2\/posts\/610\/revisions\/621"}],"wp:attachment":[{"href":"https:\/\/www.iibora.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iibora.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iibora.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}