{"id":39473,"date":"2026-10-25T20:32:19","date_gmt":"2026-10-25T11:32:19","guid":{"rendered":"https:\/\/uxdaystokyo.com\/articles\/?post_type=glossary&#038;p=39473"},"modified":"2026-10-25T20:32:19","modified_gmt":"2026-10-25T11:32:19","slug":"style-guide","status":"publish","type":"glossary","link":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/","title":{"rendered":"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9"},"content":{"rendered":"<p>\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3068\u306f\u3001\u5177\u4f53\u7684\u306a\u6c7a\u307e\u308a\u3084\u898b\u672c\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u3067\u3001\u753b\u9762\u3084\u6587\u66f8\u306e\u898b\u305f\u76ee\u30fb\u8a00\u8449\u3065\u304b\u3044\u3092\u305d\u308d\u3048\u308b\u6587\u66f8\u3067\u3042\u308b\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u3001\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u3001\u8907\u6570\u306e\u62c5\u5f53\u8005\u304c\u4f5c\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u4f7f\u3046\u8272\u3001\u89d2\u306e\u4e38\u307f\u3001\u5468\u308a\u306e\u4f59\u767d\u306e\u5024\u3092\u898b\u672c\u3068\u3068\u3082\u306b\u6587\u66f8\u306b\u6b8b\u3059\u3002\u5404\u62c5\u5f53\u8005\u306f\u3001\u5546\u54c1\u30da\u30fc\u30b8\u3084\u4e00\u89a7\u3067\u3082\u540c\u3058\u57fa\u6e96\u3067\u30dc\u30bf\u30f3\u3092\u4f5c\u308a\u3001\u65b0\u3057\u3044\u90e8\u54c1\u304c\u5897\u3048\u305f\u3089\u6587\u66f8\u3082\u66f4\u65b0\u3059\u308b\u3002<\/p>\n<p>\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u753b\u9762\u306e\u90e8\u54c1\u3084\u6c7a\u307e\u308a\u3092\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u300c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300d\u3092\u69cb\u6210\u3059\u308b\u6587\u66f8\u306e\u4e00\u3064\u3067\u3082\u3042\u308b\u3002<\/p>\n<h2>\u898b\u672c\u3067\u4f5c\u308a\u65b9\u3092\u305d\u308d\u3048\u308b<\/h2>\n<p>\u3053\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u30dc\u30bf\u30f3\u306e\u6c7a\u307e\u308a\u304c\u66f8\u304d\u6b8b\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\u3001\u5f8c\u304b\u3089\u52a0\u308f\u3063\u305f\u62c5\u5f53\u8005\u306f\u3001\u305d\u308c\u307e\u3067\u3068\u306f\u7570\u306a\u308b\u8272\u3084\u5f62\u3092\u9078\u3076\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306b\u306f\u3001\u8272\u3084\u4e38\u307f\u306e\u5024\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u30dc\u30bf\u30f3\u3092\u3069\u306e\u5834\u9762\u3067\u4f7f\u3046\u304b\u3082\u793a\u3059\u3002<\/p>\n<p>\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u6271\u3046\u306e\u306f\u3001\u753b\u9762\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306f\u306a\u3044\u3002\u6587\u7ae0\uff08\u8abf\u5b50\u30fb\u8868\u8a18\uff09\u3001\u30d6\u30e9\u30f3\u30c9\uff08\u30ed\u30b4\u30fb\u8272\u306e\u7d44\u307f\u5408\u308f\u305b\u30fb\u6587\u5b57\u306e\u5f62\uff09\u3001Web\u753b\u9762\uff08\u914d\u7f6e\u30fb\u90e8\u54c1\uff09\u3092\u6271\u3046\u3082\u306e\u3082\u3042\u308b\u3002\u6587\u7ae0\u3092\u6271\u3046\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7de8\u96c6\u3084\u516c\u958b\u306e\u624b\u9806\u307e\u3067\u542b\u3080\u5834\u5408\u3082\u3042\u308b\u3002<\/p>\n<p>\u30dc\u30bf\u30f3\u306a\u3069\u306e\u90e8\u54c1\u305d\u306e\u3082\u306e\u3092\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u5f62\u3067\u7ba1\u7406\u3059\u308b\u4ed5\u7d44\u307f\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u793a\u3059\u6c7a\u307e\u308a\u3084\u898b\u672c\u3068\u306f\u7570\u306a\u308b\u3002\u305f\u3060\u3057\u3001Web\u5411\u3051\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u5404\u90e8\u54c1\u306e\u898b\u672c\u3068\u30b3\u30fc\u30c9\u3092\u4e00\u7dd2\u306b\u307e\u3068\u3081\u308b\u5834\u5408\u3082\u3042\u308b\u3002\u30b3\u30fc\u30c9\u306f\u3001\u90e8\u54c1\u3092\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u6307\u793a\u3092\u8a18\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u3002<\/p>\n<figure style=\"text-align: center; margin: 1.5em auto;\"><img decoding=\"async\" src=\"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2026\/10\/style-guide-1.png\" alt=\"\u898b\u672c\u3068\u5024\u3067\u4f5c\u308a\u65b9\u3092\u305d\u308d\u3048\u308b\u306e\u30a4\u30e1\u30fc\u30b8\" style=\"width: 100%; max-width: 640px; height: auto; display: block; margin: 0 auto; border-radius: 6px;\" \/><\/figure>\n<h2>\u8a9e\u6e90\u30fb\u63d0\u5531\u8005<\/h2>\n<p>\u30c7\u30b6\u30a4\u30f3\u306e\u6c7a\u307e\u308a\u3092\u6587\u66f8\u306b\u307e\u3068\u3081\u305f\u6b74\u53f2\u7684\u306a\u4f8b\u3068\u3057\u3066\u3001\u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5730\u4e0b\u9244\u306e\u6a19\u8b58\u304c\u3042\u308b\u3002\u5f53\u6642\u306f\u3001\u65b0\u3057\u3044\u6a19\u8b58\u3068\u3001\u5ec3\u6b62\u3055\u308c\u305f\u4ea4\u901a\u4f1a\u793e\u304c\u6570\u5341\u5e74\u524d\u306b\u7acb\u3066\u305f\u6a19\u8b58\u304c\u540c\u3058\u7a7a\u9593\u306b\u4e26\u3093\u3067\u3044\u305f\u3002\u305d\u306e\u305f\u3081\u3001\u5229\u7528\u8005\u306b\u3082\u8077\u54e1\u306b\u3082\u5206\u304b\u308a\u306b\u304f\u3044\u72b6\u614b\u306b\u306a\u3063\u3066\u3044\u305f\u3002<\/p>\n<p>\u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5e02\u4ea4\u901a\u5c40\u306f1966\u5e74\u306b\u3001\u6a19\u8b58\u306e\u8a08\u753b\u3092\u5916\u90e8\u306e\u30c7\u30b6\u30a4\u30f3\u4f1a\u793eUnimark International\u306b\u4f9d\u983c\u3057\u305f\u3002\u540c\u793e\u306f1970\u5e74\u307e\u3067\u306b\u3001\u5730\u4e0b\u9244\u306e\u6700\u521d\u306e\u516c\u5f0f\u306a\u30c7\u30b6\u30a4\u30f3\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u307e\u3068\u3081\u305f\u3002\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u4f7f\u3046\u6587\u5b57\u306e\u5f62\u3092\u6307\u5b9a\u3057\u3001\u6a19\u8b58\u306e\u4ed5\u7d44\u307f\u306f\u6c7a\u307e\u3063\u305f\u5bf8\u6cd5\u306e\u90e8\u54c1\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3082\u306e\u3060\u3063\u305f\u3002\u305f\u3060\u3057\u3001\u4ea4\u901a\u5c40\u306f\u305d\u306e\u6c7a\u307e\u308a\u3092\u53b3\u5bc6\u306b\u306f\u5b88\u3063\u3066\u304a\u3089\u305a\u3001\u7d71\u4e00\u3055\u308c\u305f\u6a19\u8b58\u304c\u5e83\u304f\u884c\u304d\u6e21\u3063\u305f\u306e\u306f1989\u5e74\u304b\u30891990\u5e74\u4ee3\u306b\u304b\u3051\u3066\u3067\u3042\u308b\u3002<\/p>\n<h2>\u8868\u793a\u306e\u5d29\u308c\u3084\u629c\u3051\u3092\u898b\u3064\u3051\u308b<\/h2>\n<p>\u5192\u982d\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3042\u3068\u306e\u8868\u793a\u3084\u3001\u5728\u5eab\u5207\u308c\u306e\u8868\u793a\u304c\u629c\u3051\u3066\u3044\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u30dc\u30bf\u30f3\u306e\u57fa\u672c\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u3082\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306e\u898b\u672c\u306b\u542b\u3081\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u3053\u306e\u898b\u672c\u3068\u5b9f\u969b\u306e\u753b\u9762\u3092\u898b\u6bd4\u3079\u3066\u3001\u8868\u793a\u306e\u5d29\u308c\u3084\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u30fb\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u629c\u3051\u3092\u898b\u3064\u3051\u308b\u3002<\/p>\n<figure style=\"text-align: center; margin: 1.5em auto;\"><img decoding=\"async\" src=\"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2026\/10\/style-guide-2.png\" alt=\"\u8868\u793a\u306e\u5d29\u308c\u3084\u629c\u3051\u3092\u898b\u3064\u3051\u308b\u306e\u30a4\u30e1\u30fc\u30b8\" style=\"width: 100%; max-width: 640px; height: auto; display: block; margin: 0 auto; border-radius: 6px;\" \/><\/figure>\n<p>\u307e\u305f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u90e8\u54c1\u306e\u540d\u524d\u306b\u3064\u3044\u3066\u30c1\u30fc\u30e0\u3067\u5171\u901a\u306e\u547c\u3073\u65b9\u3092\u4fdd\u3064\u52a9\u3051\u306b\u3082\u306a\u308b\u3002<\/p>\n<h2>UX\u6c34\u6e96\u3092\u7dad\u6301\u3059\u308b<\/h2>\n<p>\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u304c\u3001\u65b0\u3057\u3044\u753b\u9762\u306b\u5165\u308b\u8981\u7d20\u3092\u898b\u6e21\u3059\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u30c1\u30fc\u30e0\u306f\u3001\u3067\u304d\u308c\u3070\u30c7\u30b6\u30a4\u30f3\u306e\u6bb5\u968e\u304b\u3089\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3092\u4f5c\u308a\u59cb\u3081\u308b\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u306f\u3001\u305d\u306e\u6587\u66f8\u3092\u4f7f\u3063\u3066\u3001\u4f55\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u3069\u3053\u306b\u6587\u7ae0\u3092\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002<\/p>\n<p>\u82f1\u56fd\u653f\u5e9c\u306e\u30b5\u30a4\u30c8\u300cGOV.UK\u300d\u306f\u3001\u300cA to Z\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u300d\u3068\u3044\u3046\u6587\u66f8\u3067\u3001\u753b\u9762\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u4f7f\u3046\u8a00\u8449\u3092\u5b9a\u3081\u3066\u3044\u308b\u3002\u3059\u3079\u3066\u306e\u5229\u7528\u8005\u304c\u30af\u30ea\u30c3\u30af\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u7406\u7531\u306b\u3001\u300cclick\uff08\u30af\u30ea\u30c3\u30af\u3059\u308b\uff09\u300d\u3067\u306f\u306a\u304f\u300cselect\uff08\u9078\u629e\u3059\u308b\uff09\u300d\u3092\u4f7f\u3046\u3088\u3046\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002<\/p>\n<p>\u3053\u306e\u6307\u5b9a\u3092\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u753b\u9762\u306b\u5fdc\u7528\u3059\u308b\u306a\u3089\u3001\u66f8\u304d\u624b\u306f\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u306e\u64cd\u4f5c\u8aac\u660e\u3067\u300c\u30af\u30ea\u30c3\u30af\u300d\u3067\u306f\u306a\u304f\u300c\u9078\u3076\u300d\u3068\u66f8\u304f\u3002\u66f8\u304d\u624b\u306f\u3001\u307b\u304b\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u3082\u7279\u5b9a\u306e\u64cd\u4f5c\u65b9\u6cd5\u3060\u3051\u3092\u524d\u63d0\u3068\u3059\u308b\u8a00\u8449\u304c\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3059\u308b\u3002\u305d\u306e\u3046\u3048\u3067\u3001\u30c1\u30fc\u30e0\u306f\u4f7f\u3046\u8868\u73fe\u3068\u4f7f\u308f\u306a\u3044\u8868\u73fe\u3001\u9078\u3093\u3060\u7406\u7531\u3092\u6587\u66f8\u306b\u6b8b\u3059\u3002<\/p>\n<p>\u591a\u304f\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u6163\u7fd2\u3084\u8a00\u8449\u306e\u4f7f\u3044\u65b9\u306e\u5909\u5316\u306b\u5408\u308f\u305b\u3066\u5b9a\u671f\u7684\u306b\u6539\u8a02\u3055\u308c\u308b\u3002<\/p>\n<h2>\u95a2\u9023\u7528\u8a9e<\/h2>\n<ul>\n<li>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea<\/li>\n<li>\u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea<\/li>\n<li>\u4e00\u8cab\u6027\u3068\u6a19\u6e96<\/li>\n<li>\u30dc\u30a4\u30b9\uff06\u30c8\u30fc\u30f3<\/li>\n<\/ul>\n<blockquote class=\"wp-embedded-content\" data-secret=\"CvyV27A2xH\"><p><a href=\"https:\/\/uxdaystokyo.com\/articles\/glossary\/design-system\/\">\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u201c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u201d \u2014 UX TIMES\" src=\"https:\/\/uxdaystokyo.com\/articles\/glossary\/design-system\/embed\/#?secret=ZsYGdZWmri#?secret=CvyV27A2xH\" data-secret=\"CvyV27A2xH\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"s5XfZzh3Xt\"><p><a href=\"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-tiles\/\">\u30b9\u30bf\u30a4\u30eb\u30bf\u30a4\u30eb<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u201c\u30b9\u30bf\u30a4\u30eb\u30bf\u30a4\u30eb\u201d \u2014 UX TIMES\" src=\"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-tiles\/embed\/#?secret=GMF6WHdCRO#?secret=s5XfZzh3Xt\" data-secret=\"s5XfZzh3Xt\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30c7\u30b6\u30a4\u30f3\u3067\u3001\u5177\u4f53\u7684\u306a\u6c7a\u307e\u308a\u3068\u898b\u672c\u3067\u898b\u305f\u76ee\u3084\u8a00\u8449\u3092\u305d\u308d\u3048\u308b\u6587\u66f8<\/p>\n","protected":false},"author":61,"featured_media":39470,"template":"","meta":{"_monsterinsights_skip_tracking":false,"English":"Style Guide","design_hint":"","footnotes":""},"glossary-category":[347],"glossary_tag":[],"class_list":["post-39473","glossary","type-glossary","status-publish","has-post-thumbnail","hentry","glossary-category-design-informationdesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9 | UX TIMES<\/title>\n<meta name=\"description\" content=\"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3068\u306f\u3001\u5177\u4f53\u7684\u306a\u6c7a\u307e\u308a\u3084\u898b\u672c\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u3067\u3001\u753b\u9762\u3084\u6587\u66f8\u306e\u898b\u305f\u76ee\u30fb\u8a00\u8449\u3065\u304b\u3044\u3092\u305d\u308d\u3048\u308b\u6587\u66f8\u3067\u3042\u308b\u3002  \u4f8b\u3048\u3070\u3001\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u3001\u8907\u6570\u306e\u62c5\u5f53\u8005\u304c\u4f5c\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u4f7f\u3046\u8272\u3001\u89d2\u306e\u4e38\u307f\u3001\u5468\u308a\u306e\u4f59\u767d\u306e\u5024\u3092\u898b\u672c\u3068\u3068\u3082\u306b\u6587\u66f8\u306b\u6b8b\u3059\u3002\u5404\u62c5\u5f53\u8005\u306f\u3001\u5546\u54c1\u30da\u30fc\u30b8\u3084\u4e00\u89a7\u3067\u3082\u540c\u3058\u57fa\u6e96\u3067\u30dc\u30bf\u30f3\u3092\u4f5c\u308a\u3001\u65b0\u3057\u3044\u90e8\u54c1\u304c\u5897\u3048\u305f\u3089\u6587\u66f8\u3082\u66f4\u65b0\u3059\u308b\u3002  \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u753b\u9762\u306e\u90e8\u54c1\u3084\u6c7a\u307e\u308a\u3092\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u300c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300d\u3092\u69cb\u6210\u3059\u308b\u6587\u66f8\u306e\u4e00\u3064\u3067\u3082\u3042\u308b\u3002 \u898b\u672c\u3067\u4f5c\u308a\u65b9\u3092\u305d\u308d\u3048\u308b \u3053\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u30dc\u30bf\u30f3\u306e\u6c7a\u307e\u308a\u304c\u66f8\u304d\u6b8b\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\u3001\u5f8c\u304b\u3089\u52a0\u308f\u3063\u305f\u62c5\u5f53\u8005\u306f\u3001\u305d\u308c\u307e\u3067\u3068\u306f\u7570\u306a\u308b\u8272\u3084\u5f62\u3092\u9078\u3076\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306b\u306f\u3001\u8272\u3084\u4e38\u307f\u306e\u5024\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u30dc\u30bf\u30f3\u3092\u3069\u306e\u5834\u9762\u3067\u4f7f\u3046\u304b\u3082\u793a\u3059\u3002  \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u6271\u3046\u306e\u306f\u3001\u753b\u9762\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306f\u306a\u3044\u3002\u6587\u7ae0\uff08\u8abf\u5b50\u30fb\u8868\u8a18\uff09\u3001\u30d6\u30e9\u30f3\u30c9\uff08\u30ed\u30b4\u30fb\u8272\u306e\u7d44\u307f\u5408\u308f\u305b\u30fb\u6587\u5b57\u306e\u5f62\uff09\u3001Web\u753b\u9762\uff08\u914d\u7f6e\u30fb\u90e8\u54c1\uff09\u3092\u6271\u3046\u3082\u306e\u3082\u3042\u308b\u3002\u6587\u7ae0\u3092\u6271\u3046\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7de8\u96c6\u3084\u516c\u958b\u306e\u624b\u9806\u307e\u3067\u542b\u3080\u5834\u5408\u3082\u3042\u308b\u3002  \u30dc\u30bf\u30f3\u306a\u3069\u306e\u90e8\u54c1\u305d\u306e\u3082\u306e\u3092\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u5f62\u3067\u7ba1\u7406\u3059\u308b\u4ed5\u7d44\u307f\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u793a\u3059\u6c7a\u307e\u308a\u3084\u898b\u672c\u3068\u306f\u7570\u306a\u308b\u3002\u305f\u3060\u3057\u3001Web\u5411\u3051\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u5404\u90e8\u54c1\u306e\u898b\u672c\u3068\u30b3\u30fc\u30c9\u3092\u4e00\u7dd2\u306b\u307e\u3068\u3081\u308b\u5834\u5408\u3082\u3042\u308b\u3002\u30b3\u30fc\u30c9\u306f\u3001\u90e8\u54c1\u3092\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u6307\u793a\u3092\u8a18\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u3002  \u8a9e\u6e90\u30fb\u63d0\u5531\u8005 \u30c7\u30b6\u30a4\u30f3\u306e\u6c7a\u307e\u308a\u3092\u6587\u66f8\u306b\u307e\u3068\u3081\u305f\u6b74\u53f2\u7684\u306a\u4f8b\u3068\u3057\u3066\u3001\u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5730\u4e0b\u9244\u306e\u6a19\u8b58\u304c\u3042\u308b\u3002\u5f53\u6642\u306f\u3001\u65b0\u3057\u3044\u6a19\u8b58\u3068\u3001\u5ec3\u6b62\u3055\u308c\u305f\u4ea4\u901a\u4f1a\u793e\u304c\u6570\u5341\u5e74\u524d\u306b\u7acb\u3066\u305f\u6a19\u8b58\u304c\u540c\u3058\u7a7a\u9593\u306b\u4e26\u3093\u3067\u3044\u305f\u3002\u305d\u306e\u305f\u3081\u3001\u5229\u7528\u8005\u306b\u3082\u8077\u54e1\u306b\u3082\u5206\u304b\u308a\u306b\u304f\u3044\u72b6\u614b\u306b\u306a\u3063\u3066\u3044\u305f\u3002  \u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5e02\u4ea4\u901a\u5c40\u306f1966\u5e74\u306b\u3001\u6a19\u8b58\u306e\u8a08\u753b\u3092\u5916\u90e8\u306e\u30c7\u30b6\u30a4\u30f3\u4f1a\u793eUnimark International\u306b\u4f9d\u983c\u3057\u305f\u3002\u540c\u793e\u306f1970\u5e74\u307e\u3067\u306b\u3001\u5730\u4e0b\u9244\u306e\u6700\u521d\u306e\u516c\u5f0f\u306a\u30c7\u30b6\u30a4\u30f3\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u307e\u3068\u3081\u305f\u3002\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u4f7f\u3046\u6587\u5b57\u306e\u5f62\u3092\u6307\u5b9a\u3057\u3001\u6a19\u8b58\u306e\u4ed5\u7d44\u307f\u306f\u6c7a\u307e\u3063\u305f\u5bf8\u6cd5\u306e\u90e8\u54c1\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3082\u306e\u3060\u3063\u305f\u3002\u305f\u3060\u3057\u3001\u4ea4\u901a\u5c40\u306f\u305d\u306e\u6c7a\u307e\u308a\u3092\u53b3\u5bc6\u306b\u306f\u5b88\u3063\u3066\u304a\u3089\u305a\u3001\u7d71\u4e00\u3055\u308c\u305f\u6a19\u8b58\u304c\u5e83\u304f\u884c\u304d\u6e21\u3063\u305f\u306e\u306f1989\u5e74\u304b\u30891990\u5e74\u4ee3\u306b\u304b\u3051\u3066\u3067\u3042\u308b\u3002 \u8868\u793a\u306e\u5d29\u308c\u3084\u629c\u3051\u3092\u898b\u3064\u3051\u308b \u5192\u982d\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3042\u3068\u306e\u8868\u793a\u3084\u3001\u5728\u5eab\u5207\u308c\u306e\u8868\u793a\u304c\u629c\u3051\u3066\u3044\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u30dc\u30bf\u30f3\u306e\u57fa\u672c\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u3082\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306e\u898b\u672c\u306b\u542b\u3081\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u3053\u306e\u898b\u672c\u3068\u5b9f\u969b\u306e\u753b\u9762\u3092\u898b\u6bd4\u3079\u3066\u3001\u8868\u793a\u306e\u5d29\u308c\u3084\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u30fb\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u629c\u3051\u3092\u898b\u3064\u3051\u308b\u3002  \u307e\u305f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u90e8\u54c1\u306e\u540d\u524d\u306b\u3064\u3044\u3066\u30c1\u30fc\u30e0\u3067\u5171\u901a\u306e\u547c\u3073\u65b9\u3092\u4fdd\u3064\u52a9\u3051\u306b\u3082\u306a\u308b\u3002 UX\u6c34\u6e96\u3092\u7dad\u6301\u3059\u308b \u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u304c\u3001\u65b0\u3057\u3044\u753b\u9762\u306b\u5165\u308b\u8981\u7d20\u3092\u898b\u6e21\u3059\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u30c1\u30fc\u30e0\u306f\u3001\u3067\u304d\u308c\u3070\u30c7\u30b6\u30a4\u30f3\u306e\u6bb5\u968e\u304b\u3089\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3092\u4f5c\u308a\u59cb\u3081\u308b\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u306f\u3001\u305d\u306e\u6587\u66f8\u3092\u4f7f\u3063\u3066\u3001\u4f55\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u3069\u3053\u306b\u6587\u7ae0\u3092\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002  \u82f1\u56fd\u653f\u5e9c\u306e\u30b5\u30a4\u30c8\u300cGOV.UK\u300d\u306f\u3001\u300cA to Z\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u300d\u3068\u3044\u3046\u6587\u66f8\u3067\u3001\u753b\u9762\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u4f7f\u3046\u8a00\u8449\u3092\u5b9a\u3081\u3066\u3044\u308b\u3002\u3059\u3079\u3066\u306e\u5229\u7528\u8005\u304c\u30af\u30ea\u30c3\u30af\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u7406\u7531\u306b\u3001\u300cclick\uff08\u30af\u30ea\u30c3\u30af\u3059\u308b\uff09\u300d\u3067\u306f\u306a\u304f\u300cselect\uff08\u9078\u629e\u3059\u308b\uff09\u300d\u3092\u4f7f\u3046\u3088\u3046\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002  \u3053\u306e\u6307\u5b9a\u3092\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u753b\u9762\u306b\u5fdc\u7528\u3059\u308b\u306a\u3089\u3001\u66f8\u304d\u624b\u306f\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u306e\u64cd\u4f5c\u8aac\u660e\u3067\u300c\u30af\u30ea\u30c3\u30af\u300d\u3067\u306f\u306a\u304f\u300c\u9078\u3076\u300d\u3068\u66f8\u304f\u3002\u66f8\u304d\u624b\u306f\u3001\u307b\u304b\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u3082\u7279\u5b9a\u306e\u64cd\u4f5c\u65b9\u6cd5\u3060\u3051\u3092\u524d\u63d0\u3068\u3059\u308b\u8a00\u8449\u304c\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3059\u308b\u3002\u305d\u306e\u3046\u3048\u3067\u3001\u30c1\u30fc\u30e0\u306f\u4f7f\u3046\u8868\u73fe\u3068\u4f7f\u308f\u306a\u3044\u8868\u73fe\u3001\u9078\u3093\u3060\u7406\u7531\u3092\u6587\u66f8\u306b\u6b8b\u3059\u3002  \u591a\u304f\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u6163\u7fd2\u3084\u8a00\u8449\u306e\u4f7f\u3044\u65b9\u306e\u5909\u5316\u306b\u5408\u308f\u305b\u3066\u5b9a\u671f\u7684\u306b\u6539\u8a02\u3055\u308c\u308b\u3002 \u95a2\u9023\u7528\u8a9e   \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea  \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea  \u4e00\u8cab\u6027\u3068\u6a19\u6e96  \u30dc\u30a4\u30b9\uff06\u30c8\u30fc\u30f3  https:\/\/uxdaystokyo.com\/articles\/glossary\/design-system\/ https:\/\/uxdaystokyo.com\/articles\/glossary\/style-tiles\/\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9 | UX TIMES\" \/>\n<meta property=\"og:description\" content=\"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3068\u306f\u3001\u5177\u4f53\u7684\u306a\u6c7a\u307e\u308a\u3084\u898b\u672c\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u3067\u3001\u753b\u9762\u3084\u6587\u66f8\u306e\u898b\u305f\u76ee\u30fb\u8a00\u8449\u3065\u304b\u3044\u3092\u305d\u308d\u3048\u308b\u6587\u66f8\u3067\u3042\u308b\u3002  \u4f8b\u3048\u3070\u3001\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u3001\u8907\u6570\u306e\u62c5\u5f53\u8005\u304c\u4f5c\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u4f7f\u3046\u8272\u3001\u89d2\u306e\u4e38\u307f\u3001\u5468\u308a\u306e\u4f59\u767d\u306e\u5024\u3092\u898b\u672c\u3068\u3068\u3082\u306b\u6587\u66f8\u306b\u6b8b\u3059\u3002\u5404\u62c5\u5f53\u8005\u306f\u3001\u5546\u54c1\u30da\u30fc\u30b8\u3084\u4e00\u89a7\u3067\u3082\u540c\u3058\u57fa\u6e96\u3067\u30dc\u30bf\u30f3\u3092\u4f5c\u308a\u3001\u65b0\u3057\u3044\u90e8\u54c1\u304c\u5897\u3048\u305f\u3089\u6587\u66f8\u3082\u66f4\u65b0\u3059\u308b\u3002  \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u753b\u9762\u306e\u90e8\u54c1\u3084\u6c7a\u307e\u308a\u3092\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u300c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300d\u3092\u69cb\u6210\u3059\u308b\u6587\u66f8\u306e\u4e00\u3064\u3067\u3082\u3042\u308b\u3002 \u898b\u672c\u3067\u4f5c\u308a\u65b9\u3092\u305d\u308d\u3048\u308b \u3053\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u30dc\u30bf\u30f3\u306e\u6c7a\u307e\u308a\u304c\u66f8\u304d\u6b8b\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\u3001\u5f8c\u304b\u3089\u52a0\u308f\u3063\u305f\u62c5\u5f53\u8005\u306f\u3001\u305d\u308c\u307e\u3067\u3068\u306f\u7570\u306a\u308b\u8272\u3084\u5f62\u3092\u9078\u3076\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306b\u306f\u3001\u8272\u3084\u4e38\u307f\u306e\u5024\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u30dc\u30bf\u30f3\u3092\u3069\u306e\u5834\u9762\u3067\u4f7f\u3046\u304b\u3082\u793a\u3059\u3002  \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u6271\u3046\u306e\u306f\u3001\u753b\u9762\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306f\u306a\u3044\u3002\u6587\u7ae0\uff08\u8abf\u5b50\u30fb\u8868\u8a18\uff09\u3001\u30d6\u30e9\u30f3\u30c9\uff08\u30ed\u30b4\u30fb\u8272\u306e\u7d44\u307f\u5408\u308f\u305b\u30fb\u6587\u5b57\u306e\u5f62\uff09\u3001Web\u753b\u9762\uff08\u914d\u7f6e\u30fb\u90e8\u54c1\uff09\u3092\u6271\u3046\u3082\u306e\u3082\u3042\u308b\u3002\u6587\u7ae0\u3092\u6271\u3046\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7de8\u96c6\u3084\u516c\u958b\u306e\u624b\u9806\u307e\u3067\u542b\u3080\u5834\u5408\u3082\u3042\u308b\u3002  \u30dc\u30bf\u30f3\u306a\u3069\u306e\u90e8\u54c1\u305d\u306e\u3082\u306e\u3092\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u5f62\u3067\u7ba1\u7406\u3059\u308b\u4ed5\u7d44\u307f\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u793a\u3059\u6c7a\u307e\u308a\u3084\u898b\u672c\u3068\u306f\u7570\u306a\u308b\u3002\u305f\u3060\u3057\u3001Web\u5411\u3051\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u5404\u90e8\u54c1\u306e\u898b\u672c\u3068\u30b3\u30fc\u30c9\u3092\u4e00\u7dd2\u306b\u307e\u3068\u3081\u308b\u5834\u5408\u3082\u3042\u308b\u3002\u30b3\u30fc\u30c9\u306f\u3001\u90e8\u54c1\u3092\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u6307\u793a\u3092\u8a18\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u3002  \u8a9e\u6e90\u30fb\u63d0\u5531\u8005 \u30c7\u30b6\u30a4\u30f3\u306e\u6c7a\u307e\u308a\u3092\u6587\u66f8\u306b\u307e\u3068\u3081\u305f\u6b74\u53f2\u7684\u306a\u4f8b\u3068\u3057\u3066\u3001\u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5730\u4e0b\u9244\u306e\u6a19\u8b58\u304c\u3042\u308b\u3002\u5f53\u6642\u306f\u3001\u65b0\u3057\u3044\u6a19\u8b58\u3068\u3001\u5ec3\u6b62\u3055\u308c\u305f\u4ea4\u901a\u4f1a\u793e\u304c\u6570\u5341\u5e74\u524d\u306b\u7acb\u3066\u305f\u6a19\u8b58\u304c\u540c\u3058\u7a7a\u9593\u306b\u4e26\u3093\u3067\u3044\u305f\u3002\u305d\u306e\u305f\u3081\u3001\u5229\u7528\u8005\u306b\u3082\u8077\u54e1\u306b\u3082\u5206\u304b\u308a\u306b\u304f\u3044\u72b6\u614b\u306b\u306a\u3063\u3066\u3044\u305f\u3002  \u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5e02\u4ea4\u901a\u5c40\u306f1966\u5e74\u306b\u3001\u6a19\u8b58\u306e\u8a08\u753b\u3092\u5916\u90e8\u306e\u30c7\u30b6\u30a4\u30f3\u4f1a\u793eUnimark International\u306b\u4f9d\u983c\u3057\u305f\u3002\u540c\u793e\u306f1970\u5e74\u307e\u3067\u306b\u3001\u5730\u4e0b\u9244\u306e\u6700\u521d\u306e\u516c\u5f0f\u306a\u30c7\u30b6\u30a4\u30f3\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u307e\u3068\u3081\u305f\u3002\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u4f7f\u3046\u6587\u5b57\u306e\u5f62\u3092\u6307\u5b9a\u3057\u3001\u6a19\u8b58\u306e\u4ed5\u7d44\u307f\u306f\u6c7a\u307e\u3063\u305f\u5bf8\u6cd5\u306e\u90e8\u54c1\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3082\u306e\u3060\u3063\u305f\u3002\u305f\u3060\u3057\u3001\u4ea4\u901a\u5c40\u306f\u305d\u306e\u6c7a\u307e\u308a\u3092\u53b3\u5bc6\u306b\u306f\u5b88\u3063\u3066\u304a\u3089\u305a\u3001\u7d71\u4e00\u3055\u308c\u305f\u6a19\u8b58\u304c\u5e83\u304f\u884c\u304d\u6e21\u3063\u305f\u306e\u306f1989\u5e74\u304b\u30891990\u5e74\u4ee3\u306b\u304b\u3051\u3066\u3067\u3042\u308b\u3002 \u8868\u793a\u306e\u5d29\u308c\u3084\u629c\u3051\u3092\u898b\u3064\u3051\u308b \u5192\u982d\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3042\u3068\u306e\u8868\u793a\u3084\u3001\u5728\u5eab\u5207\u308c\u306e\u8868\u793a\u304c\u629c\u3051\u3066\u3044\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u30dc\u30bf\u30f3\u306e\u57fa\u672c\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u3082\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306e\u898b\u672c\u306b\u542b\u3081\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u3053\u306e\u898b\u672c\u3068\u5b9f\u969b\u306e\u753b\u9762\u3092\u898b\u6bd4\u3079\u3066\u3001\u8868\u793a\u306e\u5d29\u308c\u3084\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u30fb\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u629c\u3051\u3092\u898b\u3064\u3051\u308b\u3002  \u307e\u305f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u90e8\u54c1\u306e\u540d\u524d\u306b\u3064\u3044\u3066\u30c1\u30fc\u30e0\u3067\u5171\u901a\u306e\u547c\u3073\u65b9\u3092\u4fdd\u3064\u52a9\u3051\u306b\u3082\u306a\u308b\u3002 UX\u6c34\u6e96\u3092\u7dad\u6301\u3059\u308b \u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u304c\u3001\u65b0\u3057\u3044\u753b\u9762\u306b\u5165\u308b\u8981\u7d20\u3092\u898b\u6e21\u3059\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u30c1\u30fc\u30e0\u306f\u3001\u3067\u304d\u308c\u3070\u30c7\u30b6\u30a4\u30f3\u306e\u6bb5\u968e\u304b\u3089\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3092\u4f5c\u308a\u59cb\u3081\u308b\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u306f\u3001\u305d\u306e\u6587\u66f8\u3092\u4f7f\u3063\u3066\u3001\u4f55\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u3069\u3053\u306b\u6587\u7ae0\u3092\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002  \u82f1\u56fd\u653f\u5e9c\u306e\u30b5\u30a4\u30c8\u300cGOV.UK\u300d\u306f\u3001\u300cA to Z\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u300d\u3068\u3044\u3046\u6587\u66f8\u3067\u3001\u753b\u9762\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u4f7f\u3046\u8a00\u8449\u3092\u5b9a\u3081\u3066\u3044\u308b\u3002\u3059\u3079\u3066\u306e\u5229\u7528\u8005\u304c\u30af\u30ea\u30c3\u30af\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u7406\u7531\u306b\u3001\u300cclick\uff08\u30af\u30ea\u30c3\u30af\u3059\u308b\uff09\u300d\u3067\u306f\u306a\u304f\u300cselect\uff08\u9078\u629e\u3059\u308b\uff09\u300d\u3092\u4f7f\u3046\u3088\u3046\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002  \u3053\u306e\u6307\u5b9a\u3092\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u753b\u9762\u306b\u5fdc\u7528\u3059\u308b\u306a\u3089\u3001\u66f8\u304d\u624b\u306f\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u306e\u64cd\u4f5c\u8aac\u660e\u3067\u300c\u30af\u30ea\u30c3\u30af\u300d\u3067\u306f\u306a\u304f\u300c\u9078\u3076\u300d\u3068\u66f8\u304f\u3002\u66f8\u304d\u624b\u306f\u3001\u307b\u304b\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u3082\u7279\u5b9a\u306e\u64cd\u4f5c\u65b9\u6cd5\u3060\u3051\u3092\u524d\u63d0\u3068\u3059\u308b\u8a00\u8449\u304c\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3059\u308b\u3002\u305d\u306e\u3046\u3048\u3067\u3001\u30c1\u30fc\u30e0\u306f\u4f7f\u3046\u8868\u73fe\u3068\u4f7f\u308f\u306a\u3044\u8868\u73fe\u3001\u9078\u3093\u3060\u7406\u7531\u3092\u6587\u66f8\u306b\u6b8b\u3059\u3002  \u591a\u304f\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u6163\u7fd2\u3084\u8a00\u8449\u306e\u4f7f\u3044\u65b9\u306e\u5909\u5316\u306b\u5408\u308f\u305b\u3066\u5b9a\u671f\u7684\u306b\u6539\u8a02\u3055\u308c\u308b\u3002 \u95a2\u9023\u7528\u8a9e   \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea  \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea  \u4e00\u8cab\u6027\u3068\u6a19\u6e96  \u30dc\u30a4\u30b9\uff06\u30c8\u30fc\u30f3  https:\/\/uxdaystokyo.com\/articles\/glossary\/design-system\/ https:\/\/uxdaystokyo.com\/articles\/glossary\/style-tiles\/\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"UX TIMES\" \/>\n<meta property=\"og:image\" content=\"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2026\/10\/style-guide-eyecatch.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-guide\\\/\",\"url\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-guide\\\/\",\"name\":\"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9 | UX TIMES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/style-guide-eyecatch.png\",\"datePublished\":\"2026-10-25T11:32:19+00:00\",\"description\":\"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3068\u306f\u3001\u5177\u4f53\u7684\u306a\u6c7a\u307e\u308a\u3084\u898b\u672c\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u3067\u3001\u753b\u9762\u3084\u6587\u66f8\u306e\u898b\u305f\u76ee\u30fb\u8a00\u8449\u3065\u304b\u3044\u3092\u305d\u308d\u3048\u308b\u6587\u66f8\u3067\u3042\u308b\u3002 \u4f8b\u3048\u3070\u3001\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u3001\u8907\u6570\u306e\u62c5\u5f53\u8005\u304c\u4f5c\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u4f7f\u3046\u8272\u3001\u89d2\u306e\u4e38\u307f\u3001\u5468\u308a\u306e\u4f59\u767d\u306e\u5024\u3092\u898b\u672c\u3068\u3068\u3082\u306b\u6587\u66f8\u306b\u6b8b\u3059\u3002\u5404\u62c5\u5f53\u8005\u306f\u3001\u5546\u54c1\u30da\u30fc\u30b8\u3084\u4e00\u89a7\u3067\u3082\u540c\u3058\u57fa\u6e96\u3067\u30dc\u30bf\u30f3\u3092\u4f5c\u308a\u3001\u65b0\u3057\u3044\u90e8\u54c1\u304c\u5897\u3048\u305f\u3089\u6587\u66f8\u3082\u66f4\u65b0\u3059\u308b\u3002 \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u753b\u9762\u306e\u90e8\u54c1\u3084\u6c7a\u307e\u308a\u3092\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u300c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300d\u3092\u69cb\u6210\u3059\u308b\u6587\u66f8\u306e\u4e00\u3064\u3067\u3082\u3042\u308b\u3002 \u898b\u672c\u3067\u4f5c\u308a\u65b9\u3092\u305d\u308d\u3048\u308b \u3053\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u30dc\u30bf\u30f3\u306e\u6c7a\u307e\u308a\u304c\u66f8\u304d\u6b8b\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\u3001\u5f8c\u304b\u3089\u52a0\u308f\u3063\u305f\u62c5\u5f53\u8005\u306f\u3001\u305d\u308c\u307e\u3067\u3068\u306f\u7570\u306a\u308b\u8272\u3084\u5f62\u3092\u9078\u3076\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306b\u306f\u3001\u8272\u3084\u4e38\u307f\u306e\u5024\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u30dc\u30bf\u30f3\u3092\u3069\u306e\u5834\u9762\u3067\u4f7f\u3046\u304b\u3082\u793a\u3059\u3002 \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u6271\u3046\u306e\u306f\u3001\u753b\u9762\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306f\u306a\u3044\u3002\u6587\u7ae0\uff08\u8abf\u5b50\u30fb\u8868\u8a18\uff09\u3001\u30d6\u30e9\u30f3\u30c9\uff08\u30ed\u30b4\u30fb\u8272\u306e\u7d44\u307f\u5408\u308f\u305b\u30fb\u6587\u5b57\u306e\u5f62\uff09\u3001Web\u753b\u9762\uff08\u914d\u7f6e\u30fb\u90e8\u54c1\uff09\u3092\u6271\u3046\u3082\u306e\u3082\u3042\u308b\u3002\u6587\u7ae0\u3092\u6271\u3046\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7de8\u96c6\u3084\u516c\u958b\u306e\u624b\u9806\u307e\u3067\u542b\u3080\u5834\u5408\u3082\u3042\u308b\u3002 \u30dc\u30bf\u30f3\u306a\u3069\u306e\u90e8\u54c1\u305d\u306e\u3082\u306e\u3092\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u5f62\u3067\u7ba1\u7406\u3059\u308b\u4ed5\u7d44\u307f\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u793a\u3059\u6c7a\u307e\u308a\u3084\u898b\u672c\u3068\u306f\u7570\u306a\u308b\u3002\u305f\u3060\u3057\u3001Web\u5411\u3051\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u5404\u90e8\u54c1\u306e\u898b\u672c\u3068\u30b3\u30fc\u30c9\u3092\u4e00\u7dd2\u306b\u307e\u3068\u3081\u308b\u5834\u5408\u3082\u3042\u308b\u3002\u30b3\u30fc\u30c9\u306f\u3001\u90e8\u54c1\u3092\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u6307\u793a\u3092\u8a18\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u3002 \u8a9e\u6e90\u30fb\u63d0\u5531\u8005 \u30c7\u30b6\u30a4\u30f3\u306e\u6c7a\u307e\u308a\u3092\u6587\u66f8\u306b\u307e\u3068\u3081\u305f\u6b74\u53f2\u7684\u306a\u4f8b\u3068\u3057\u3066\u3001\u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5730\u4e0b\u9244\u306e\u6a19\u8b58\u304c\u3042\u308b\u3002\u5f53\u6642\u306f\u3001\u65b0\u3057\u3044\u6a19\u8b58\u3068\u3001\u5ec3\u6b62\u3055\u308c\u305f\u4ea4\u901a\u4f1a\u793e\u304c\u6570\u5341\u5e74\u524d\u306b\u7acb\u3066\u305f\u6a19\u8b58\u304c\u540c\u3058\u7a7a\u9593\u306b\u4e26\u3093\u3067\u3044\u305f\u3002\u305d\u306e\u305f\u3081\u3001\u5229\u7528\u8005\u306b\u3082\u8077\u54e1\u306b\u3082\u5206\u304b\u308a\u306b\u304f\u3044\u72b6\u614b\u306b\u306a\u3063\u3066\u3044\u305f\u3002 \u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5e02\u4ea4\u901a\u5c40\u306f1966\u5e74\u306b\u3001\u6a19\u8b58\u306e\u8a08\u753b\u3092\u5916\u90e8\u306e\u30c7\u30b6\u30a4\u30f3\u4f1a\u793eUnimark International\u306b\u4f9d\u983c\u3057\u305f\u3002\u540c\u793e\u306f1970\u5e74\u307e\u3067\u306b\u3001\u5730\u4e0b\u9244\u306e\u6700\u521d\u306e\u516c\u5f0f\u306a\u30c7\u30b6\u30a4\u30f3\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u307e\u3068\u3081\u305f\u3002\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u4f7f\u3046\u6587\u5b57\u306e\u5f62\u3092\u6307\u5b9a\u3057\u3001\u6a19\u8b58\u306e\u4ed5\u7d44\u307f\u306f\u6c7a\u307e\u3063\u305f\u5bf8\u6cd5\u306e\u90e8\u54c1\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3082\u306e\u3060\u3063\u305f\u3002\u305f\u3060\u3057\u3001\u4ea4\u901a\u5c40\u306f\u305d\u306e\u6c7a\u307e\u308a\u3092\u53b3\u5bc6\u306b\u306f\u5b88\u3063\u3066\u304a\u3089\u305a\u3001\u7d71\u4e00\u3055\u308c\u305f\u6a19\u8b58\u304c\u5e83\u304f\u884c\u304d\u6e21\u3063\u305f\u306e\u306f1989\u5e74\u304b\u30891990\u5e74\u4ee3\u306b\u304b\u3051\u3066\u3067\u3042\u308b\u3002 \u8868\u793a\u306e\u5d29\u308c\u3084\u629c\u3051\u3092\u898b\u3064\u3051\u308b \u5192\u982d\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3042\u3068\u306e\u8868\u793a\u3084\u3001\u5728\u5eab\u5207\u308c\u306e\u8868\u793a\u304c\u629c\u3051\u3066\u3044\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u30dc\u30bf\u30f3\u306e\u57fa\u672c\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u3082\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306e\u898b\u672c\u306b\u542b\u3081\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u3053\u306e\u898b\u672c\u3068\u5b9f\u969b\u306e\u753b\u9762\u3092\u898b\u6bd4\u3079\u3066\u3001\u8868\u793a\u306e\u5d29\u308c\u3084\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u30fb\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u629c\u3051\u3092\u898b\u3064\u3051\u308b\u3002 \u307e\u305f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u90e8\u54c1\u306e\u540d\u524d\u306b\u3064\u3044\u3066\u30c1\u30fc\u30e0\u3067\u5171\u901a\u306e\u547c\u3073\u65b9\u3092\u4fdd\u3064\u52a9\u3051\u306b\u3082\u306a\u308b\u3002 UX\u6c34\u6e96\u3092\u7dad\u6301\u3059\u308b \u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u304c\u3001\u65b0\u3057\u3044\u753b\u9762\u306b\u5165\u308b\u8981\u7d20\u3092\u898b\u6e21\u3059\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u30c1\u30fc\u30e0\u306f\u3001\u3067\u304d\u308c\u3070\u30c7\u30b6\u30a4\u30f3\u306e\u6bb5\u968e\u304b\u3089\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3092\u4f5c\u308a\u59cb\u3081\u308b\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u306f\u3001\u305d\u306e\u6587\u66f8\u3092\u4f7f\u3063\u3066\u3001\u4f55\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u3069\u3053\u306b\u6587\u7ae0\u3092\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002 \u82f1\u56fd\u653f\u5e9c\u306e\u30b5\u30a4\u30c8\u300cGOV.UK\u300d\u306f\u3001\u300cA to Z\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u300d\u3068\u3044\u3046\u6587\u66f8\u3067\u3001\u753b\u9762\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u4f7f\u3046\u8a00\u8449\u3092\u5b9a\u3081\u3066\u3044\u308b\u3002\u3059\u3079\u3066\u306e\u5229\u7528\u8005\u304c\u30af\u30ea\u30c3\u30af\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u7406\u7531\u306b\u3001\u300cclick\uff08\u30af\u30ea\u30c3\u30af\u3059\u308b\uff09\u300d\u3067\u306f\u306a\u304f\u300cselect\uff08\u9078\u629e\u3059\u308b\uff09\u300d\u3092\u4f7f\u3046\u3088\u3046\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002 \u3053\u306e\u6307\u5b9a\u3092\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u753b\u9762\u306b\u5fdc\u7528\u3059\u308b\u306a\u3089\u3001\u66f8\u304d\u624b\u306f\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u306e\u64cd\u4f5c\u8aac\u660e\u3067\u300c\u30af\u30ea\u30c3\u30af\u300d\u3067\u306f\u306a\u304f\u300c\u9078\u3076\u300d\u3068\u66f8\u304f\u3002\u66f8\u304d\u624b\u306f\u3001\u307b\u304b\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u3082\u7279\u5b9a\u306e\u64cd\u4f5c\u65b9\u6cd5\u3060\u3051\u3092\u524d\u63d0\u3068\u3059\u308b\u8a00\u8449\u304c\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3059\u308b\u3002\u305d\u306e\u3046\u3048\u3067\u3001\u30c1\u30fc\u30e0\u306f\u4f7f\u3046\u8868\u73fe\u3068\u4f7f\u308f\u306a\u3044\u8868\u73fe\u3001\u9078\u3093\u3060\u7406\u7531\u3092\u6587\u66f8\u306b\u6b8b\u3059\u3002 \u591a\u304f\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u6163\u7fd2\u3084\u8a00\u8449\u306e\u4f7f\u3044\u65b9\u306e\u5909\u5316\u306b\u5408\u308f\u305b\u3066\u5b9a\u671f\u7684\u306b\u6539\u8a02\u3055\u308c\u308b\u3002 \u95a2\u9023\u7528\u8a9e \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea \u4e00\u8cab\u6027\u3068\u6a19\u6e96 \u30dc\u30a4\u30b9\uff06\u30c8\u30fc\u30f3 https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/design-system\\\/ https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-tiles\\\/\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-guide\\\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/style-guide-eyecatch.png\",\"contentUrl\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/style-guide-eyecatch.png\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/style-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"TOP\",\"item\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX\u7528\u8a9e\",\"item\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/glossary\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/#website\",\"url\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/\",\"name\":\"UX TIMES\",\"description\":\"\u4e16\u754c\u306eUX\u3092\u65e5\u672c\u3067\u5b66\u3076 | \u30d6\u30ed\u30b0\",\"publisher\":{\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/#organization\",\"name\":\"UX DAYS TOKYO\",\"url\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/logo-uxdt-595-235.png\",\"contentUrl\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/logo-uxdt-595-235.png\",\"width\":595,\"height\":235,\"caption\":\"UX DAYS TOKYO\"},\"image\":{\"@id\":\"https:\\\/\\\/uxdaystokyo.com\\\/articles\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9 | UX TIMES","description":"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3068\u306f\u3001\u5177\u4f53\u7684\u306a\u6c7a\u307e\u308a\u3084\u898b\u672c\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u3067\u3001\u753b\u9762\u3084\u6587\u66f8\u306e\u898b\u305f\u76ee\u30fb\u8a00\u8449\u3065\u304b\u3044\u3092\u305d\u308d\u3048\u308b\u6587\u66f8\u3067\u3042\u308b\u3002  \u4f8b\u3048\u3070\u3001\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u3001\u8907\u6570\u306e\u62c5\u5f53\u8005\u304c\u4f5c\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u4f7f\u3046\u8272\u3001\u89d2\u306e\u4e38\u307f\u3001\u5468\u308a\u306e\u4f59\u767d\u306e\u5024\u3092\u898b\u672c\u3068\u3068\u3082\u306b\u6587\u66f8\u306b\u6b8b\u3059\u3002\u5404\u62c5\u5f53\u8005\u306f\u3001\u5546\u54c1\u30da\u30fc\u30b8\u3084\u4e00\u89a7\u3067\u3082\u540c\u3058\u57fa\u6e96\u3067\u30dc\u30bf\u30f3\u3092\u4f5c\u308a\u3001\u65b0\u3057\u3044\u90e8\u54c1\u304c\u5897\u3048\u305f\u3089\u6587\u66f8\u3082\u66f4\u65b0\u3059\u308b\u3002  \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u753b\u9762\u306e\u90e8\u54c1\u3084\u6c7a\u307e\u308a\u3092\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u300c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300d\u3092\u69cb\u6210\u3059\u308b\u6587\u66f8\u306e\u4e00\u3064\u3067\u3082\u3042\u308b\u3002 \u898b\u672c\u3067\u4f5c\u308a\u65b9\u3092\u305d\u308d\u3048\u308b \u3053\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u30dc\u30bf\u30f3\u306e\u6c7a\u307e\u308a\u304c\u66f8\u304d\u6b8b\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\u3001\u5f8c\u304b\u3089\u52a0\u308f\u3063\u305f\u62c5\u5f53\u8005\u306f\u3001\u305d\u308c\u307e\u3067\u3068\u306f\u7570\u306a\u308b\u8272\u3084\u5f62\u3092\u9078\u3076\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306b\u306f\u3001\u8272\u3084\u4e38\u307f\u306e\u5024\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u30dc\u30bf\u30f3\u3092\u3069\u306e\u5834\u9762\u3067\u4f7f\u3046\u304b\u3082\u793a\u3059\u3002  \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u6271\u3046\u306e\u306f\u3001\u753b\u9762\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306f\u306a\u3044\u3002\u6587\u7ae0\uff08\u8abf\u5b50\u30fb\u8868\u8a18\uff09\u3001\u30d6\u30e9\u30f3\u30c9\uff08\u30ed\u30b4\u30fb\u8272\u306e\u7d44\u307f\u5408\u308f\u305b\u30fb\u6587\u5b57\u306e\u5f62\uff09\u3001Web\u753b\u9762\uff08\u914d\u7f6e\u30fb\u90e8\u54c1\uff09\u3092\u6271\u3046\u3082\u306e\u3082\u3042\u308b\u3002\u6587\u7ae0\u3092\u6271\u3046\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7de8\u96c6\u3084\u516c\u958b\u306e\u624b\u9806\u307e\u3067\u542b\u3080\u5834\u5408\u3082\u3042\u308b\u3002  \u30dc\u30bf\u30f3\u306a\u3069\u306e\u90e8\u54c1\u305d\u306e\u3082\u306e\u3092\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u5f62\u3067\u7ba1\u7406\u3059\u308b\u4ed5\u7d44\u307f\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u793a\u3059\u6c7a\u307e\u308a\u3084\u898b\u672c\u3068\u306f\u7570\u306a\u308b\u3002\u305f\u3060\u3057\u3001Web\u5411\u3051\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u5404\u90e8\u54c1\u306e\u898b\u672c\u3068\u30b3\u30fc\u30c9\u3092\u4e00\u7dd2\u306b\u307e\u3068\u3081\u308b\u5834\u5408\u3082\u3042\u308b\u3002\u30b3\u30fc\u30c9\u306f\u3001\u90e8\u54c1\u3092\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u6307\u793a\u3092\u8a18\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u3002  \u8a9e\u6e90\u30fb\u63d0\u5531\u8005 \u30c7\u30b6\u30a4\u30f3\u306e\u6c7a\u307e\u308a\u3092\u6587\u66f8\u306b\u307e\u3068\u3081\u305f\u6b74\u53f2\u7684\u306a\u4f8b\u3068\u3057\u3066\u3001\u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5730\u4e0b\u9244\u306e\u6a19\u8b58\u304c\u3042\u308b\u3002\u5f53\u6642\u306f\u3001\u65b0\u3057\u3044\u6a19\u8b58\u3068\u3001\u5ec3\u6b62\u3055\u308c\u305f\u4ea4\u901a\u4f1a\u793e\u304c\u6570\u5341\u5e74\u524d\u306b\u7acb\u3066\u305f\u6a19\u8b58\u304c\u540c\u3058\u7a7a\u9593\u306b\u4e26\u3093\u3067\u3044\u305f\u3002\u305d\u306e\u305f\u3081\u3001\u5229\u7528\u8005\u306b\u3082\u8077\u54e1\u306b\u3082\u5206\u304b\u308a\u306b\u304f\u3044\u72b6\u614b\u306b\u306a\u3063\u3066\u3044\u305f\u3002  \u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5e02\u4ea4\u901a\u5c40\u306f1966\u5e74\u306b\u3001\u6a19\u8b58\u306e\u8a08\u753b\u3092\u5916\u90e8\u306e\u30c7\u30b6\u30a4\u30f3\u4f1a\u793eUnimark International\u306b\u4f9d\u983c\u3057\u305f\u3002\u540c\u793e\u306f1970\u5e74\u307e\u3067\u306b\u3001\u5730\u4e0b\u9244\u306e\u6700\u521d\u306e\u516c\u5f0f\u306a\u30c7\u30b6\u30a4\u30f3\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u307e\u3068\u3081\u305f\u3002\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u4f7f\u3046\u6587\u5b57\u306e\u5f62\u3092\u6307\u5b9a\u3057\u3001\u6a19\u8b58\u306e\u4ed5\u7d44\u307f\u306f\u6c7a\u307e\u3063\u305f\u5bf8\u6cd5\u306e\u90e8\u54c1\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3082\u306e\u3060\u3063\u305f\u3002\u305f\u3060\u3057\u3001\u4ea4\u901a\u5c40\u306f\u305d\u306e\u6c7a\u307e\u308a\u3092\u53b3\u5bc6\u306b\u306f\u5b88\u3063\u3066\u304a\u3089\u305a\u3001\u7d71\u4e00\u3055\u308c\u305f\u6a19\u8b58\u304c\u5e83\u304f\u884c\u304d\u6e21\u3063\u305f\u306e\u306f1989\u5e74\u304b\u30891990\u5e74\u4ee3\u306b\u304b\u3051\u3066\u3067\u3042\u308b\u3002 \u8868\u793a\u306e\u5d29\u308c\u3084\u629c\u3051\u3092\u898b\u3064\u3051\u308b \u5192\u982d\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3042\u3068\u306e\u8868\u793a\u3084\u3001\u5728\u5eab\u5207\u308c\u306e\u8868\u793a\u304c\u629c\u3051\u3066\u3044\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u30dc\u30bf\u30f3\u306e\u57fa\u672c\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u3082\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306e\u898b\u672c\u306b\u542b\u3081\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u3053\u306e\u898b\u672c\u3068\u5b9f\u969b\u306e\u753b\u9762\u3092\u898b\u6bd4\u3079\u3066\u3001\u8868\u793a\u306e\u5d29\u308c\u3084\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u30fb\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u629c\u3051\u3092\u898b\u3064\u3051\u308b\u3002  \u307e\u305f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u90e8\u54c1\u306e\u540d\u524d\u306b\u3064\u3044\u3066\u30c1\u30fc\u30e0\u3067\u5171\u901a\u306e\u547c\u3073\u65b9\u3092\u4fdd\u3064\u52a9\u3051\u306b\u3082\u306a\u308b\u3002 UX\u6c34\u6e96\u3092\u7dad\u6301\u3059\u308b \u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u304c\u3001\u65b0\u3057\u3044\u753b\u9762\u306b\u5165\u308b\u8981\u7d20\u3092\u898b\u6e21\u3059\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u30c1\u30fc\u30e0\u306f\u3001\u3067\u304d\u308c\u3070\u30c7\u30b6\u30a4\u30f3\u306e\u6bb5\u968e\u304b\u3089\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3092\u4f5c\u308a\u59cb\u3081\u308b\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u306f\u3001\u305d\u306e\u6587\u66f8\u3092\u4f7f\u3063\u3066\u3001\u4f55\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u3069\u3053\u306b\u6587\u7ae0\u3092\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002  \u82f1\u56fd\u653f\u5e9c\u306e\u30b5\u30a4\u30c8\u300cGOV.UK\u300d\u306f\u3001\u300cA to Z\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u300d\u3068\u3044\u3046\u6587\u66f8\u3067\u3001\u753b\u9762\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u4f7f\u3046\u8a00\u8449\u3092\u5b9a\u3081\u3066\u3044\u308b\u3002\u3059\u3079\u3066\u306e\u5229\u7528\u8005\u304c\u30af\u30ea\u30c3\u30af\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u7406\u7531\u306b\u3001\u300cclick\uff08\u30af\u30ea\u30c3\u30af\u3059\u308b\uff09\u300d\u3067\u306f\u306a\u304f\u300cselect\uff08\u9078\u629e\u3059\u308b\uff09\u300d\u3092\u4f7f\u3046\u3088\u3046\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002  \u3053\u306e\u6307\u5b9a\u3092\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u753b\u9762\u306b\u5fdc\u7528\u3059\u308b\u306a\u3089\u3001\u66f8\u304d\u624b\u306f\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u306e\u64cd\u4f5c\u8aac\u660e\u3067\u300c\u30af\u30ea\u30c3\u30af\u300d\u3067\u306f\u306a\u304f\u300c\u9078\u3076\u300d\u3068\u66f8\u304f\u3002\u66f8\u304d\u624b\u306f\u3001\u307b\u304b\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u3082\u7279\u5b9a\u306e\u64cd\u4f5c\u65b9\u6cd5\u3060\u3051\u3092\u524d\u63d0\u3068\u3059\u308b\u8a00\u8449\u304c\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3059\u308b\u3002\u305d\u306e\u3046\u3048\u3067\u3001\u30c1\u30fc\u30e0\u306f\u4f7f\u3046\u8868\u73fe\u3068\u4f7f\u308f\u306a\u3044\u8868\u73fe\u3001\u9078\u3093\u3060\u7406\u7531\u3092\u6587\u66f8\u306b\u6b8b\u3059\u3002  \u591a\u304f\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u6163\u7fd2\u3084\u8a00\u8449\u306e\u4f7f\u3044\u65b9\u306e\u5909\u5316\u306b\u5408\u308f\u305b\u3066\u5b9a\u671f\u7684\u306b\u6539\u8a02\u3055\u308c\u308b\u3002 \u95a2\u9023\u7528\u8a9e   \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea  \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea  \u4e00\u8cab\u6027\u3068\u6a19\u6e96  \u30dc\u30a4\u30b9\uff06\u30c8\u30fc\u30f3  https:\/\/uxdaystokyo.com\/articles\/glossary\/design-system\/ https:\/\/uxdaystokyo.com\/articles\/glossary\/style-tiles\/","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/","og_locale":"ja_JP","og_type":"article","og_title":"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9 | UX TIMES","og_description":"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3068\u306f\u3001\u5177\u4f53\u7684\u306a\u6c7a\u307e\u308a\u3084\u898b\u672c\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u3067\u3001\u753b\u9762\u3084\u6587\u66f8\u306e\u898b\u305f\u76ee\u30fb\u8a00\u8449\u3065\u304b\u3044\u3092\u305d\u308d\u3048\u308b\u6587\u66f8\u3067\u3042\u308b\u3002  \u4f8b\u3048\u3070\u3001\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u3001\u8907\u6570\u306e\u62c5\u5f53\u8005\u304c\u4f5c\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u4f7f\u3046\u8272\u3001\u89d2\u306e\u4e38\u307f\u3001\u5468\u308a\u306e\u4f59\u767d\u306e\u5024\u3092\u898b\u672c\u3068\u3068\u3082\u306b\u6587\u66f8\u306b\u6b8b\u3059\u3002\u5404\u62c5\u5f53\u8005\u306f\u3001\u5546\u54c1\u30da\u30fc\u30b8\u3084\u4e00\u89a7\u3067\u3082\u540c\u3058\u57fa\u6e96\u3067\u30dc\u30bf\u30f3\u3092\u4f5c\u308a\u3001\u65b0\u3057\u3044\u90e8\u54c1\u304c\u5897\u3048\u305f\u3089\u6587\u66f8\u3082\u66f4\u65b0\u3059\u308b\u3002  \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u753b\u9762\u306e\u90e8\u54c1\u3084\u6c7a\u307e\u308a\u3092\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u300c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300d\u3092\u69cb\u6210\u3059\u308b\u6587\u66f8\u306e\u4e00\u3064\u3067\u3082\u3042\u308b\u3002 \u898b\u672c\u3067\u4f5c\u308a\u65b9\u3092\u305d\u308d\u3048\u308b \u3053\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u30dc\u30bf\u30f3\u306e\u6c7a\u307e\u308a\u304c\u66f8\u304d\u6b8b\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\u3001\u5f8c\u304b\u3089\u52a0\u308f\u3063\u305f\u62c5\u5f53\u8005\u306f\u3001\u305d\u308c\u307e\u3067\u3068\u306f\u7570\u306a\u308b\u8272\u3084\u5f62\u3092\u9078\u3076\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306b\u306f\u3001\u8272\u3084\u4e38\u307f\u306e\u5024\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u30dc\u30bf\u30f3\u3092\u3069\u306e\u5834\u9762\u3067\u4f7f\u3046\u304b\u3082\u793a\u3059\u3002  \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u6271\u3046\u306e\u306f\u3001\u753b\u9762\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306f\u306a\u3044\u3002\u6587\u7ae0\uff08\u8abf\u5b50\u30fb\u8868\u8a18\uff09\u3001\u30d6\u30e9\u30f3\u30c9\uff08\u30ed\u30b4\u30fb\u8272\u306e\u7d44\u307f\u5408\u308f\u305b\u30fb\u6587\u5b57\u306e\u5f62\uff09\u3001Web\u753b\u9762\uff08\u914d\u7f6e\u30fb\u90e8\u54c1\uff09\u3092\u6271\u3046\u3082\u306e\u3082\u3042\u308b\u3002\u6587\u7ae0\u3092\u6271\u3046\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7de8\u96c6\u3084\u516c\u958b\u306e\u624b\u9806\u307e\u3067\u542b\u3080\u5834\u5408\u3082\u3042\u308b\u3002  \u30dc\u30bf\u30f3\u306a\u3069\u306e\u90e8\u54c1\u305d\u306e\u3082\u306e\u3092\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u5f62\u3067\u7ba1\u7406\u3059\u308b\u4ed5\u7d44\u307f\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u793a\u3059\u6c7a\u307e\u308a\u3084\u898b\u672c\u3068\u306f\u7570\u306a\u308b\u3002\u305f\u3060\u3057\u3001Web\u5411\u3051\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u5404\u90e8\u54c1\u306e\u898b\u672c\u3068\u30b3\u30fc\u30c9\u3092\u4e00\u7dd2\u306b\u307e\u3068\u3081\u308b\u5834\u5408\u3082\u3042\u308b\u3002\u30b3\u30fc\u30c9\u306f\u3001\u90e8\u54c1\u3092\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u6307\u793a\u3092\u8a18\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u3002  \u8a9e\u6e90\u30fb\u63d0\u5531\u8005 \u30c7\u30b6\u30a4\u30f3\u306e\u6c7a\u307e\u308a\u3092\u6587\u66f8\u306b\u307e\u3068\u3081\u305f\u6b74\u53f2\u7684\u306a\u4f8b\u3068\u3057\u3066\u3001\u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5730\u4e0b\u9244\u306e\u6a19\u8b58\u304c\u3042\u308b\u3002\u5f53\u6642\u306f\u3001\u65b0\u3057\u3044\u6a19\u8b58\u3068\u3001\u5ec3\u6b62\u3055\u308c\u305f\u4ea4\u901a\u4f1a\u793e\u304c\u6570\u5341\u5e74\u524d\u306b\u7acb\u3066\u305f\u6a19\u8b58\u304c\u540c\u3058\u7a7a\u9593\u306b\u4e26\u3093\u3067\u3044\u305f\u3002\u305d\u306e\u305f\u3081\u3001\u5229\u7528\u8005\u306b\u3082\u8077\u54e1\u306b\u3082\u5206\u304b\u308a\u306b\u304f\u3044\u72b6\u614b\u306b\u306a\u3063\u3066\u3044\u305f\u3002  \u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5e02\u4ea4\u901a\u5c40\u306f1966\u5e74\u306b\u3001\u6a19\u8b58\u306e\u8a08\u753b\u3092\u5916\u90e8\u306e\u30c7\u30b6\u30a4\u30f3\u4f1a\u793eUnimark International\u306b\u4f9d\u983c\u3057\u305f\u3002\u540c\u793e\u306f1970\u5e74\u307e\u3067\u306b\u3001\u5730\u4e0b\u9244\u306e\u6700\u521d\u306e\u516c\u5f0f\u306a\u30c7\u30b6\u30a4\u30f3\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u307e\u3068\u3081\u305f\u3002\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u4f7f\u3046\u6587\u5b57\u306e\u5f62\u3092\u6307\u5b9a\u3057\u3001\u6a19\u8b58\u306e\u4ed5\u7d44\u307f\u306f\u6c7a\u307e\u3063\u305f\u5bf8\u6cd5\u306e\u90e8\u54c1\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3082\u306e\u3060\u3063\u305f\u3002\u305f\u3060\u3057\u3001\u4ea4\u901a\u5c40\u306f\u305d\u306e\u6c7a\u307e\u308a\u3092\u53b3\u5bc6\u306b\u306f\u5b88\u3063\u3066\u304a\u3089\u305a\u3001\u7d71\u4e00\u3055\u308c\u305f\u6a19\u8b58\u304c\u5e83\u304f\u884c\u304d\u6e21\u3063\u305f\u306e\u306f1989\u5e74\u304b\u30891990\u5e74\u4ee3\u306b\u304b\u3051\u3066\u3067\u3042\u308b\u3002 \u8868\u793a\u306e\u5d29\u308c\u3084\u629c\u3051\u3092\u898b\u3064\u3051\u308b \u5192\u982d\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3042\u3068\u306e\u8868\u793a\u3084\u3001\u5728\u5eab\u5207\u308c\u306e\u8868\u793a\u304c\u629c\u3051\u3066\u3044\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u30dc\u30bf\u30f3\u306e\u57fa\u672c\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u3082\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306e\u898b\u672c\u306b\u542b\u3081\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u3053\u306e\u898b\u672c\u3068\u5b9f\u969b\u306e\u753b\u9762\u3092\u898b\u6bd4\u3079\u3066\u3001\u8868\u793a\u306e\u5d29\u308c\u3084\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u30fb\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u629c\u3051\u3092\u898b\u3064\u3051\u308b\u3002  \u307e\u305f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u90e8\u54c1\u306e\u540d\u524d\u306b\u3064\u3044\u3066\u30c1\u30fc\u30e0\u3067\u5171\u901a\u306e\u547c\u3073\u65b9\u3092\u4fdd\u3064\u52a9\u3051\u306b\u3082\u306a\u308b\u3002 UX\u6c34\u6e96\u3092\u7dad\u6301\u3059\u308b \u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u304c\u3001\u65b0\u3057\u3044\u753b\u9762\u306b\u5165\u308b\u8981\u7d20\u3092\u898b\u6e21\u3059\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u30c1\u30fc\u30e0\u306f\u3001\u3067\u304d\u308c\u3070\u30c7\u30b6\u30a4\u30f3\u306e\u6bb5\u968e\u304b\u3089\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3092\u4f5c\u308a\u59cb\u3081\u308b\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u306f\u3001\u305d\u306e\u6587\u66f8\u3092\u4f7f\u3063\u3066\u3001\u4f55\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u3069\u3053\u306b\u6587\u7ae0\u3092\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002  \u82f1\u56fd\u653f\u5e9c\u306e\u30b5\u30a4\u30c8\u300cGOV.UK\u300d\u306f\u3001\u300cA to Z\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u300d\u3068\u3044\u3046\u6587\u66f8\u3067\u3001\u753b\u9762\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u4f7f\u3046\u8a00\u8449\u3092\u5b9a\u3081\u3066\u3044\u308b\u3002\u3059\u3079\u3066\u306e\u5229\u7528\u8005\u304c\u30af\u30ea\u30c3\u30af\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u7406\u7531\u306b\u3001\u300cclick\uff08\u30af\u30ea\u30c3\u30af\u3059\u308b\uff09\u300d\u3067\u306f\u306a\u304f\u300cselect\uff08\u9078\u629e\u3059\u308b\uff09\u300d\u3092\u4f7f\u3046\u3088\u3046\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002  \u3053\u306e\u6307\u5b9a\u3092\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u753b\u9762\u306b\u5fdc\u7528\u3059\u308b\u306a\u3089\u3001\u66f8\u304d\u624b\u306f\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u306e\u64cd\u4f5c\u8aac\u660e\u3067\u300c\u30af\u30ea\u30c3\u30af\u300d\u3067\u306f\u306a\u304f\u300c\u9078\u3076\u300d\u3068\u66f8\u304f\u3002\u66f8\u304d\u624b\u306f\u3001\u307b\u304b\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u3082\u7279\u5b9a\u306e\u64cd\u4f5c\u65b9\u6cd5\u3060\u3051\u3092\u524d\u63d0\u3068\u3059\u308b\u8a00\u8449\u304c\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3059\u308b\u3002\u305d\u306e\u3046\u3048\u3067\u3001\u30c1\u30fc\u30e0\u306f\u4f7f\u3046\u8868\u73fe\u3068\u4f7f\u308f\u306a\u3044\u8868\u73fe\u3001\u9078\u3093\u3060\u7406\u7531\u3092\u6587\u66f8\u306b\u6b8b\u3059\u3002  \u591a\u304f\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u6163\u7fd2\u3084\u8a00\u8449\u306e\u4f7f\u3044\u65b9\u306e\u5909\u5316\u306b\u5408\u308f\u305b\u3066\u5b9a\u671f\u7684\u306b\u6539\u8a02\u3055\u308c\u308b\u3002 \u95a2\u9023\u7528\u8a9e   \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea  \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea  \u4e00\u8cab\u6027\u3068\u6a19\u6e96  \u30dc\u30a4\u30b9\uff06\u30c8\u30fc\u30f3  https:\/\/uxdaystokyo.com\/articles\/glossary\/design-system\/ https:\/\/uxdaystokyo.com\/articles\/glossary\/style-tiles\/","og_url":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/","og_site_name":"UX TIMES","og_image":[{"width":1024,"height":1024,"url":"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2026\/10\/style-guide-eyecatch.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"5\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/","url":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/","name":"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9 | UX TIMES","isPartOf":{"@id":"https:\/\/uxdaystokyo.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/#primaryimage"},"image":{"@id":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2026\/10\/style-guide-eyecatch.png","datePublished":"2026-10-25T11:32:19+00:00","description":"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3068\u306f\u3001\u5177\u4f53\u7684\u306a\u6c7a\u307e\u308a\u3084\u898b\u672c\u3092\u5171\u6709\u3059\u308b\u3053\u3068\u3067\u3001\u753b\u9762\u3084\u6587\u66f8\u306e\u898b\u305f\u76ee\u30fb\u8a00\u8449\u3065\u304b\u3044\u3092\u305d\u308d\u3048\u308b\u6587\u66f8\u3067\u3042\u308b\u3002 \u4f8b\u3048\u3070\u3001\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u3001\u8907\u6570\u306e\u62c5\u5f53\u8005\u304c\u4f5c\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u4f7f\u3046\u8272\u3001\u89d2\u306e\u4e38\u307f\u3001\u5468\u308a\u306e\u4f59\u767d\u306e\u5024\u3092\u898b\u672c\u3068\u3068\u3082\u306b\u6587\u66f8\u306b\u6b8b\u3059\u3002\u5404\u62c5\u5f53\u8005\u306f\u3001\u5546\u54c1\u30da\u30fc\u30b8\u3084\u4e00\u89a7\u3067\u3082\u540c\u3058\u57fa\u6e96\u3067\u30dc\u30bf\u30f3\u3092\u4f5c\u308a\u3001\u65b0\u3057\u3044\u90e8\u54c1\u304c\u5897\u3048\u305f\u3089\u6587\u66f8\u3082\u66f4\u65b0\u3059\u308b\u3002 \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u753b\u9762\u306e\u90e8\u54c1\u3084\u6c7a\u307e\u308a\u3092\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u300c\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u300d\u3092\u69cb\u6210\u3059\u308b\u6587\u66f8\u306e\u4e00\u3064\u3067\u3082\u3042\u308b\u3002 \u898b\u672c\u3067\u4f5c\u308a\u65b9\u3092\u305d\u308d\u3048\u308b \u3053\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u30dc\u30bf\u30f3\u306e\u6c7a\u307e\u308a\u304c\u66f8\u304d\u6b8b\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\u3001\u5f8c\u304b\u3089\u52a0\u308f\u3063\u305f\u62c5\u5f53\u8005\u306f\u3001\u305d\u308c\u307e\u3067\u3068\u306f\u7570\u306a\u308b\u8272\u3084\u5f62\u3092\u9078\u3076\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306b\u306f\u3001\u8272\u3084\u4e38\u307f\u306e\u5024\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u30dc\u30bf\u30f3\u3092\u3069\u306e\u5834\u9762\u3067\u4f7f\u3046\u304b\u3082\u793a\u3059\u3002 \u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u6271\u3046\u306e\u306f\u3001\u753b\u9762\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306f\u306a\u3044\u3002\u6587\u7ae0\uff08\u8abf\u5b50\u30fb\u8868\u8a18\uff09\u3001\u30d6\u30e9\u30f3\u30c9\uff08\u30ed\u30b4\u30fb\u8272\u306e\u7d44\u307f\u5408\u308f\u305b\u30fb\u6587\u5b57\u306e\u5f62\uff09\u3001Web\u753b\u9762\uff08\u914d\u7f6e\u30fb\u90e8\u54c1\uff09\u3092\u6271\u3046\u3082\u306e\u3082\u3042\u308b\u3002\u6587\u7ae0\u3092\u6271\u3046\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u7de8\u96c6\u3084\u516c\u958b\u306e\u624b\u9806\u307e\u3067\u542b\u3080\u5834\u5408\u3082\u3042\u308b\u3002 \u30dc\u30bf\u30f3\u306a\u3069\u306e\u90e8\u54c1\u305d\u306e\u3082\u306e\u3092\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u5f62\u3067\u7ba1\u7406\u3059\u308b\u4ed5\u7d44\u307f\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u304c\u793a\u3059\u6c7a\u307e\u308a\u3084\u898b\u672c\u3068\u306f\u7570\u306a\u308b\u3002\u305f\u3060\u3057\u3001Web\u5411\u3051\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u5404\u90e8\u54c1\u306e\u898b\u672c\u3068\u30b3\u30fc\u30c9\u3092\u4e00\u7dd2\u306b\u307e\u3068\u3081\u308b\u5834\u5408\u3082\u3042\u308b\u3002\u30b3\u30fc\u30c9\u306f\u3001\u90e8\u54c1\u3092\u753b\u9762\u306b\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u6307\u793a\u3092\u8a18\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u3002 \u8a9e\u6e90\u30fb\u63d0\u5531\u8005 \u30c7\u30b6\u30a4\u30f3\u306e\u6c7a\u307e\u308a\u3092\u6587\u66f8\u306b\u307e\u3068\u3081\u305f\u6b74\u53f2\u7684\u306a\u4f8b\u3068\u3057\u3066\u3001\u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5730\u4e0b\u9244\u306e\u6a19\u8b58\u304c\u3042\u308b\u3002\u5f53\u6642\u306f\u3001\u65b0\u3057\u3044\u6a19\u8b58\u3068\u3001\u5ec3\u6b62\u3055\u308c\u305f\u4ea4\u901a\u4f1a\u793e\u304c\u6570\u5341\u5e74\u524d\u306b\u7acb\u3066\u305f\u6a19\u8b58\u304c\u540c\u3058\u7a7a\u9593\u306b\u4e26\u3093\u3067\u3044\u305f\u3002\u305d\u306e\u305f\u3081\u3001\u5229\u7528\u8005\u306b\u3082\u8077\u54e1\u306b\u3082\u5206\u304b\u308a\u306b\u304f\u3044\u72b6\u614b\u306b\u306a\u3063\u3066\u3044\u305f\u3002 \u30cb\u30e5\u30fc\u30e8\u30fc\u30af\u5e02\u4ea4\u901a\u5c40\u306f1966\u5e74\u306b\u3001\u6a19\u8b58\u306e\u8a08\u753b\u3092\u5916\u90e8\u306e\u30c7\u30b6\u30a4\u30f3\u4f1a\u793eUnimark International\u306b\u4f9d\u983c\u3057\u305f\u3002\u540c\u793e\u306f1970\u5e74\u307e\u3067\u306b\u3001\u5730\u4e0b\u9244\u306e\u6700\u521d\u306e\u516c\u5f0f\u306a\u30c7\u30b6\u30a4\u30f3\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u307e\u3068\u3081\u305f\u3002\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u4f7f\u3046\u6587\u5b57\u306e\u5f62\u3092\u6307\u5b9a\u3057\u3001\u6a19\u8b58\u306e\u4ed5\u7d44\u307f\u306f\u6c7a\u307e\u3063\u305f\u5bf8\u6cd5\u306e\u90e8\u54c1\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3082\u306e\u3060\u3063\u305f\u3002\u305f\u3060\u3057\u3001\u4ea4\u901a\u5c40\u306f\u305d\u306e\u6c7a\u307e\u308a\u3092\u53b3\u5bc6\u306b\u306f\u5b88\u3063\u3066\u304a\u3089\u305a\u3001\u7d71\u4e00\u3055\u308c\u305f\u6a19\u8b58\u304c\u5e83\u304f\u884c\u304d\u6e21\u3063\u305f\u306e\u306f1989\u5e74\u304b\u30891990\u5e74\u4ee3\u306b\u304b\u3051\u3066\u3067\u3042\u308b\u3002 \u8868\u793a\u306e\u5d29\u308c\u3084\u629c\u3051\u3092\u898b\u3064\u3051\u308b \u5192\u982d\u306e\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u3067\u3001\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3042\u3068\u306e\u8868\u793a\u3084\u3001\u5728\u5eab\u5207\u308c\u306e\u8868\u793a\u304c\u629c\u3051\u3066\u3044\u308b\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u30dc\u30bf\u30f3\u306e\u57fa\u672c\u306e\u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u3082\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306e\u898b\u672c\u306b\u542b\u3081\u308b\u3002\u62c5\u5f53\u8005\u306f\u3001\u3053\u306e\u898b\u672c\u3068\u5b9f\u969b\u306e\u753b\u9762\u3092\u898b\u6bd4\u3079\u3066\u3001\u8868\u793a\u306e\u5d29\u308c\u3084\u3001\u72b6\u614b\u3054\u3068\u306e\u8868\u793a\u30fb\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u629c\u3051\u3092\u898b\u3064\u3051\u308b\u3002 \u307e\u305f\u3001\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u90e8\u54c1\u306e\u540d\u524d\u306b\u3064\u3044\u3066\u30c1\u30fc\u30e0\u3067\u5171\u901a\u306e\u547c\u3073\u65b9\u3092\u4fdd\u3064\u52a9\u3051\u306b\u3082\u306a\u308b\u3002 UX\u6c34\u6e96\u3092\u7dad\u6301\u3059\u308b \u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u304c\u3001\u65b0\u3057\u3044\u753b\u9762\u306b\u5165\u308b\u8981\u7d20\u3092\u898b\u6e21\u3059\u5834\u9762\u3092\u8003\u3048\u308b\u3002\u30c1\u30fc\u30e0\u306f\u3001\u3067\u304d\u308c\u3070\u30c7\u30b6\u30a4\u30f3\u306e\u6bb5\u968e\u304b\u3089\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u3092\u4f5c\u308a\u59cb\u3081\u308b\u3002\u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u66f8\u304d\u624b\u306f\u3001\u305d\u306e\u6587\u66f8\u3092\u4f7f\u3063\u3066\u3001\u4f55\u3092\u30c7\u30b6\u30a4\u30f3\u3057\u3001\u3069\u3053\u306b\u6587\u7ae0\u3092\u5165\u308c\u308b\u5fc5\u8981\u304c\u3042\u308b\u304b\u3092\u78ba\u8a8d\u3067\u304d\u308b\u3002 \u82f1\u56fd\u653f\u5e9c\u306e\u30b5\u30a4\u30c8\u300cGOV.UK\u300d\u306f\u3001\u300cA to Z\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u300d\u3068\u3044\u3046\u6587\u66f8\u3067\u3001\u753b\u9762\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u4f7f\u3046\u8a00\u8449\u3092\u5b9a\u3081\u3066\u3044\u308b\u3002\u3059\u3079\u3066\u306e\u5229\u7528\u8005\u304c\u30af\u30ea\u30c3\u30af\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u7406\u7531\u306b\u3001\u300cclick\uff08\u30af\u30ea\u30c3\u30af\u3059\u308b\uff09\u300d\u3067\u306f\u306a\u304f\u300cselect\uff08\u9078\u629e\u3059\u308b\uff09\u300d\u3092\u4f7f\u3046\u3088\u3046\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002 \u3053\u306e\u6307\u5b9a\u3092\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u306e\u753b\u9762\u306b\u5fdc\u7528\u3059\u308b\u306a\u3089\u3001\u66f8\u304d\u624b\u306f\u300c\u30ab\u30fc\u30c8\u306b\u5165\u308c\u308b\u300d\u30dc\u30bf\u30f3\u306e\u64cd\u4f5c\u8aac\u660e\u3067\u300c\u30af\u30ea\u30c3\u30af\u300d\u3067\u306f\u306a\u304f\u300c\u9078\u3076\u300d\u3068\u66f8\u304f\u3002\u66f8\u304d\u624b\u306f\u3001\u307b\u304b\u306e\u64cd\u4f5c\u8aac\u660e\u306b\u3082\u7279\u5b9a\u306e\u64cd\u4f5c\u65b9\u6cd5\u3060\u3051\u3092\u524d\u63d0\u3068\u3059\u308b\u8a00\u8449\u304c\u306a\u3044\u304b\u3092\u78ba\u8a8d\u3059\u308b\u3002\u305d\u306e\u3046\u3048\u3067\u3001\u30c1\u30fc\u30e0\u306f\u4f7f\u3046\u8868\u73fe\u3068\u4f7f\u308f\u306a\u3044\u8868\u73fe\u3001\u9078\u3093\u3060\u7406\u7531\u3092\u6587\u66f8\u306b\u6b8b\u3059\u3002 \u591a\u304f\u306e\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9\u306f\u3001\u6163\u7fd2\u3084\u8a00\u8449\u306e\u4f7f\u3044\u65b9\u306e\u5909\u5316\u306b\u5408\u308f\u305b\u3066\u5b9a\u671f\u7684\u306b\u6539\u8a02\u3055\u308c\u308b\u3002 \u95a2\u9023\u7528\u8a9e \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea \u30d1\u30bf\u30fc\u30f3\u30e9\u30a4\u30d6\u30e9\u30ea \u4e00\u8cab\u6027\u3068\u6a19\u6e96 \u30dc\u30a4\u30b9\uff06\u30c8\u30fc\u30f3 https:\/\/uxdaystokyo.com\/articles\/glossary\/design-system\/ https:\/\/uxdaystokyo.com\/articles\/glossary\/style-tiles\/","breadcrumb":{"@id":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/#primaryimage","url":"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2026\/10\/style-guide-eyecatch.png","contentUrl":"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2026\/10\/style-guide-eyecatch.png","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/uxdaystokyo.com\/articles\/glossary\/style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"TOP","item":"https:\/\/uxdaystokyo.com\/articles\/"},{"@type":"ListItem","position":2,"name":"UX\u7528\u8a9e","item":"https:\/\/uxdaystokyo.com\/articles\/glossary\/"},{"@type":"ListItem","position":3,"name":"\u30b9\u30bf\u30a4\u30eb\u30ac\u30a4\u30c9"}]},{"@type":"WebSite","@id":"https:\/\/uxdaystokyo.com\/articles\/#website","url":"https:\/\/uxdaystokyo.com\/articles\/","name":"UX TIMES","description":"\u4e16\u754c\u306eUX\u3092\u65e5\u672c\u3067\u5b66\u3076 | \u30d6\u30ed\u30b0","publisher":{"@id":"https:\/\/uxdaystokyo.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uxdaystokyo.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/uxdaystokyo.com\/articles\/#organization","name":"UX DAYS TOKYO","url":"https:\/\/uxdaystokyo.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/uxdaystokyo.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2020\/03\/logo-uxdt-595-235.png","contentUrl":"https:\/\/uxdaystokyo.com\/articles\/wp-content\/uploads\/2020\/03\/logo-uxdt-595-235.png","width":595,"height":235,"caption":"UX DAYS TOKYO"},"image":{"@id":"https:\/\/uxdaystokyo.com\/articles\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/glossary\/39473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/users\/61"}],"version-history":[{"count":1,"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/glossary\/39473\/revisions"}],"predecessor-version":[{"id":39474,"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/glossary\/39473\/revisions\/39474"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/media\/39470"}],"wp:attachment":[{"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/media?parent=39473"}],"wp:term":[{"taxonomy":"glossary-category","embeddable":true,"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/glossary-category?post=39473"},{"taxonomy":"glossary_tag","embeddable":true,"href":"https:\/\/uxdaystokyo.com\/articles\/wp-json\/wp\/v2\/glossary_tag?post=39473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}