{
    "type": "blog",
    "page_title": "\u30b0\u30c3\u30c9\u30d1\u30c3\u30c1\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u9078\u3076\u3001\u63a8\u3057\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e010\u9078",
    "description": "\u751f\u307e\u308c\u5909\u308f\u3063\u305f\u3089\u300c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300d\u306b\u306a\u308a\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u308b\u304f\u3089\u3044\u3001\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u304c\u597d\u304d\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u4e57\u7530\u3067\u3059\u3002\u4eca\u56de\u306f\u3001\u50d5\u304c\u666e\u6bb5\u304b\u3089\u63a8\u3057\u3066\u3044\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u309210\u7a2e\u985e\u96c6\u3081\u305f\u306e\u3067\u7d39\u4ecb\u3057\u307e\u3059\uff01\u9ad8\u54c1\u8cea\u306a\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u63a2\u3057\u3066\u3044\u308b\u65b9\u306e\u307f\u306a...",
    "contents": {
        "title": "\u30b0\u30c3\u30c9\u30d1\u30c3\u30c1\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u9078\u3076\u3001\u63a8\u3057\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e010\u9078",
        "date": "2021-07-21 10:00:27",
        "updated_date": "2026-03-02 00:33:17",
        "category": {
            "name": "\u7279\u96c6",
            "color": "#e2457a",
            "href": "\/blog\/category\/feature\/"
        },
        "tag": [
            "\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0",
            "\u958b\u767a",
            "UI\u30c7\u30b6\u30a4\u30f3"
        ],
        "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/image5.png?fit=1999%2C1062&ssl=1",
        "contents": "<p>\u751f\u307e\u308c\u5909\u308f\u3063\u305f\u3089\u300c<a href=\"https:\/\/goodpatch.com\/blog\/design-system\">\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0<\/a>\u300d\u306b\u306a\u308a\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u308b\u304f\u3089\u3044\u3001\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u304c\u597d\u304d\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u4e57\u7530\u3067\u3059\u3002<\/p>\n<p>\u4eca\u56de\u306f\u3001\u50d5\u304c\u666e\u6bb5\u304b\u3089\u63a8\u3057\u3066\u3044\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u309210\u7a2e\u985e\u96c6\u3081\u305f\u306e\u3067\u7d39\u4ecb\u3057\u307e\u3059\uff01<\/p>\n<p>\u9ad8\u54c1\u8cea\u306a\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u63a2\u3057\u3066\u3044\u308b\u65b9\u306e\u307f\u306a\u3089\u305a\u3001\u30c7\u30b6\u30a4\u30f3\u539f\u5247\u3092\u69cb\u7bc9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u65b9\u3084\u3001\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u3092\u307e\u3068\u3081\u308b\u5fc5\u8981\u304c\u3042\u308b\u65b9\u306a\u3069\u306e\u53c2\u8003\u306b\u306a\u308c\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n<p><a href=\"https:\/\/design-partnership.goodpatch.com\/events\/20240514?utm_source=gpblog&amp;utm_medium=blog&amp;utm_campaign=20240514&amp;utm_content=i-love-design-systems\"><img data-recalc-dims=\"1\" decoding=\"async\" style=\"max-width: 100%; height: auto;\" src=\"https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2025\/03\/1200x675_v-frms_webp_7a8dd359-db8f-4c31-a004-6c60fbc05d77.png?ssl=1\" alt=\"\u304a\u60a9\u307f\u306b\u305d\u306e\u5834\u3067\u56de\u7b54 \u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u304c\u7d44\u7e54\u306b\u3082\u305f\u3089\u3059\u52b9\u679c\" \/><\/div>\n<div style=\"text-align: center; margin-top: 1.5rem;\"><a style=\"display: inline-block; background-color: #096fca; color: #fff; text-decoration: none; padding: .8rem 1.5rem; border-radius: 4px; font-weight: bold; transition: background-color .3s;\" href=\"https:\/\/design-partnership.goodpatch.com\/events\/20240514?utm_source=gpblog&amp;utm_medium=blog&amp;utm_campaign=20240514&amp;utm_content=i-love-design-systems\">\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u30a2\u30fc\u30ab\u30a4\u30d6\u52d5\u753b\u3092\u898b\u308b<\/a><\/div>\n<\/div>\n<div id=\"toc_container\" class=\"toc_white no_bullets\"><p class=\"toc_title\">\u76ee\u6b21<\/p><ul class=\"toc_list\"><li><a href=\"#i\">\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306f<\/a><\/li><li><a href=\"#1_Primer_GitHub\">1. Primer (GitHub)<\/a><\/li><li><a href=\"#2_Polaris_Shopify\">2. Polaris (Shopify)<\/a><\/li><li><a href=\"#3_Audi_CI\">3. Audi CI<\/a><\/li><li><a href=\"#4_Atlassian_Design_System\">4. Atlassian Design System<\/a><\/li><li><a href=\"#5_Ant_Design\">5. Ant Design<\/a><\/li><li><a href=\"#6_Inhouse_Pepabo\">6. Inhouse (Pepabo)<\/a><\/li><li><a href=\"#7_Pajamas_GitLab\">7. Pajamas (GitLab)<\/a><\/li><li><a href=\"#8_Brand_Estonia\">8. Brand Estonia<\/a><\/li><li><a href=\"#9_Spectrum_Adobe\">9. Spectrum (Adobe)<\/a><\/li><li><a href=\"#10_Carbon_IBM\">10. Carbon (IBM)<\/a><\/li><li><a href=\"#i-2\">\u304a\u308f\u308a\u306b<\/a><\/li><\/ul><\/div>\n<h2><span id=\"i\"><span id=\"i\">\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306f<\/span><\/span><\/h2>\n<p>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306f\u3001\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3084\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u306a\u3069\u306b\u304a\u3051\u308b\u30c7\u30b6\u30a4\u30f3\u306e\u539f\u5247\u3084\u6307\u91dd\u3068\u3001\u305d\u308c\u3089\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306e\u4ed5\u7d44\u307f\u306e\u96c6\u5408\u4f53\u3067\u3059\u3002\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u30e1\u30ea\u30c3\u30c8\u306f\u3001\u4f4e\u30b3\u30b9\u30c8\u3067\u9ad8\u901f\u306b\u4e00\u8cab\u6027\u306e\u3042\u308b\u30c7\u30b6\u30a4\u30f3\u3092\u5b9f\u73fe\u3057\u3084\u3059\u304f\u306a\u308b\u3068\u3044\u3046\u70b9\u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u4e00\u822c\u7684\u306b\u30c7\u30b6\u30a4\u30f3\u539f\u5247\u306b\u306f\u3001\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u30fb\u30ab\u30e9\u30fc\u30b7\u30b9\u30c6\u30e0\u3084\u30dc\u30a4\u30b9&amp;\u30c8\u30fc\u30f3\u306a\u3069\u304c\u542b\u307e\u308c\u3001\u4ed5\u7d44\u307f\u306b\u306f\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306eUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3084\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u306a\u3069\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/p>\n<p>\u3057\u304b\u3057\u3001\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306b\u304a\u3051\u308b\u5fc5\u9808\u8981\u7d20\u306e\u5b9a\u7fa9\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u305d\u308c\u6545\u306b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u5404\u7d44\u7e54\u306b\u3068\u3063\u3066\u5fc5\u8981\u306a\u30c7\u30b6\u30a4\u30f3\u539f\u5247\u3084\u30c7\u30b6\u30a4\u30f3\u30a2\u30bb\u30c3\u30c8\u304c\u96c6\u5408\u3057\u305f\u7269\u3068\u8a00\u3044\u63db\u3048\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u3067\u3057\u3087\u3046\u3002\u8a73\u3057\u304f\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b\u3082\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\n\n<div class=\"Embedded\"><a href=\"\/blog\/design-system\">\n<div class=\"Embedded-image\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2024\/10\/eyecatch_designsystem.png?fit=400%2C400&#038;ssl=1\" alt=\"\"><\/div>\n<div class=\"Embedded-text\">\n<div class=\"Embedded-heading\">\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306f\uff1f\u4f5c\u308a\u65b9\u30925\u30b9\u30c6\u30c3\u30d7\u3067\u89e3\u8aac\uff01\u4e8b\u4f8b\u3084\u5c0e\u5165\u30e1\u30ea\u30c3\u30c8\u3082\uff1cFigma\u516c\u958b\u4e2d\uff1e<\/div>\n<div class=\"Embedded-excerpt\">\u3053\u306e\u8a18\u4e8b\u3092\u8aad\u3080\u3068\u7406\u89e3\u3067\u304d\u308b\u3053\u3068 \u30fb\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306f\u00a0\u304c\u308f\u304b\u308b \u30fb\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u652f\u3048\u308b3\u3064\u306e\u69cb\u6210\u8981\u7d20\u00a0\u304c\u308f\u304b\u308b \u30fb &hellip;<\/div>\n<\/div>\n<\/a><\/div>\n\n<p>\u53e4\u3044\u7269\u3067\u3059\u3068\u30011975\u5e74\u306b\u767a\u884c\u3055\u308c\u305fNASA\u306e\u30d6\u30e9\u30f3\u30c9\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\uff081975 NASA Graphics Standards Manual\uff09\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4eca\u65e5\u3067\u306f\u4e00\u822c\u7684\u306a\u6982\u5ff5\u3068\u3057\u3066\u666e\u53ca\u3057\u3001\u3055\u307e\u3056\u307e\u306a\u30c7\u30b6\u30a4\u30f3\u306e\u73fe\u5834\u3067\u53d6\u308a\u5165\u308c\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u4eca\u56de\u7d39\u4ecb\u3059\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u4ee5\u4e0b\u306e\u89b3\u70b9\u3092\u8e0f\u307e\u3048\u306a\u304c\u3089\u9078\u51fa\u3057\u305f\u3082\u306e\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<ol>\n<li>UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u305d\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u8c4a\u5bcc\u3067\u3042\u308b\u3053\u3068<\/li>\n<li>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3060\u3051\u3067\u306f\u306a\u304f\u3001\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30fb\u6587\u7ae0\u30fb\u30a4\u30e9\u30b9\u30c8\u30fb\u5199\u771f\u306a\u3069\u306b\u95a2\u3059\u308b\u539f\u5247\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u3053\u3068<\/li>\n<li>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u69cb\u7bc9\u3059\u308b\u76ee\u7684\u304a\u3088\u3073\u3001\u4e00\u3064\u3072\u3068\u3064\u306e\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u3092\u5236\u5b9a\u3059\u308b\u76ee\u7684\u304c\u660e\u78ba\u3067\u3042\u308b\u3053\u3068<\/li>\n<li>\u7d44\u7e54\u30fb\u30c1\u30fc\u30e0\u30fb\u30d7\u30ed\u30c0\u30af\u30c8\u306e\u6210\u9577\u3068\u5171\u306b\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u304c\u884c\u308f\u308c\u3066\u3044\u308b\u3053\u3068<\/li>\n<\/ol>\n<h2><span id=\"1_Primer_GitHub\"><span id=\"1_Primer_GitHub\">1. Primer (GitHub)<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48715\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/primer.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/primer.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/primer.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/primer.style\/\" target=\"_blank\" rel=\"noopener\">https:\/\/primer.style\/<\/a><br \/>\n<a href=\"https:\/\/www.figma.com\/@primer\" target=\"_blank\" rel=\"noopener\">https:\/\/www.figma.com\/@primer<\/a><\/p>\n<p>\u30c8\u30c3\u30d7\u30d0\u30c3\u30bf\u30fc\u306f\u6211\u3089\u304cGitHub\u8b39\u88fd\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300cPrimer\u300d\u3067\u3059\u3002 \u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u7528\u3068Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u304c\u305d\u308c\u305e\u308c\u5206\u5c90\u3057\u3066\u3044\u308b\u69cb\u6210\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>iOS\u5411\u3051\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u306f\u3001\u72ec\u81ea\u306e\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u3092\u8a2d\u3051\u305a\u300c<em>iOS\u30fbiPadOS\u5411\u3051\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306fHIG\u306b\u6e96\u62e0\u3057\u3066\u4f5c\u3063\u3066\u3044\u307e\u3059\u3002\u53c2\u8003\u306b\u3057\u305fApple\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u30bd\u30fc\u30b9\u306f\u30b3\u30c1\u30e9\u3067\u3059\u3002\u3042\u3068\u306fWWDC\u306e\u52d5\u753b\u3092\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\uff01<\/em>\u300d\u3068\u3044\u3046\u69cb\u6210\u306b\u306a\u3063\u3066\u307e\u3059\u3002\u305d\u308c\u3067\u3044\u3044\u3093\u3060\u3088\u306a\u3002<\/p>\n<p>Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5411\u3051\u306e\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u306f\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u7db2\u7f85\u6027\u304c\u9ad8\u3044\u3053\u3068\u3082\u9b45\u529b\u306e\u4e00\u3064\u3067\u3059\u304c\u3001\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u5bfe\u5fdc\u304cWCAG 2.0\u306e\u30ec\u30d9\u30ebAA\u306b\u6e96\u62e0\u3057\u3066\u3044\u308b\u4ed6\u3001\u30c0\u30fc\u30af\u30c6\u30fc\u30de\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u3053\u3068\u3084\u3001\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u304c\u7dba\u9e97\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3082\u7d20\u6674\u3089\u3057\u3044\u70b9\u306e\u4e00\u3064\u3067\u3059\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30c0\u30fc\u30af\u30c6\u30fc\u30de\u306eUI\u3092\u4f5c\u308b\u3053\u3068\u306b\u306a\u3063\u305f\u3068\u304d<\/li>\n<li>\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u306e\u8a2d\u8a08\u3092\u3059\u308b\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"2_Polaris_Shopify\"><span id=\"2_Polaris_Shopify\">2. Polaris (Shopify)<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48714\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/polaris.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/polaris.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/polaris.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/polaris.shopify.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/polaris.shopify.com\/<\/a><br \/>\n<a href=\"https:\/\/www.figma.com\/@shopify\" target=\"_blank\" rel=\"noopener\">https:\/\/www.figma.com\/@shopify<\/a><\/p>\n<p>\u300cPolaris\u300d\u306fShopify\u304c\u69cb\u7bc9\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002Polaris\u306e\u5b58\u5728\u306b\u3088\u3063\u3066\u3001\u6570\u591a\u3082\u306eShopify\u52a0\u76df\u5e97\u304c\u7d20\u6674\u3089\u3057\u3044UI\u306eEC\u30b5\u30a4\u30c8\u3092\u4f5c\u308b\u3053\u3068\u306b\u5bc4\u4e0e\u3057\u3066\u3044\u308b\u3067\u3042\u308d\u3046\u3068\u601d\u3044\u307e\u3059\u3002Shopify\u307b\u3069\u3001\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u6069\u6075\u3092\u53d7\u3051\u3066\u3044\u308b\u4f01\u696d\u306f\u305d\u3046\u305d\u3046\u306a\u3044\u306e\u3067\u306f\uff1f<\/p>\n<p>Polaris\u306f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u95a2\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u304c\u3066\u3044\u306d\u3044\u306b\u8a18\u8ff0\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001UI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u5b9a\u7fa9\u3059\u308b\u969b\u306e\u53c2\u8003\u306b\u3057\u3084\u3059\u3044\u70b9\u304c\u3046\u308c\u3057\u3044\u3067\u3059\u306d\u3002\u307e\u305f\u3001Shopify\u306b\u3088\u308b\u30e6\u30fc\u30b6\u30fc\u3078\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u65b9\u91dd\u3092\u8868\u3057\u305f\u300cVoice and tone\u300d\u3084\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u4e0a\u306e\u8a00\u8449\u306e\u6271\u3044\u65b9\uff08\u201cOK\u201d\u3068\u201caccept\u201d\u3063\u3066\u3069\u3063\u3061\u3092\u4f7f\u3046\u3093\u3060\u3063\u3051\uff1f\u306a\u3069\uff09\u306b\u3064\u3044\u3066\u3001Do\u3068Don\u2019t\u306e\u4e8b\u4f8b\u4ed8\u304d\u3067\u7d39\u4ecb\u3055\u308c\u3066\u3044\u308b\u70b9\u3082\u5206\u304b\u308a\u3084\u3059\u304f\u3066\u7d20\u6575\u3067\u3059\u3002<\/p>\n<p>\u307e\u305f\u3001Polaris\u306f\u30a4\u30f3\u30bf\u30d5\u30a7\u30fc\u30b9\u306e\u8868\u73fe\u65b9\u6cd5\u306e\u307f\u306a\u3089\u305a\u3001Shopify\u306e\u4f53\u9a13\u4fa1\u5024\u3084\u30a4\u30e9\u30b9\u30c8\u30c7\u30b6\u30a4\u30f3\u306e\u65b9\u91dd\u306a\u3069\u306b\u3064\u3044\u3066\u3082\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u304c\u7528\u610f\u3055\u308c\u3066\u304a\u308a\u3001\u300c<strong>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3063\u3066\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30ea\u30b9\u30c8\u306e\u3053\u3068\u3058\u3083\u306a\u3044\u3093\u3060\u3088\uff01<\/strong>\u300d\u3063\u3066\u3053\u3068\u3092\u793a\u3059\u8cc7\u6599\u3068\u3057\u3066\u3082\u512a\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u69cb\u6210\u3092\u53c2\u8003\u306b\u3057\u305f\u3044\u3068\u304d<\/li>\n<li>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u5fc5\u8981\u306a\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u78ba\u8a8d\u3057\u305f\u3044\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"3_Audi_CI\"><span id=\"3_Audi_CI\">3. Audi CI<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48708\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/audi.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/audi.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/audi.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/www.audi.com\/ci\/en\/renewed-brand.html\" target=\"_blank\" rel=\"noopener\">https:\/\/www.audi.com\/ci\/en\/renewed-brand.html<\/a><\/p>\n<p>Audi\u306fCorporate Identity\uff08CI\uff09\u3092\u516c\u958b\u3057\u3066\u3044\u307e\u3059\u3002\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306f\u547d\u540d\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u304c\u3001CI\u306e\u5185\u5bb9\u306f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306b\u3064\u3044\u3066\u3082\u8a00\u53ca\u3055\u308c\u3066\u304a\u308a\u3001\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u3057\u3066\u3082\u6a5f\u80fd\u3059\u308b\u3082\u306e\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>CI\u3068\u3044\u3046\u3060\u3051\u3042\u3063\u3066\u3001\u30ed\u30b4\u30fb\u30d6\u30e9\u30f3\u30c9\u306e\u539f\u5247\u30fb\u5199\u771f\u30fb\u30a4\u30e9\u30b9\u30c8\u30fb\u30ec\u30a4\u30a2\u30a6\u30c8\u69cb\u6210\u306a\u3069\u3001\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u8868\u73fe\u306e\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u304c\u975e\u5e38\u306b\u5145\u5b9f\u3057\u3066\u3044\u307e\u3059\u3002<strong>\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u89b3\u70b9<\/strong>\u3092\u5305\u62ec\u3057\u305f\u30b7\u30b9\u30c6\u30e0\u304c\u3053\u3053\u307e\u3067\u5b8c\u6210\u3055\u308c\u3066\u3044\u308b\u3068\u3044\u3046\u89b3\u70b9\u3067\u3001\u6570\u5c11\u306a\u3044\u4e8b\u4f8b\u3060\u3068\u601d\u3044\u307e\u3059\u3002\u500b\u4eba\u7684\u306b\u306f\u3001Audi\u306eCM\u3067\u304a\u306a\u3058\u307f\u306e\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a6\u30f3\u30c9\u3082CI\u306b\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u308b\u70b9\u306f\u30ef\u30af\u30ef\u30af\u3057\u3066\u30c6\u30f3\u30b7\u30e7\u30f3\u304c\u4e0a\u304c\u308a\u307e\u3057\u305f\u3002<\/p>\n<p>UI\u306b\u3064\u3044\u3066\u3082CI\u5185\u306b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u7528\u6cd5\u3084\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u304c\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u307b\u304b\u3001React\u3068Storybook\u3067\u69cb\u7bc9\u3055\u308c\u305f<a href=\"https:\/\/web.archive.org\/web\/20240714180930\/https:\/\/react.ui.audi\/\" target=\"_blank\" rel=\"noopener\">Audi React Library<\/a>\u3082\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u5b9f\u88c5\u6642\u306e\u53c2\u8003\u8cc7\u6599\u3068\u3057\u3066\u3082\u6a5f\u80fd\u3059\u308b\u306e\u304c\u3046\u308c\u3057\u3044\u3067\u3059\u306d\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306bBX\u89b3\u70b9\u3092\u5145\u5b9f\u3055\u305b\u305f\u3044\u3068\u304d<\/li>\n<li>\u5de5\u696d\u88fd\u54c1\uff08\u7d44\u307f\u8fbc\u307f\u7cfbGUI\uff09\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u4f5c\u308b\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"4_Atlassian_Design_System\"><span id=\"4_Atlassian_Design_System\">4. Atlassian Design System<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48707\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/attlassian.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/attlassian.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/attlassian.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/atlassian.design\/\" target=\"_blank\" rel=\"noopener\">https:\/\/atlassian.design\/<\/a><br \/>\n<a href=\"https:\/\/figma.com\/@atlassian\" target=\"_blank\" rel=\"noopener\">https:\/\/figma.com\/@atlassian<\/a><\/p>\n<p>Jira\u3001Confluence\u3001Bitbucket\u3067\u304a\u306a\u3058\u307f\u306eAtlassian\u3082\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\nAtlassian\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306f\u5185\u5bb9\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u975e\u5e38\u306b\u826f\u304f\u3001\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30c7\u30b6\u30a4\u30f3\u30fb\u30d3\u30b8\u30e5\u30a2\u30eb\u30c7\u30b6\u30a4\u30f3\u30fb\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u30c7\u30b6\u30a4\u30f3\u30fb\u30b3\u30f3\u30c6\u30f3\u30c4\u8a2d\u8a08\u306a\u3069\u3001\u5fc5\u8981\u306a\u8981\u7d20\u304c\u9069\u5207\u306b\u305d\u308d\u3063\u3066\u3044\u308b\u307b\u304b\u3001\u3069\u308c\u3082\u304c\u9ad8\u3044\u30af\u30aa\u30ea\u30c6\u30a3\u3067\u63d0\u4f9b\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u3089\u306a\u3044\u3068\u3044\u3051\u306a\u3044\u3051\u3069\u3001\u3069\u3093\u306a\u8981\u7d20\u304c\u5fc5\u8981\u306a\u3093\u3060\u3063\u3051\uff1f\u3068\u3044\u3063\u305f\u30b7\u30c1\u30e5\u30a8\u30fc\u30b7\u30e7\u30f3\u3067\u5f79\u7acb\u3064\u3053\u3068\u9593\u9055\u3044\u306a\u3057\u3067\u3059\uff01<\/p>\n<p>\u307e\u305f\u3001\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u306f\u6587\u7ae0\u3092\u7f85\u5217\u3059\u308b\u3060\u3051\u3067\u306f\u306a\u304f\u9069\u5207\u306b\u56f3\u8868\u304c\u633f\u5165\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u3068\u3066\u3082\u30a4\u30f3\u30d7\u30c3\u30c8\u3057\u3084\u3059\u3044\u5185\u5bb9\u3068\u306a\u3063\u3066\u3044\u308b\u306e\u3082\u3042\u308a\u304c\u305f\u3044\u3067\u3059\u306d\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u69cb\u6210\u306b\u8ff7\u3063\u3066\u3044\u308b\u3068\u304d<\/li>\n<li>\u8907\u6570\u306e\u30d7\u30ed\u30c0\u30af\u30c8\u3092\u6a2a\u65ad\u3059\u308b\u30c7\u30b6\u30a4\u30f3\u539f\u5247\u3092\u4f5c\u308b\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"5_Ant_Design\"><span id=\"5_Ant_Design\">5. Ant Design<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48706\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/ant-design.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/ant-design.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/ant-design.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/ant.design\/\" target=\"_blank\" rel=\"noopener\">https:\/\/ant.design\/<\/a><br \/>\n<a href=\"https:\/\/www.figma.com\/community\/file\/831698976089873405\" target=\"_blank\" rel=\"noopener\">https:\/\/www.figma.com\/community\/file\/831698976089873405<\/a><\/p>\n<p>\u300cAnt Design\u300d\u306f\u3001\u30a2\u30ea\u30d0\u30d0\u30b0\u30eb\u30fc\u30d7\u306e\u95a2\u9023\u4f1a\u793e\u3067\u3042\u308a\u3001\u6c7a\u6e08\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306eAlipay\u3084MMF\u306e\u4f59\u984d\u5b9d\u3068\u3044\u3063\u305f\u30b5\u30fc\u30d3\u30b9\u3092\u624b\u639b\u3051\u308b\u30a2\u30f3\u30c8\u30b0\u30eb\u30fc\u30d7\u304c\u958b\u767a\u3057\u3066\u3044\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002<\/p>\n<p>Ant Design\u306f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u30c7\u30b6\u30a4\u30f3\u306b\u7279\u5316\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u5185\u5bb9\u306f\u300c\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u300d\u3068\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u300d\u306e2\u3064\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u69cb\u6210\u3055\u308c\u3066\u304a\u308a\u3001\u3044\u305a\u308c\u3082\u9ad8\u3044\u5b8c\u6210\u5ea6\u3092\u8a87\u3063\u3066\u3044\u307e\u3059\u3002 Alibaba\u3001Tencent\u3001Baidu\u306a\u3069\u306e\u540d\u3060\u305f\u308b\u4f01\u696d\u304c\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u88fd\u54c1\u306b\u4f7f\u7528\u3057\u3066\u3044\u308b\u80cc\u666f\u3082\u3042\u308a\u3001\u305d\u306e\u54c1\u8cea\u306f\u6298\u308a\u7d19\u4ed8\u304d\u3068\u8a00\u3048\u307e\u3059\u3002\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u90e1\u306f\u7db2\u7f85\u6027\u304c\u9ad8\u304f\u3001\u4e00\u3064\u3072\u3068\u3064\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3082\u6c4e\u7528\u7684\u306b\u4f7f\u3048\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u8a2d\u8a08\u306b\u643a\u308f\u308b\u30c7\u30b6\u30a4\u30ca\u30fc\u30fb\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u3001\u5fc5\u305a\u76ee\u3092\u901a\u3059\u3079\u304d\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u4e00\u3064\u3068\u8a00\u3063\u3066\u3082\u904e\u8a00\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u5b9f\u88c5\u3092\u3059\u308b\u3068\u304d<\/li>\n<li>\u62bd\u8c61\u5ea6\u306e\u9ad8\u3044\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u308b\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"6_Inhouse_Pepabo\"><span id=\"6_Inhouse_Pepabo\">6. Inhouse (Pepabo)<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48712\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Inhouse.png?resize=1440%2C860&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Inhouse.png?w=1440&amp;ssl=1 1440w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Inhouse.png?resize=768%2C459&amp;ssl=1 768w\" alt=\"\" width=\"1440\" height=\"860\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/design.pepabo.com\/inhouse\/\" target=\"_blank\" rel=\"noopener\">https:\/\/design.pepabo.com\/inhouse\/<\/a><\/p>\n<p>\u300cInhouse\u300d\u306fGMO\u30da\u30d1\u30dc\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002<\/p>\n<p>Inhouse\u306f\u3055\u307e\u3056\u307e\u306a\u30b5\u30fc\u30d3\u30b9\u306b\u5c55\u958b\u3059\u308b\u305f\u3081\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u304c\u3001\u305d\u306e\u7279\u5fb4\u306f\u5404\u30b5\u30fc\u30d3\u30b9\u306e\u30d6\u30e9\u30f3\u30c9\u30a4\u30e1\u30fc\u30b8\u3092\u58ca\u3055\u306a\u3044\u305f\u3081\u306e\u4ed5\u7d44\u307f\u300cFlavor\u300d\u3092\u5099\u3048\u3066\u3044\u308b\u70b9\u3067\u3059\u3002<\/p>\n<p>Flavor\u306f\u4e0a\u66f8\u304d\u53ef\u80fd\u306a\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u306e\u96c6\u5408\u4f53\u3092\u610f\u5473\u3057\u307e\u3059\u3002Inhouse\u3092\u30b5\u30fc\u30d3\u30b9\u3067\u5229\u7528\u3059\u308b\u969b\u306b\u306fFlavor\u306e\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u3092\u4e0a\u66f8\u304d\u3059\u308b\u3053\u3068\u3067\u3001<strong>\u30d6\u30e9\u30f3\u30c9\u30a4\u30e1\u30fc\u30b8\u3092\u4fdd\u3063\u305f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9<\/strong>\u3092\u69cb\u7bc9\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u306b\u3088\u3063\u3066\u62e1\u5f35\u6027\u306e\u9ad8\u3044\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9f\u73fe\u3067\u304d\u308b\u4ed5\u7d44\u307f\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u70b9\u306b\u3068\u3066\u3082\u9b45\u529b\u3092\u611f\u3058\u307e\u3057\u305f\u3002<\/p>\n<p>\u307e\u305f\u3001Inhouse\u306f\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u30d5\u30a1\u30fc\u30b9\u30c8\u3067\u3042\u308b\u3053\u3068\u3092\u91cd\u8996\u3057\u3001\u30d0\u30fc\u30c6\u30a3\u30ab\u30eb\u30ea\u30ba\u30e0\u3092\u7dad\u6301\u3059\u308b\u305f\u3081\u306e\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u8a2d\u8a08\u3084\u4f59\u767d\u8a2d\u8a08\u3092\u884c\u3063\u3066\u3044\u308b\u3053\u3068\u3082\u975e\u5e38\u306b\u8208\u5473\u6df1\u3044\u70b9\u3067\u3059\u3002<\/p>\n<p>Web\u30c7\u30b6\u30a4\u30f3\u306e\u539f\u7406\u539f\u5247\u306b\u5bfe\u3057\u3066\u975e\u5e38\u306b\u8aa0\u5b9f\u306b\u69cb\u7bc9\u3055\u308c\u3066\u304a\u308a\u3001\u3068\u3066\u3082\u597d\u611f\u304c\u6301\u3066\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u4e00\u3064\u3067\u3059\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u3092\u6d3b\u7528\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u308b\u3068\u304d<\/li>\n<li>\u8907\u6570\u306e\u30d7\u30ed\u30c0\u30af\u30c8\u3092\u6a2a\u65ad\u3059\u308b\u30c7\u30b6\u30a4\u30f3\u539f\u5247\u3092\u4f5c\u308b\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"7_Pajamas_GitLab\"><span id=\"7_Pajamas_GitLab\">7. Pajamas (GitLab)<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48713\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/pajamas.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/pajamas.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/pajamas.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/design.gitlab.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/design.gitlab.com\/<\/a><br \/>\n<a href=\"https:\/\/www.figma.com\/@GitLab\" target=\"_blank\" rel=\"noopener\">https:\/\/www.figma.com\/@GitLab<\/a><\/p>\n<p>\u300cPajamas\u300d\u306fGit\u306e\u30ea\u30dd\u30b8\u30c8\u30ea\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9\u3067\u3042\u308bGitLab\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002Pajamas\u3082\u4f8b\u306b\u6f0f\u308c\u305a\u3001\u4f53\u9a13\u8a2d\u8a08\u30fb\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u30c7\u30b6\u30a4\u30f3\u6307\u91dd\u30fb\u5b9f\u88c5\u6210\u679c\u7269\u307e\u3067\u304c\u4e00\u8cab\u3057\u3066\u7db2\u7f85\u3055\u308c\u3066\u3044\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002<\/p>\n<p>\u305d\u306e\u4e2d\u3067\u3082\u7279\u306b\u8208\u5473\u6df1\u3044\u306e\u306f\u300cObjects\u300d\u3068\u3044\u3046\u30bb\u30af\u30b7\u30e7\u30f3\u306b\u3066\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u95a2\u4fc2\u3092\u56f3\u793a\u3057\u305f\u300c<strong>\u6982\u5ff5\u30e2\u30c7\u30eb<\/strong>\u300d\u304c\u63b2\u8f09\u3055\u308c\u3066\u3044\u308b\u70b9\u3067\u3059\u3002\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u4e2d\u3067\u6982\u5ff5\u30e2\u30c7\u30eb\u304c\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u4f8b\u306f\u975e\u5e38\u306b\u7a00\u3067\u3059\u3002<\/p>\n<p>\u6982\u5ff5\u30e2\u30c7\u30eb\u3092\u6d3b\u7528\u3057\u305f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u6574\u7406\u3068UI\u30c7\u30b6\u30a4\u30f3\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u304c\u7d44\u7e54\u6587\u5316\u3068\u3057\u3066\u5b9a\u7740\u3057\u3066\u3044\u308b\u304b\u3089\u3053\u305d\u3001\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306b\u305d\u306e\u30d5\u30ed\u30fc\u304c\u63b2\u8f09\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u306f\u3068\u8003\u5bdf\u3067\u304d\u307e\u3059\u3002\u7d44\u7e54\u306e\u30c7\u30b6\u30a4\u30f3\u30d5\u30ed\u30fc\u3084\u30ab\u30eb\u30c1\u30e3\u30fc\u304c\u57a3\u9593\u898b\u3048\u308b\u3068\u3044\u3046\u70b9\u3067\u3001\u975e\u5e38\u306b\u9762\u767d\u3044\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n<p>\u307e\u305f\u3001\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u5bfe\u5fdc\u306b\u95a2\u3059\u308b\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3084\u72ec\u81ea\u306e\u8a66\u9a13\u57fa\u6e96\u3092\u8a2d\u3051\u3066\u304a\u308a\u3001\u5168\u4f53\u7684\u306b\u3068\u3066\u3082\u8aa0\u5b9f\u3067\u7d20\u6575\u306a\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306b\u30c7\u30b6\u30a4\u30f3\u30d7\u30ed\u30bb\u30b9\u3092\u63b2\u8f09\u3059\u308b\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"8_Brand_Estonia\"><span id=\"8_Brand_Estonia\">8. Brand Estonia<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48709\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/brand-estonia.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/brand-estonia.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/brand-estonia.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/brand.estonia.ee\/\" target=\"_blank\" rel=\"noopener\">https:\/\/brand.estonia.ee\/<\/a><\/p>\n<p>\u300cBrand Estonia\u300d\u306f\u30a8\u30b9\u30c8\u30cb\u30a2\u653f\u5e9c\u304c\u5c55\u958b\u3059\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002\u30a8\u30b9\u30c8\u30cb\u30a2\u306f\u96fb\u5b50\u56fd\u5bb6\u3068\u3082\u547c\u3070\u308c\u308b\u3088\u3046\u306b\u3001\u3055\u307e\u3056\u307e\u306a\u516c\u5171\u30b5\u30fc\u30d3\u30b9\u3092\u30aa\u30f3\u30e9\u30a4\u30f3\u3092\u901a\u3057\u3066\u53d7\u3051\u3089\u308c\u308b\u3088\u3046\u306b\u6574\u5099\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u591a\u304f\u306e\u516c\u5171\u30b5\u30fc\u30d3\u30b9\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u652f\u3048\u308bBrand Estonia\u306f\u3001<strong>\u56fd\u6c11\u306e\u751f\u6d3b\u306b\u6839\u3056\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0<\/strong>\u3068\u8a00\u3048\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n<p>\u6700\u521d\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u304c\u300cmessages\u300d\u3068\u3044\u3046\u3001\u30a8\u30b9\u30c8\u30cb\u30a2\u304c\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u6307\u91dd\u3084\u305d\u306e\u7269\u8a9e\u3092\u307e\u3068\u3081\u305f\u8981\u7d20\u304b\u3089\u59cb\u307e\u308b\u3053\u3068\u304b\u3089\u3082\u3001\u56fd\u5bb6\u3068\u3057\u3066\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u91cd\u8981\u5ea6\u3092\u8aad\u307f\u89e3\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u3053\u3061\u3089\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306f\u30c7\u30b8\u30bf\u30eb\u30d7\u30ed\u30c0\u30af\u30c8\u306e\u307f\u306a\u3089\u305a\u3001\u30ab\u30f3\u30d5\u30a1\u30ec\u30f3\u30b9\u30fb\u7d19\u9762\u30fb\u6620\u50cf\u4f5c\u54c1\u30fb\u7acb\u4f53\u7269\u306a\u3069\u306e\u5a92\u4f53\u306b\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5e45\u5e83\u3044\u5c55\u958b\u4e8b\u4f8b\u304c\u3042\u308b\u3053\u3068\u304b\u3089\u3001\u8907\u6570\u5a92\u4f53\u306e\u305f\u3081\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u3057\u3066\u3082\u975e\u5e38\u306b\u53c2\u8003\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u5404\u56fd\u306e\u653f\u5e9c\u304c\u4e3b\u5c0e\u3057\u3066\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u69cb\u7bc9\u3057\u305f\u4e8b\u4f8b\u306f\u5b58\u5728\u3057\u307e\u3059\u304c\u3001\u305d\u306e\u591a\u304f\u306f\u30c7\u30b8\u30bf\u30eb\u30d7\u30ed\u30c0\u30af\u30c8\u306e\u305f\u3081\u306b\u69cb\u7bc9\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u3053\u306e\u3088\u3046\u306a\u80cc\u666f\u304b\u3089\u3082\u3001\u5a92\u4f53\u3092\u554f\u308f\u306a\u3044\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306b\u529b\u3092\u6ce8\u3044\u3067\u3044\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u3057\u3066\u300cBrand Estonia\u300d\u306f\u8cb4\u91cd\u306a\u53c2\u8003\u4e8b\u4f8b\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u516c\u7684\u6a5f\u95a2\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u69cb\u7bc9\u3059\u308b\u3068\u304d<\/li>\n<li>\u3055\u307e\u3056\u307e\u306a\u5a92\u4f53\u306e\u305f\u3081\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u304c\u5fc5\u8981\u306a\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"9_Spectrum_Adobe\"><span id=\"9_Spectrum_Adobe\">9. Spectrum (Adobe)<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48716\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Spectrum.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Spectrum.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Spectrum.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/spectrum.adobe.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/spectrum.adobe.com\/<\/a><\/p>\n<p>\u7d9a\u3044\u3066\u306fAdobe\u304c\u69cb\u7bc9\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300cSpectrum\u300d\u3067\u3059\u3002Spectrum\u306f\u3001<strong>\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3<\/strong>\u3092\u30d9\u30fc\u30b9\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u3057\u3066\u975e\u5e38\u306b\u6709\u540d\u3067\u3059\u3002\u300c\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u3068\u306f\u4f55\u304b\u300d\u306b\u3064\u3044\u3066\u7d39\u4ecb\u3057\u3066\u3044\u308b\u30d1\u30fc\u30c8\u306f\u304a\u4e16\u8a71\u306b\u306a\u3063\u305f\u4eba\u3082\u591a\u3044\u3053\u3068\u3067\u3057\u3087\u3046\u3002<\/p>\n<p>\u5b9f\u969b\u306bSpectrum\u4e0a\u306e\u30ab\u30e9\u30fc\u3084\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u306f\u3001\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u3092\u7528\u3044\u3066\u5805\u7262\u306b\u4f5c\u3089\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u3092\u7528\u3044\u3066\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u69cb\u7bc9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u771f\u3063\u5148\u306b\u53c2\u8003\u306b\u3057\u305f\u3044\u4e8b\u4f8b\u3067\u3059\u3002<\/p>\n<p>\u307e\u305f\u3001Spectrum\u306fAdobe\u304c\u69cb\u7bc9\u3057\u3066\u3044\u308b\u3068\u3044\u3046\u80cc\u666f\u3082\u3042\u308a\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306eUI\u30c7\u30b6\u30a4\u30f3\u306fAdobe XD\u3067\u7ba1\u7406\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u30c7\u30b6\u30a4\u30f3\u30c7\u30fc\u30bf\u306f\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u53c2\u7167\u3067\u304d\u308b\u306e\u3067\u3001XD\u3067\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u7ba1\u7406\u3059\u308b\u624b\u6cd5\u3092\u30ad\u30e3\u30c3\u30c1\u30a2\u30c3\u30d7\u3059\u308b\u7528\u9014\u3068\u3057\u3066\u3082\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u306e\u6d3b\u7528\u65b9\u6cd5\u3092\u77e5\u308a\u305f\u3044\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"10_Carbon_IBM\"><span id=\"10_Carbon_IBM\">10. Carbon (IBM)<\/span><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-48710\" src=\"https:\/\/i0.wp.com\/web.archive.org\/web\/20240714180930im_\/https%3A\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Carbon.png?resize=1080%2C640&#038;ssl=1\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" srcset=\"https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Carbon.png?w=1080&amp;ssl=1 1080w, https:\/\/web.archive.org\/web\/20240714180930im_\/https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/Carbon.png?resize=768%2C455&amp;ssl=1 768w\" alt=\"\" width=\"1080\" height=\"640\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/www.carbondesignsystem.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.carbondesignsystem.com\/<\/a><\/p>\n<p>\u300cCarbon\u300d\u306fIBM\u304c\u69cb\u7bc9\u3057\u305f\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002Carbon\u3082\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u3084\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306a\u3069\u306e\u7db2\u7f85\u6027\u304c\u975e\u5e38\u306b\u9ad8\u3044\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002 \u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3092\u69cb\u7bc9\u3057\u305f\u610f\u7fa9\u3084\u3001\u3069\u306e\u3088\u3046\u306a\u7d44\u7e54\u3067\u904b\u7528\u3055\u308c\u3066\u3044\u308b\u304b\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u7d39\u4ecb\u3055\u308c\u3066\u304a\u308a\u3001Carbon\u306b\u5bbf\u3057\u305f\u54f2\u5b66\u3084\u601d\u60f3\u3092\u5b58\u5206\u306b\u4f53\u611f\u3067\u304d\u308b\u70b9\u304c\u9b45\u529b\u3067\u3059\u3002<\/p>\n<p>\u305d\u306e\u4e2d\u3067\u3082\u7279\u306b\u7d39\u4ecb\u3057\u305f\u3044\u306e\u306f<strong>\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3<\/strong>\u306e\u89b3\u70b9\u3067\u3059\u3002Carbon\u3067\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u5bfe\u5fdc\u304c\u884c\u308f\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<ul>\n<li>\u5168\u3066\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u5bfe\u3057\u3066\u500b\u5225\u306b\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3078\u306e\u5bfe\u5fdc\u65b9\u91dd\u3092\u5b9a\u7fa9\u3057\u3066\u3044\u308b\u3053\u3068<\/li>\n<li>\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u306e\u8a66\u9a13\u7d50\u679c\u3092\u63b2\u8f09\u3057\u3066\u3044\u308b\u3053\u3068<\/li>\n<li>WCAG\u306eAA\u57fa\u6e96\u3092\u9054\u6210\u3057\u3066\u3044\u308b\u3053\u3068<\/li>\n<li>\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3078\u53d6\u308a\u7d44\u3080\u610f\u7fa9\u3084\u3001\u3069\u306e\u3088\u3046\u306a\u30e6\u30fc\u30b6\u30fc\u306b\u5411\u3051\u3066\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u304b\u306b\u3064\u3044\u3066\u7d39\u4ecb\u3055\u308c\u3066\u3044\u308b\u3053\u3068<\/li>\n<\/ul>\n<p>\u3044\u305a\u308c\u3082\u3066\u3044\u306d\u3044\u304b\u3064\u8aa0\u5b9f\u306a\u5bfe\u5fdc\u304c\u884c\u308f\u308c\u3066\u304a\u308a\u3001\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u5bfe\u5fdc\u306b\u53d6\u308a\u7d44\u3080\u306e\u3067\u3042\u308c\u3070\u5fc5\u305a\u76ee\u3092\u900f\u3057\u305f\u3044\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002<\/p>\n<hr \/>\n<p><strong>\u3053\u3093\u306a\u3068\u304d\u306b\u4f7f\u3044\u305f\u3044\uff01<\/strong><\/p>\n<ul>\n<li>\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3078\u306e\u5bfe\u5fdc\u3092\u5b9f\u65bd\u3059\u308b\u3068\u304d<\/li>\n<\/ul>\n<h2><span id=\"i-2\"><span id=\"i-2\">\u304a\u308f\u308a\u306b<\/span><\/span><\/h2>\n<p>\u3044\u304b\u304c\u3067\u3057\u305f\u304b\uff1f\u7686\u3055\u3093\u306e\u597d\u304d\u306a\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306f\u5165\u3063\u3066\u3044\u305f\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n<p>\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306f\u300c\u7d44\u7e54\u306e\u30ab\u30eb\u30c1\u30e3\u30fc\u300d\u3068\u3057\u3066\u3082\u6271\u308f\u308c\u308b\u304f\u3089\u3044\u3001\u3055\u307e\u3056\u307e\u306a\u6280\u80fd\u3084\u6587\u5316\u3092\u7d50\u96c6\u3057\u305f\u30a2\u30a6\u30c8\u30d7\u30c3\u30c8\u3067\u3059\u3002\u307e\u305f\u3001\u7d44\u7e54\u306e\u6210\u9577\u306b\u5408\u308f\u305b\u3066\u62e1\u5f35\u3059\u308b\u3053\u3068\u3092\u6c42\u3081\u3089\u308c\u308b\u30a2\u30a6\u30c8\u30d7\u30c3\u30c8\u3067\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u3053\u306e\u8a18\u4e8b\u306b\u3088\u3063\u3066\u3001\u7686\u3055\u3093\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u4e26\u3073\u306b\u30c7\u30b6\u30a4\u30f3\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u89b3\u70b9\u304c\u5897\u3048\u305f\u3068\u3057\u305f\u3089\u5e78\u3044\u3067\u3059\u3002\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u5f79\u5272\u3084\u3001\u4f5c\u6210\u3059\u308b\u610f\u7fa9\u306b\u3064\u3044\u3066\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b\u306b\u3066\u3054\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u3088\u308d\u3057\u3051\u308c\u3070\u5408\u308f\u305b\u3066\u3069\u3046\u305e\uff01<\/p>\n\n<div class=\"Embedded\"><a href=\"\/blog\/ux-engineer-design-system\">\n<div class=\"Embedded-image\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2018\/09\/eyecatch.jpg?fit=400%2C370&#038;ssl=1\" alt=\"\"><\/div>\n<div class=\"Embedded-text\">\n<div class=\"Embedded-heading\">UX\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u77e5\u3063\u3066\u304a\u304d\u305f\u3044\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u539f\u5247<\/div>\n<div class=\"Embedded-excerpt\">Featured image: Business vector created by Freepik UX\u30a8\u30f3\u30b8\u30cb\u30a2\u3068\u3044 &hellip;<\/div>\n<\/div>\n<\/a><\/div>\n\n",
        "author": {
            "img": "https:\/\/secure.gravatar.com\/avatar\/0d0dbbf777174e49dcba58f1ed3b167bcadce868bcf720e3b2729f6929c853c9?s=150&d=wp_user_avatar&r=g",
            "name": "Goodpatch Blog\u7de8\u96c6\u90e8",
            "description": "Goodpatch Blog\u306e\u7de8\u96c6\u30c1\u30fc\u30e0\u3002\u30c7\u30b6\u30a4\u30f3\u306b\u95a2\u3059\u308b\u30ce\u30a6\u30cf\u30a6\u3084\u30c8\u30ec\u30f3\u30c9\u3001\u5f79\u306b\u7acb\u3064\u4e8b\u4f8b\u306a\u3069\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002",
            "user_url": "",
            "twitter": "",
            "facebook": "",
            "googleplus": ""
        },
        "next": "\/blog\/monthly-topic-202107\/",
        "prev": "\/blog\/sdgs-design-kuradashi-senshuuniv\/",
        "recommend": [
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2025\/06\/vol.1.jpg?fit=696%2C392&ssl=1",
                "category": {
                    "name": "\u30ca\u30ec\u30c3\u30b8\u30fb\u30ce\u30a6\u30cf\u30a6",
                    "color": "#0b6fca"
                },
                "tag": [
                    "\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0",
                    "Sparkle Design"
                ],
                "title": "\u8ab0\u3082\u304c\u3044\u3044\u30c7\u30b6\u30a4\u30f3\u3092\u751f\u307f\u51fa\u305b\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u2500\u2500\u30b0\u30c3\u30c9\u30d1\u30c3\u30c1\u306e\u5b9f\u8df5\u77e5\u3092\u96c6\u7d04\u3057\u305f\u300cSparkle Design\u300d\u3092\u516c\u958b",
                "href": "\/blog\/2025-06-sparkle-design-1\/",
                "date": "2025-06-13 10:00:47",
                "updated_date": "2026-02-24 12:50:04"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2018\/09\/eyecatch.jpg?fit=625%2C370&ssl=1",
                "category": {
                    "name": "\u30ca\u30ec\u30c3\u30b8\u30fb\u30ce\u30a6\u30cf\u30a6",
                    "color": "#0b6fca"
                },
                "tag": [
                    "\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0",
                    "UX\u30c7\u30b6\u30a4\u30f3"
                ],
                "title": "UX\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u77e5\u3063\u3066\u304a\u304d\u305f\u3044\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306e\u539f\u5247",
                "href": "\/blog\/ux-engineer-design-system\/",
                "date": "2018-09-27 09:00:35",
                "updated_date": "2025-11-17 01:00:38"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2023\/12\/BF3D5551-AE42-49D6-9417-8C64A57C11F2.jpeg?fit=696%2C464&ssl=1",
                "category": {
                    "name": "\u30c8\u30ec\u30f3\u30c9",
                    "color": "#ffaba3"
                },
                "tag": [
                    "\u6708\u9593\u304a\u3059\u3059\u3081\u306e\u30a2\u30d7\u30ea\u30fbweb\u30b5\u30fc\u30d3\u30b9\u307e\u3068\u3081"
                ],
                "title": "\u65b0\u3057\u3044\u3082\u306e\u304c\u5927\u597d\u304d\u306aGoodpatch\u306712\u6708\u8a71\u984c\u306b\u306a\u3063\u305f\u30a2\u30d7\u30ea\u3001\u30b5\u30fc\u30d3\u30b9\u3001\u30c7\u30b6\u30a4\u30f3\u307e\u3068\u3081\uff082023\uff09",
                "href": "\/blog\/2023-12-monthly-topic\/",
                "date": "2023-12-26 15:09:19",
                "updated_date": "2026-04-23 20:06:00"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2018\/08\/blog_one.jpg?fit=696%2C392&ssl=1",
                "category": {
                    "name": "\u30ca\u30ec\u30c3\u30b8\u30fb\u30ce\u30a6\u30cf\u30a6",
                    "color": "#0b6fca"
                },
                "tag": [
                    "\u30c7\u30b6\u30a4\u30f3\u601d\u8003\/\u30c7\u30b6\u30a4\u30f3\u30d7\u30ed\u30bb\u30b9",
                    "\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u9032\u884c\/\u30de\u30cd\u30b8\u30e1\u30f3\u30c8"
                ],
                "title": "\u30a2\u30b8\u30e3\u30a4\u30eb\u306b\u304a\u3051\u308b\u30de\u30a4\u30f3\u30c9\u30bb\u30c3\u30c8",
                "href": "\/blog\/agile-mindset\/",
                "date": "2018-08-09 09:00:34",
                "updated_date": "2026-04-23 20:05:51"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2018\/09\/6f3b897051fb4ffc1a00f2c56e708fcc.png?fit=696%2C390&ssl=1",
                "category": {
                    "name": "\u30c8\u30ec\u30f3\u30c9",
                    "color": "#ffaba3"
                },
                "tag": [
                    "\u6708\u9593\u304a\u3059\u3059\u3081\u306e\u30a2\u30d7\u30ea\u30fbweb\u30b5\u30fc\u30d3\u30b9\u307e\u3068\u3081"
                ],
                "title": "\u65b0\u3057\u3044\u3082\u306e\u304c\u5927\u597d\u304d\u306aGoodpatch\u30679\u6708\u306b\u8a71\u984c\u306b\u306a\u3063\u305f\u30a2\u30d7\u30ea\u3001\u30b5\u30fc\u30d3\u30b9\u3001\u30c7\u30b6\u30a4\u30f3\u307e\u3068\u3081(2018)",
                "href": "\/blog\/monthly-topic-201809\/",
                "date": "2018-09-28 09:00:32",
                "updated_date": "2018-10-05 11:20:48"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2024\/10\/eyecatch_designsystem.png?fit=696%2C392&ssl=1",
                "category": {
                    "name": "\u7528\u8a9e\u89e3\u8aac",
                    "color": "#006956"
                },
                "tag": [
                    "Apple",
                    "\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3",
                    "\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0"
                ],
                "title": "\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u306f\uff1f\u4f5c\u308a\u65b9\u30925\u30b9\u30c6\u30c3\u30d7\u3067\u89e3\u8aac\uff01\u4e8b\u4f8b\u3084\u5c0e\u5165\u30e1\u30ea\u30c3\u30c8\u3082\uff1cFigma\u516c\u958b\u4e2d\uff1e",
                "href": "\/blog\/design-system\/",
                "date": "2024-10-17 13:18:27",
                "updated_date": "2026-02-25 12:51:18"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2013\/03\/thumbnail2.png?fit=660%2C381&ssl=1",
                "category": {
                    "name": "\u30ca\u30ec\u30c3\u30b8\u30fb\u30ce\u30a6\u30cf\u30a6",
                    "color": "#0b6fca"
                },
                "tag": [],
                "title": "\u601d\u308f\u305a\u5c31\u8077\u3057\u305f\u304f\u306a\u308b\u30c7\u30b6\u30a4\u30f3\u306e\u63a1\u7528\u30da\u30fc\u30b8\u307e\u3068\u308113\u3053",
                "href": "\/blog\/creative-career-pages\/",
                "date": "2013-03-12 08:55:30",
                "updated_date": "2017-07-12 00:16:56"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2013\/01\/webbanner_thumb1.png?fit=620%2C267&ssl=1",
                "category": {
                    "name": "\u30ca\u30ec\u30c3\u30b8\u30fb\u30ce\u30a6\u30cf\u30a6",
                    "color": "#0b6fca"
                },
                "tag": [
                    "\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0",
                    "\u30ed\u30b4\/\u30a2\u30a4\u30b3\u30f3\u30c7\u30b6\u30a4\u30f3",
                    "UI\u30c7\u30b6\u30a4\u30f3",
                    "\u6d77\u5916\u306e\u30c7\u30b6\u30a4\u30f3"
                ],
                "title": "\u601d\u308f\u305a\u76ee\u3092\u5f15\u304f\uff01\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306a\u6d77\u5916\u306e\u30d0\u30ca\u30fc\u5e83\u544a\u30c7\u30b6\u30a4\u30f3\u307e\u3068\u308116\u500b",
                "href": "\/blog\/creative-banner-designs\/",
                "date": "2013-02-14 10:00:27",
                "updated_date": "2026-03-04 16:12:34"
            }
        ],
        "filters": {
            "category": {
                "items": [
                    {
                        "label": "\u30ca\u30ec\u30c3\u30b8\u30fb\u30ce\u30a6\u30cf\u30a6",
                        "count": 484,
                        "href": "\/blog\/category\/knowledge\/"
                    },
                    {
                        "label": "\u30b1\u30fc\u30b9\u30b9\u30bf\u30c7\u30a3",
                        "count": 176,
                        "href": "\/blog\/category\/casestudy\/"
                    },
                    {
                        "label": "\u30e1\u30f3\u30d0\u30fc\u30a4\u30f3\u30bf\u30d3\u30e5\u30fc",
                        "count": 127,
                        "href": "\/blog\/category\/interview\/"
                    },
                    {
                        "label": "\u30ab\u30eb\u30c1\u30e3\u30fc",
                        "count": 118,
                        "href": "\/blog\/category\/goodpatch-culture\/"
                    },
                    {
                        "label": "\u7528\u8a9e\u89e3\u8aac",
                        "count": 42,
                        "href": "\/blog\/category\/glossary\/"
                    },
                    {
                        "label": "\u7279\u96c6",
                        "count": 80,
                        "href": "\/blog\/category\/feature\/"
                    },
                    {
                        "label": "\u30ad\u30e3\u30ea\u30a2",
                        "count": 68,
                        "href": "\/blog\/category\/career\/"
                    },
                    {
                        "label": "\u30c8\u30ec\u30f3\u30c9",
                        "count": 269,
                        "href": "\/blog\/category\/trend\/"
                    }
                ]
            },
            "tag": {
                "items": [
                    {
                        "label": "\u307f\u3093\u306a\u3067\u80b2\u3066\u308b\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0",
                        "count": 7,
                        "href": "\/blog\/tag\/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%a7%e8%82%b2%e3%81%a6%e3%82%8b%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0\/"
                    },
                    {
                        "label": "\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0",
                        "count": 23,
                        "href": "\/blog\/tag\/branding\/"
                    },
                    {
                        "label": "\u30b0\u30c3\u30c9\u30d1\u30c3\u30c1\u95a2\u897f",
                        "count": 2,
                        "href": "\/blog\/tag\/goodpatch-kansai\/"
                    },
                    {
                        "label": "\u672a\u6765\u6d1e\u5bdf",
                        "count": 9,
                        "href": "\/blog\/tag\/future-foresight\/"
                    },
                    {
                        "label": "\u30a4\u30ab\u3057\u305fUI\u3092\u898b\u308b",
                        "count": 7,
                        "href": "\/blog\/tag\/cool-ui\/"
                    },
                    {
                        "label": "Sparkle Design",
                        "count": 6,
                        "href": "\/blog\/tag\/sparkle-design\/"
                    },
                    {
                        "label": "\u30c7\u30fc\u30bf\u30a2\u30ca\u30ea\u30c6\u30a3\u30af\u30b9",
                        "count": 5,
                        "href": "\/blog\/tag\/data-analytics\/"
                    },
                    {
                        "label": "\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\/PMM",
                        "count": 8,
                        "href": "\/blog\/tag\/product-marketing-pmm\/"
                    },
                    {
                        "label": "\u30c7\u30b6\u30a4\u30f3\u30b9\u30d7\u30ea\u30f3\u30c8",
                        "count": 6,
                        "href": "\/blog\/tag\/design-sprint\/"
                    },
                    {
                        "label": "Goodpatch Anywhere",
                        "count": 17,
                        "href": "\/blog\/tag\/goodpatch-anywhere\/"
                    },
                    {
                        "label": "\u30d7\u30ed\u30c0\u30af\u30c8\u30b0\u30ed\u30fc\u30b9",
                        "count": 8,
                        "href": "\/blog\/tag\/product-growth\/"
                    },
                    {
                        "label": "\u30c7\u30b6\u30a4\u30f3\u7d4c\u55b6",
                        "count": 7,
                        "href": "\/blog\/tag\/design-management\/"
                    },
                    {
                        "label": "\u751f\u6210AI",
                        "count": 41,
                        "href": "\/blog\/tag\/generative-ai\/"
                    },
                    {
                        "label": "\u30b5\u30fc\u30d3\u30b9\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0",
                        "count": 20,
                        "href": "\/blog\/tag\/service-branding\/"
                    },
                    {
                        "label": "MAKE A MARK",
                        "count": 11,
                        "href": "\/blog\/tag\/make-a-mark\/"
                    },
                    {
                        "label": "\u30c7\u30b6\u30a4\u30ca\u30fc\u5c31\u6d3b",
                        "count": 7,
                        "href": "\/blog\/tag\/designer-job-search\/"
                    },
                    {
                        "label": "ReDesigner",
                        "count": 9,
                        "href": "\/blog\/tag\/redesigner\/"
                    },
                    {
                        "label": "Vision Pro",
                        "count": 3,
                        "href": "\/blog\/tag\/vision-pro\/"
                    },
                    {
                        "label": "\u5168\u793e\u7dcf\u4f1a",
                        "count": 17,
                        "href": "\/blog\/tag\/all-hands-meeting\/"
                    },
                    {
                        "label": "\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\/PdM",
                        "count": 30,
                        "href": "\/blog\/tag\/product-management\/"
                    },
                    {
                        "label": "HCD",
                        "count": 1,
                        "href": "\/blog\/tag\/hcd\/"
                    },
                    {
                        "label": "\u30c7\u30b6\u30a4\u30f3\u30ea\u30b5\u30fc\u30c1",
                        "count": 25,
                        "href": "\/blog\/tag\/design-research\/"
                    },
                    {
                        "label": "\u63a2\u7d22\u578b\u30ea\u30b5\u30fc\u30c1",
                        "count": 14,
                        "href": "\/blog\/tag\/exploratory-research\/"
                    },
                    {
                        "label": "Apple",
                        "count": 62,
                        "href": "\/blog\/tag\/apple\/"
                    },
                    {
                        "label": "AI",
                        "count": 45,
                        "href": "\/blog\/tag\/ai\/"
                    },
                    {
                        "label": "\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0",
                        "count": 30,
                        "href": "\/blog\/tag\/design-system\/"
                    },
                    {
                        "label": "Figma",
                        "count": 4,
                        "href": "\/blog\/tag\/figma\/"
                    },
                    {
                        "label": "\u30d8\u30eb\u30b9\u30b1\u30a2\u30fb\u533b\u7642",
                        "count": 6,
                        "href": "\/blog\/tag\/healthcare-medical\/"
                    },
                    {
                        "label": "WWDC",
                        "count": 5,
                        "href": "\/blog\/tag\/wwdc\/"
                    },
                    {
                        "label": "\u30c7\u30b6\u30a4\u30f3\u30b9\u30c8\u30e9\u30c6\u30b8\u30b9\u30c8",
                        "count": 17,
                        "href": "\/blog\/tag\/design-strategist\/"
                    },
                    {
                        "label": "\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3",
                        "count": 27,
                        "href": "\/blog\/tag\/accessibility\/"
                    },
                    {
                        "label": "\u30d3\u30b8\u30e5\u30a2\u30eb\u30c7\u30b6\u30a4\u30f3",
                        "count": 14,
                        "href": "\/blog\/tag\/visual-design\/"
                    },
                    {
                        "label": "SDGs",
                        "count": 3,
                        "href": "\/blog\/tag\/sdgs\/"
                    },
                    {
                        "label": "\u4ed5\u4e8b\u56f3\u9451",
                        "count": 6,
                        "href": "\/blog\/tag\/job-encyclopedia\/"
                    },
                    {
                        "label": "\u30a4\u30d9\u30f3\u30c8\u30ec\u30dd\u30fc\u30c8",
                        "count": 54,
                        "href": "\/blog\/tag\/events\/"
                    },
                    {
                        "label": "\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30c7\u30b6\u30a4\u30f3",
                        "count": 35,
                        "href": "\/blog\/tag\/software-design\/"
                    },
                    {
                        "label": "strap",
                        "count": 24,
                        "href": "\/blog\/tag\/strap\/"
                    },
                    {
                        "label": "\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc",
                        "count": 10,
                        "href": "\/blog\/tag\/project-manager\/"
                    },
                    {
                        "label": "\u5165\u793e\u5f0f\/\u5185\u5b9a\u5f0f",
                        "count": 13,
                        "href": "\/blog\/tag\/ceremony\/"
                    },
                    {
                        "label": "\u65b0\u898f\u4e8b\u696d",
                        "count": 38,
                        "href": "\/blog\/tag\/new-business-development\/"
                    },
                    {
                        "label": "\u65b0\u5352",
                        "count": 52,
                        "href": "\/blog\/tag\/new-graduate\/"
                    },
                    {
                        "label": "\u7814\u4fee",
                        "count": 31,
                        "href": "\/blog\/tag\/training\/"
                    },
                    {
                        "label": "\u30a8\u30f3\u30b8\u30cb\u30a2",
                        "count": 11,
                        "href": "\/blog\/tag\/engineer\/"
                    },
                    {
                        "label": "DX",
                        "count": 20,
                        "href": "\/blog\/tag\/dx\/"
                    },
                    {
                        "label": "\u30d7\u30ed\u30c8\u30bf\u30a4\u30d4\u30f3\u30b0",
                        "count": 27,
                        "href": "\/blog\/tag\/prototyping\/"
                    },
                    {
                        "label": "Android",
                        "count": 6,
                        "href": "\/blog\/tag\/android\/"
                    },
                    {
                        "label": "\u6708\u9593\u304a\u3059\u3059\u3081\u306e\u30a2\u30d7\u30ea\u30fbweb\u30b5\u30fc\u30d3\u30b9\u307e\u3068\u3081",
                        "count": 156,
                        "href": "\/blog\/tag\/monthly-topic\/"
                    },
                    {
                        "label": "\u57fa\u790e\u30b7\u30ea\u30fc\u30ba",
                        "count": 19,
                        "href": "\/blog\/tag\/basic-series\/"
                    },
                    {
                        "label": "\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30d3\u30e5\u30fc",
                        "count": 18,
                        "href": "\/blog\/tag\/user-interview\/"
                    },
                    {
                        "label": "CCO",
                        "count": 11,
                        "href": "\/blog\/tag\/cco\/"
                    },
                    {
                        "label": "\u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7",
                        "count": 19,
                        "href": "\/blog\/tag\/start-up\/"
                    },
                    {
                        "label": "\u30b5\u30fc\u30d3\u30b9\u30c7\u30b6\u30a4\u30f3",
                        "count": 90,
                        "href": "\/blog\/tag\/service-design\/"
                    },
                    {
                        "label": "\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30ec\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0",
                        "count": 5,
                        "href": "\/blog\/tag\/graphic-recording\/"
                    },
                    {
                        "label": "\u304a\u3059\u3059\u3081\u306e\u672c",
                        "count": 23,
                        "href": "\/blog\/tag\/book\/"
                    },
                    {
                        "label": "\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30c7\u30b6\u30a4\u30f3",
                        "count": 35,
                        "href": "\/blog\/tag\/communication-design\/"
                    },
                    {
                        "label": "UI\u30c7\u30b6\u30a4\u30f3",
                        "count": 204,
                        "href": "\/blog\/tag\/ui-design\/"
                    },
                    {
                        "label": "\u6d77\u5916\u306e\u30c7\u30b6\u30a4\u30f3",
                        "count": 54,
                        "href": "\/blog\/tag\/global-design\/"
                    },
                    {
                        "label": "macOS",
                        "count": 4,
                        "href": "\/blog\/tag\/macos\/"
                    },
                    {
                        "label": "\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0",
                        "count": 19,
                        "href": "\/blog\/tag\/marketing\/"
                    },
                    {
                        "label": "Podpatch",
                        "count": 36,
                        "href": "\/blog\/tag\/podpatch\/"
                    },
                    {
                        "label": "\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u9032\u884c\/\u30de\u30cd\u30b8\u30e1\u30f3\u30c8",
                        "count": 66,
                        "href": "\/blog\/tag\/project-management\/"
                    },
                    {
                        "label": "\u30c7\u30b6\u30a4\u30f3\u601d\u8003\/\u30c7\u30b6\u30a4\u30f3\u30d7\u30ed\u30bb\u30b9",
                        "count": 112,
                        "href": "\/blog\/tag\/design-process\/"
                    },
                    {
                        "label": "\u30d6\u30e9\u30f3\u30c9\u30c7\u30b6\u30a4\u30f3",
                        "count": 42,
                        "href": "\/blog\/tag\/brand-design\/"
                    },
                    {
                        "label": "\u958b\u767a",
                        "count": 86,
                        "href": "\/blog\/tag\/development\/"
                    },
                    {
                        "label": "Web\u30c7\u30b6\u30a4\u30f3",
                        "count": 20,
                        "href": "\/blog\/tag\/web-design\/"
                    },
                    {
                        "label": "FinTech",
                        "count": 12,
                        "href": "\/blog\/tag\/fintech\/"
                    },
                    {
                        "label": "UX\u30c7\u30b6\u30a4\u30f3",
                        "count": 181,
                        "href": "\/blog\/tag\/ux-design\/"
                    },
                    {
                        "label": "\u7d44\u7e54\u30c7\u30b6\u30a4\u30f3",
                        "count": 50,
                        "href": "\/blog\/tag\/org-design\/"
                    },
                    {
                        "label": "\u30c1\u30fc\u30e0\u30d3\u30eb\u30c7\u30a3\u30f3\u30b0",
                        "count": 6,
                        "href": "\/blog\/tag\/team-building\/"
                    },
                    {
                        "label": "\u304a\u3059\u3059\u3081\u30c4\u30fc\u30eb\u30fb\u30b5\u30fc\u30d3\u30b9",
                        "count": 39,
                        "href": "\/blog\/tag\/recommend-tools\/"
                    },
                    {
                        "label": "\u30bf\u30b9\u30af\u7ba1\u7406",
                        "count": 26,
                        "href": "\/blog\/tag\/task-management\/"
                    },
                    {
                        "label": "\u30ed\u30b4\/\u30a2\u30a4\u30b3\u30f3\u30c7\u30b6\u30a4\u30f3",
                        "count": 22,
                        "href": "\/blog\/tag\/icon-design\/"
                    },
                    {
                        "label": "\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u30c7\u30b6\u30a4\u30f3",
                        "count": 33,
                        "href": "\/blog\/tag\/interaction-design\/"
                    },
                    {
                        "label": "\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7",
                        "count": 38,
                        "href": "\/blog\/tag\/workshop\/"
                    },
                    {
                        "label": "iOS",
                        "count": 8,
                        "href": "\/blog\/tag\/ios\/"
                    },
                    {
                        "label": "OOUI",
                        "count": 3,
                        "href": "\/blog\/tag\/ooui\/"
                    },
                    {
                        "label": "\u30a4\u30f3\u30bf\u30fc\u30f3",
                        "count": 14,
                        "href": "\/blog\/tag\/intern\/"
                    },
                    {
                        "label": "\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30a4\u30f3\u30bf\u30d3\u30e5\u30fc",
                        "count": 71,
                        "href": "\/blog\/tag\/design-partner-interview\/"
                    },
                    {
                        "label": "\u4f11\u65e5",
                        "count": 9,
                        "href": "\/blog\/tag\/holiday\/"
                    },
                    {
                        "label": "\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30c7\u30b6\u30a4\u30f3",
                        "count": 67,
                        "href": "\/blog\/tag\/application-design\/"
                    },
                    {
                        "label": "Balto",
                        "count": 11,
                        "href": "\/blog\/tag\/balto\/"
                    },
                    {
                        "label": "Prott",
                        "count": 33,
                        "href": "\/blog\/tag\/prott\/"
                    },
                    {
                        "label": "\u30c7\u30b6\u30a4\u30f3\u7d44\u7e54",
                        "count": 45,
                        "href": "\/blog\/tag\/design-org\/"
                    }
                ]
            }
        },
        "banners": [
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2023\/10\/clientwork_758.webp?fit=1516%2C400&ssl=1",
                "alt": "\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089",
                "url": "https:\/\/goodpatch.com\/contact",
                "external": true
            }
        ],
        "side_contents": [
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2025\/10\/sidebanner-services.png?fit=650%2C400&ssl=1",
                "alt": "\u30b5\u30fc\u30d3\u30b9\u30da\u30fc\u30b8\u3092\u8a73\u3057\u304f\u898b\u308b",
                "url": "https:\/\/design-partnership.goodpatch.com\/?utm_source=gpblog&amp;utm_medium=blog&amp;utm_campaign=design-partnership&amp;utm_content=sidebanner"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2025\/10\/sidebanner-works-02.png?fit=650%2C400&ssl=1",
                "alt": "\u5b9f\u7e3e\u4e00\u89a7\u30da\u30fc\u30b8\u3092\u898b\u308b",
                "url": "https:\/\/goodpatch.com\/work"
            },
            {
                "img": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2025\/11\/sidebanner-uiux-fb.png?fit=650%2C280&ssl=1",
                "alt": "UI\/UX\u6539\u55843\u70b9\u30bb\u30c3\u30c8\u306e\u8cc7\u6599\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b",
                "url": "https:\/\/design-partnership.goodpatch.com\/downloads\/seo_uiux3sets?utm_source=gpblog&amp;utm_medium=blog&amp;utm_campaign=seo_uiux3sets&amp;utm_content=sidebanner"
            }
        ]
    },
    "ogimg": "https:\/\/i0.wp.com\/cms.goodpatch.com\/wp-content\/uploads\/2021\/07\/image5.png?fit=1999%2C1062&ssl=1"
}