{"id":897,"date":"2026-07-24T14:35:27","date_gmt":"2026-07-24T05:35:27","guid":{"rendered":"https:\/\/keigosasa.com\/?page_id=897"},"modified":"2026-07-24T14:43:05","modified_gmt":"2026-07-24T05:43:05","slug":"%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88","status":"publish","type":"page","link":"https:\/\/keigosasa.com\/?page_id=897","title":{"rendered":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.project-card,\n.project-card:hover,\n.project-card:focus,\n.project-card * {\n    text-decoration: none !important;\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n\n<!-- \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4e00\u89a7\u30bb\u30af\u30b7\u30e7\u30f3 -->\n<section class=\"section\">\n    <div class=\"container\">\n        <h2 class=\"section-title\">PROJECTS<\/h2>\n        <div class=\"projects-grid\">\n            \n<!-- \u3089\u304f\u7a0e -->\n<a href=\"https:\/\/www.rakuzei.net\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"project-card\">\n                <div class=\"project-header\">\n                    <div class=\"project-icon\">\n                        <i class=\"fas fa-file-invoice-dollar\"><\/i>\n                    <\/div>\n                <\/div>\n                <h3 class=\"project-title\"><b>\u3089\u304f\u7a0e<\/b><\/h3>                            <p class=\"project-description\">\n                    \u7a0e\u91d1\u3084\u304a\u91d1\u3092\u5b66\u3076\u3060\u3051\u3067\u306a\u304f\u3001\u884c\u52d5\u3067\u304d\u308b\u74b0\u5883\u3092\u63d0\u4f9b\u3059\u308b\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3067\u3059\u3002<br>\u7a0e\u91d1\u30fb\u78ba\u5b9a\u7533\u544a\u30fb\u304a\u91d1\u306e\u77e5\u8b58\u3092\u5b9f\u8df5\u306b\u3064\u306a\u3052\u3001\u6311\u6226\u3067\u304d\u308b\u4ef2\u9593\u3084\u30b5\u30dd\u30fc\u30c8\u3092\u901a\u3058\u3066\u884c\u52d5\u7fd2\u6163\u3092\u8eab\u306b\u3064\u3051\u308b\u3053\u3068\u3092\u76ee\u7684\u3068\u3057\u3066\u3044\u307e\u3059\u3002\n                <\/p>\n                <div class=\"project-link\">\n                    <span>\u516c\u5f0f\u30b5\u30a4\u30c8\u3092\u898b\u308b<\/span> <i class=\"fas fa-arrow-right\"><\/i>\n                <\/div>\n            <\/a>\n\n<!-- \u7a0e\u80b2\u5354\u8b70\u4f1a -->\n<a href=\"https:\/\/www.zeiiku.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"project-card\">\n                <div class=\"project-header\">\n                    <div class=\"project-icon\">\n                        <i class=\"fas fa-graduation-cap\"><\/i>\n                    <\/div>\n                <\/div>\n                <h3 class=\"project-title\"><b>\u7a0e\u80b2\u5354\u8b70\u4f1a<\/b>\n<\/h3>\n                <p class=\"project-description\">\n                    \u300c\u65e5\u672c\u7a0e\u80b2\u5354\u8b70\u4f1a\u300d\u306f\u3001\u7a0e\u7406\u58eb\u3068\u7d4c\u55b6\u8005\u304c\u5b66\u3073\u3001\u5b9f\u8df5\u3057\u3001\u3068\u3082\u306b\u6210\u9577\u3059\u308b\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3067\u3059\u3002<br>\u7a0e\u3084\u7d4c\u55b6\u306e\u77e5\u8b58\u3092\u793e\u4f1a\u3084\u4e8b\u696d\u306e\u767a\u5c55\u306b\u3064\u306a\u3052\u3001\u5fd7\u3092\u540c\u3058\u304f\u3059\u308b\u4ef2\u9593\u3068\u306e\u4ea4\u6d41\u3084\u5b9f\u8df5\u3092\u901a\u3058\u3066\u3001\u65b0\u305f\u306a\u4fa1\u5024\u3092\u5275\u9020\u3057\u307e\u3059\u3002\n                <\/p>\n                <div class=\"project-link\">\n                    <span>\u516c\u5f0f\u30b5\u30a4\u30c8\u3092\u898b\u308b<\/span> <i class=\"fas fa-arrow-right\"><\/i>\n                <\/div>\n            <\/a>\n\n<!-- \u3089\u304f\u52d5 -->\n<a href=\"https:\/\/rakudou.vercel.app\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"project-card\">\n                <div class=\"project-header\">\n                    <div class=\"project-icon\">\n                        <i class=\"fas fa-play-circle\"><\/i>\n                    <\/div>\n                <\/div>\n                <h3 class=\"project-title\"><b>\u3089\u304f\u52d5<\/b><\/h3>\n                <p class=\"project-description\">\n                    \u58eb\u696d\u7279\u5316\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\u5236\u4f5c\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<br>\u4f01\u753b\u30fb\u53f0\u672c\u4f5c\u6210\u30fb\u7de8\u96c6\u307e\u3067\u4e00\u8cab\u3057\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u5c02\u9580\u77e5\u8b58\u3084\u30b5\u30fc\u30d3\u30b9\u306e\u9b45\u529b\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u767a\u4fe1\u3002SNS\u3092\u6d3b\u7528\u3057\u305f\u8a8d\u77e5\u62e1\u5927\u30fb\u96c6\u5ba2\u30fb\u63a1\u7528\u306b\u3064\u306a\u304c\u308b\u52d5\u753b\u3065\u304f\u308a\u3092\u652f\u63f4\u3057\u307e\u3059\u3002\n                <\/p>\n                <div class=\"project-link\">\n                    <span>\u516c\u5f0f\u30b5\u30a4\u30c8\u3092\u898b\u308b<\/span> <i class=\"fas fa-arrow-right\"><\/i>\n                <\/div>\n            <\/a>\n\n<!-- \u3089\u304f\u672c -->\n<a href=\"https:\/\/raku-book.vercel.app\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"project-card\">\n                <div class=\"project-header\">\n                    <div class=\"project-icon\">\n                        <i class=\"fas fa-book-open\"><\/i>\n                    <\/div>\n                <\/div>\n                <h3 class=\"project-title\"><b>\u3089\u304f\u672c<\/b><\/h3>\n                <p class=\"project-description\">\n                    \u51fa\u7248\u3092\u901a\u3058\u3066\u8a8d\u77e5\u62e1\u5927\u30fb\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30fb\u96c6\u5ba2\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306e\u51fa\u7248\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<br>\u5546\u696d\u51fa\u7248\u30fb\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u51fa\u7248\u306e\u3069\u3061\u3089\u306b\u3082\u5bfe\u5fdc\u3057\u3001\u4f01\u753b\u304b\u3089\u51fa\u7248\u5f8c\u306e\u8ca9\u4fc3\u307e\u3067\u4e00\u8cab\u3057\u3066\u652f\u63f4\u3057\u307e\u3059\u3002\n                <\/p>\n                <div class=\"project-link\">\n                    <span>\u516c\u5f0f\u30b5\u30a4\u30c8\u3092\u898b\u308b<\/span> <i class=\"fas fa-arrow-right\"><\/i>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* =====================================================\n   \u57fa\u672c\u30fb\u30b3\u30f3\u30c6\u30ca\u8a2d\u5b9a\n   ===================================================== *\/\n.container {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 20px;\n    font-family: 'Noto Sans JP', sans-serif;\n}\n\n.section {\n    padding: 60px 0;\n    background: #fff;\n}\n\n.section-title {\n    font-size: 2.2rem;\n    font-weight: 900;\n    text-align: center;\n    margin-bottom: 50px;\n    letter-spacing: 0.05em;\n    position: relative;\n    padding-bottom: 15px;\n    color: #000;\n}\n\n.section-title::after {\n    content: '';\n    display: block;\n    width: 50px;\n    height: 3px;\n    background: #000;\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n}\n\n\/* =====================================================\n   \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30bb\u30af\u30b7\u30e7\u30f3CSS\n   ===================================================== *\/\n.projects-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n}\n\n.project-card {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 35px 30px;\n    border: 2px solid #e0e0e0;\n    background: #fff;\n    text-decoration: none;\n    color: #333;\n    transition: all 0.3s ease;\n    position: relative;\n    border-radius: 4px;\n}\n\n.project-card:hover {\n    border-color: #000;\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.project-header {\n    margin-bottom: 20px;\n}\n\n\/* \u56db\u89d2\u30a2\u30a4\u30b3\u30f3\u8868\u793a\u90e8\u5206 *\/\n.project-icon {\n    width: 50px;\n    height: 50px;\n    background: #000;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    font-size: 1.5rem;\n}\n\n.project-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #000;\n    margin-bottom: 12px;\n}\n\n.project-description {\n    font-size: 0.92rem;\n    line-height: 1.7;\n    color: #555;\n    margin-bottom: 25px;\n    flex-grow: 1;\n}\n\n.project-link {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 700;\n    font-size: 0.9rem;\n    color: #000;\n    transition: gap 0.3s ease;\n}\n\n.project-card:hover .project-link {\n    gap: 12px;\n}\n\n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u8abf\u6574 *\/\n@media (max-width: 768px) {\n    .projects-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>PROJECTS \u3089\u304f\u7a0e \u7a0e\u91d1\u3084\u304a\u91d1\u3092\u5b66\u3076\u3060\u3051\u3067\u306a\u304f\u3001\u884c\u52d5\u3067\u304d\u308b\u74b0\u5883\u3092\u63d0\u4f9b\u3059\u308b\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3067\u3059\u3002\u7a0e\u91d1\u30fb\u78ba\u5b9a\u7533\u544a\u30fb\u304a\u91d1\u306e\u77e5\u8b58\u3092\u5b9f\u8df5\u306b\u3064\u306a\u3052\u3001\u6311\u6226\u3067\u304d\u308b\u4ef2\u9593\u3084\u30b5\u30dd\u30fc\u30c8\u3092\u901a\u3058\u3066\u884c\u52d5\u7fd2\u6163\u3092\u8eab\u306b\u3064\u3051\u308b\u3053\u3068\u3092\u76ee\u7684\u3068\u3057\u3066\u3044\u307e [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-897","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/keigosasa.com\/index.php?rest_route=\/wp\/v2\/pages\/897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keigosasa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keigosasa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keigosasa.com\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/keigosasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=897"}],"version-history":[{"count":14,"href":"https:\/\/keigosasa.com\/index.php?rest_route=\/wp\/v2\/pages\/897\/revisions"}],"predecessor-version":[{"id":912,"href":"https:\/\/keigosasa.com\/index.php?rest_route=\/wp\/v2\/pages\/897\/revisions\/912"}],"wp:attachment":[{"href":"https:\/\/keigosasa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}