{"id":22470,"date":"2026-10-18T10:12:09","date_gmt":"2026-10-18T01:12:09","guid":{"rendered":"https:\/\/cg-method.com\/unity\/?p=22470"},"modified":"2026-10-20T08:05:08","modified_gmt":"2026-10-19T23:05:08","slug":"unity-ui-toolkit-basics","status":"publish","type":"post","link":"https:\/\/cg-method.com\/unity\/unity-ui-toolkit-basics\/","title":{"rendered":"Unity UI Toolkit\u306e\u4f7f\u3044\u65b9\uff5c\u753b\u9762\u3092\u4f5c\u308a\u3001\u30dc\u30bf\u30f3\u306e\u51e6\u7406\u3092\u3064\u306a\u3050"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Unity\u306eUI Toolkit\u306f\u3001UXML\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3067\u753b\u9762\u306e\u90e8\u54c1\u3092\u4e26\u3079\u3001USS\u3067\u898b\u305f\u76ee\u3092\u6574\u3048\u3001C#\u3067\u52d5\u304d\u3092\u3064\u306a\u3050UI\u306e\u4ed5\u7d44\u307f\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b2\u30fc\u30e0\u753b\u9762\u306b\u51fa\u3059\u307e\u3067\u306e\u6d41\u308c\u306f\u3001\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u3067\u306f\u6b21\u306e4\u3064\u306b\u307e\u3068\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u30dc\u30bf\u30f3\u306a\u3069\u306e\u90e8\u54c1\u3092\u7f6e\u3044\u305fUXML\u3092\u4f5c\u308b<\/li>\n\n\n<li>\u30b7\u30fc\u30f3\u306bUI Document\u3092\u7f6e\u304d\u3001\u305d\u306eUXML\u3092\u6307\u5b9a\u3059\u308b<\/li>\n\n\n<li>MonoBehaviour\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u90e8\u54c1\u306e\u52d5\u304d\u3092\u6c7a\u3081\u308b<\/li>\n\n\n<li>\u5fc5\u8981\u306a\u3089\u3001\u5165\u529b\u3092\u53d7\u3051\u53d6\u308b\u30a4\u30d9\u30f3\u30c8\u30b7\u30b9\u30c6\u30e0\u3092\u8a2d\u5b9a\u3059\u308b<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u3053\u306e\u6d41\u308c\u306b\u6cbf\u3063\u3066\u3001\u30dc\u30bf\u30f3\u30921\u3064\u7f6e\u304d\u3001\u62bc\u3057\u305f\u3089\u30b3\u30f3\u30bd\u30fc\u30eb\u306b\u6587\u5b57\u3092\u51fa\u3059\u3068\u3053\u308d\u307e\u3067\u3092\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8aac\u660e\u306f\u3001Unity 6.3 LTS\u306e\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u3068\u30b9\u30af\u30ea\u30d7\u30c8\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u306e\u8a18\u8f09\uff082026\u5e7410\u670818\u65e5\u306b\u78ba\u8a8d\uff09\u3092\u3082\u3068\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u306f\u3001Unity 6.6\uff086000.6.5f1\uff09\u306eUniversal 3D\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u4f5c\u3063\u305f\u7df4\u7fd2\u7528\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u64ae\u5f71\u3057\u3001UI Builder\u3067\u753b\u9762\u3092\u4f5c\u308b\u3068\u3053\u308d\u304b\u3089\u3001\u518d\u751f\u3057\u3066\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u307e\u3067\u3092\u5b9f\u969b\u306b\u78ba\u304b\u3081\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6.3 LTS\u306e\u753b\u9762\u305d\u306e\u3082\u306e\u306f\u78ba\u304b\u3081\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6700\u65b0\u7248\u306eUnity 6.6\u306e\u30de\u30cb\u30e5\u30a2\u30eb\u3082\u516c\u958b\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u9577\u671f\u30b5\u30dd\u30fc\u30c8\u306e\u3042\u308b6.3 LTS\u3092\u57fa\u6e96\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u306e\u540d\u524d\u306f\u82f1\u8a9e\u7248\u306e\u8868\u8a18\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">UI Toolkit\u3068uGUI\u306e\u3069\u3061\u3089\u3092\u4f7f\u3046\u304b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unity\u306eUI\u306e\u4ed5\u7d44\u307f\u306b\u306f\u3001UI Toolkit\u306e\u307b\u304b\u306b\u3001\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3067\u7d44\u307f\u7acb\u3066\u308buGUI\uff08Unity UI\uff09\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u6bd4\u8f03\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30b2\u30fc\u30e0\u4e2d\u306eUI\u306fuGUI\u304c\u63a8\u5968\u3067\u3001UI Toolkit\u306f\u4ee3\u308f\u308a\u306e\u9078\u629e\u80a2\u3068\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a8\u30c7\u30a3\u30bf\u62e1\u5f35\u306eUI\u306f\u3001UI Toolkit\u304c\u63a8\u5968\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u7528\u9014<\/th><th>\u63a8\u5968<\/th><th>\u4ee3\u308f\u308a\u306e\u9078\u629e\u80a2<\/th><\/tr><\/thead><tbody><tr><td>\u30b2\u30fc\u30e0\u4e2d\u306eUI<\/td><td>uGUI<\/td><td>UI Toolkit<\/td><\/tr><tr><td>\u30a8\u30c7\u30a3\u30bf\u62e1\u5f35\u306eUI<\/td><td>UI Toolkit<\/td><td>IMGUI<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Unity 6.3 LTS\u306e\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u300cComparison of UI systems in Unity\u300d\u3092\u3082\u3068\u306b\u4f5c\u6210\uff086.6\u3082\u540c\u3058\uff09<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u540c\u3058\u30da\u30fc\u30b8\u3067\u306f\u3001\u30b2\u30fc\u30e0\u4e2d\u306eUI\u3067UI Toolkit\u304c\u3088\u304f\u4f7f\u308f\u308c\u308b\u4f8b\u3068\u3057\u3066\u3001UI\u306e\u591a\u3044\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u89e3\u50cf\u5ea6\u9055\u3044\u306b\u5bfe\u5fdc\u3059\u308b\u30e1\u30cb\u30e5\u30fc\u3084HUD\u3001\u30ef\u30fc\u30eb\u30c9\u7a7a\u9593\u306eUI\u3068VR\u3001\u72ec\u81ea\u306e\u30b7\u30a7\u30fc\u30c0\u30fc\u3084\u30de\u30c6\u30ea\u30a2\u30eb\u3092\u4f7f\u3046UI\u304c\u6319\u304c\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e00\u65b9\u3067\u3001\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u3046UI\u306fuGUI\u304c\u3088\u304f\u4f7f\u308f\u308c\u308b\u3068\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6a5f\u80fd\u306e\u6bd4\u8f03\u8868\u3067\u306f\u3001UI Toolkit\u306f\u30b7\u30fc\u30f3\u4e0a\u3067\u306e\u76f4\u63a5\u306e\u7de8\u96c6\u3001\u30a4\u30f3\u30b9\u30da\u30af\u30bf\u30fc\u3067\u8a2d\u5b9a\u3059\u308b\u30a4\u30d9\u30f3\u30c8\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30af\u30ea\u30c3\u30d7\u3084Timeline\u3068\u306e\u9023\u643a\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u53cd\u5bfe\u306b\u3001\u30c7\u30fc\u30bf\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3001UI\u306e\u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3001\u307e\u3068\u3081\u3066\u7ba1\u7406\u3059\u308b\u30b9\u30bf\u30a4\u30eb\u306f\u3001UI Toolkit\u3060\u3051\u304c\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">uGUI\u3067\u4f5c\u308b\u5834\u5408\u306f\u3001<a href=\"https:\/\/cg-method.com\/unity\/unity-canvas-basics\/\">Unity Canvas\u306e\u4f7f\u3044\u65b9<\/a>\u304b\u3089\u59cb\u3081\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">UI Toolkit\u3067\u4f7f\u3046\u3082\u306e<\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u540d\u524d<\/th><th>\u5f79\u5272<\/th><\/tr><\/thead><tbody><tr><td>UXML\uff08.uxml\uff09<\/td><td>\u753b\u9762\u306e\u90e8\u54c1\u306e\u4e26\u3073\u3092\u66f8\u304f\u30d5\u30a1\u30a4\u30eb\u3002UI Builder\u3067\u4f5c\u308c\u308b<\/td><\/tr><tr><td>USS\uff08.uss\uff09<\/td><td>\u8272\u3084\u5927\u304d\u3055\u306a\u3069\u306e\u898b\u305f\u76ee\u3092\u66f8\u304f\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8<\/td><\/tr><tr><td>UI Document<\/td><td>\u30b7\u30fc\u30f3\u306b\u7f6e\u304f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3002UXML\u3068Panel Settings\u3092\u6307\u5b9a\u3059\u308b<\/td><\/tr><tr><td>Panel Settings<\/td><td>UI\u306e\u63cf\u753b\u306e\u3057\u304b\u305f\u3092\u6c7a\u3081\u308b\u30a2\u30bb\u30c3\u30c8\u3002\u753b\u9762\u30b5\u30a4\u30ba\u3078\u306e\u5408\u308f\u305b\u65b9\u3082\u3053\u3053\u3067\u6c7a\u3081\u308b<\/td><\/tr><tr><td>UI Builder<\/td><td>UXML\u3068USS\u3092\u753b\u9762\u3092\u898b\u306a\u304c\u3089\u7de8\u96c6\u3059\u308b\u30a6\u30a3\u30f3\u30c9\u30a6<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\uff08UI Document component\u30fbPanel Settings properties reference\u30fbGet started with UI Builder\uff09\u3092\u3082\u3068\u306b\u4f5c\u6210<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u3067\u306f\u3001UI Document\u306f\u30b7\u30fc\u30f3\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u3064\u306a\u3050\u6a4b\u6e21\u3057\u3067\u3001UXML\u304c\u753b\u9762\u306e\u69cb\u9020\u3092\u3001Panel Settings\u304c\u63cf\u753b\u3092\u53d7\u3051\u6301\u3064\u3068\u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u624b\u98061\uff1aUI Builder\u3067\u753b\u9762\u3092\u4f5c\u308b<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>Window \u2192 UI Toolkit \u2192 UI Builder \u3092\u958b\u304f<\/li>\n\n\n<li>Viewport\u306e\u5de6\u4e0a\u306e File \u2192 New \u3067\u3001\u65b0\u3057\u3044UXML\u3092\u4f5c\u3063\u3066\u4fdd\u5b58\u3059\u308b<\/li>\n\n\n<li>Library\u304b\u3089VisualElement\u3092Hierarchy\u3078\u30c9\u30e9\u30c3\u30b0\u3057\u3001\u753b\u9762\u5168\u4f53\u306e\u571f\u53f0\u306b\u3059\u308b<\/li>\n\n\n<li>\u571f\u53f0\u3092\u9078\u3073\u3001Inspector\u3067Flex\u306eGrow\u30921\u306b\u3059\u308b<\/li>\n\n\n<li>Library\u304b\u3089Button\u3092\u571f\u53f0\u306e\u4e2d\u3078\u30c9\u30e9\u30c3\u30b0\u3059\u308b<\/li>\n\n\n<li>Button\u306eName\u306b\u3001\u30b9\u30af\u30ea\u30d7\u30c8\u304b\u3089\u63a2\u3059\u305f\u3081\u306e\u540d\u524d\uff08\u4f8b\uff1astart-button\uff09\u3092\u5165\u308c\u308b<\/li>\n\n\n<li>Viewport\u306e File \u2192 Save \u3067\u4fdd\u5b58\u3059\u308b<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Grow\u30921\u306b\u3059\u308b\u3068\u3001\u305d\u306e\u8981\u7d20\u304c\u753b\u9762\u5168\u4f53\u306b\u5e83\u304c\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b50\u306e\u8981\u7d20\u3092\u4e2d\u592e\u306b\u305d\u308d\u3048\u308b\u5834\u5408\u306f\u3001Align Items\u3068Justify Content\u306e\u4e21\u65b9\u3092Center\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity 6.6\u3067\u8a66\u3059\u3068\u3001Visual Element\u3092Hierarchy\u306e\u3044\u3061\u3070\u3093\u4e0a\u306b\u7f6e\u3044\u305f\u6642\u70b9\u3067\u3001Flex\u306eGrow\u306f\u3059\u3067\u306b1\u306b\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u5834\u5408\u3001\u624b\u98064\u306f\u5024\u304c1\u306b\u306a\u3063\u3066\u3044\u308b\u304b\u3092\u78ba\u304b\u3081\u308b\u3060\u3051\u3067\u6e08\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"871\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-ui-builder.jpg\" alt=\"UI Builder\u3067VisualElement\u306e\u4e2d\u306bstart-button\u3068\u3044\u3046\u540d\u524d\u306e\u30dc\u30bf\u30f3\u3092\u7f6e\u3044\u305f\u753b\u9762\u3002\u53f3\u306eInspector\u3067\u306f\u3001Flex\u306eGrow\u304c1\u3001Align Items\u3068Justify Content\u304c\u4e2d\u592e\u306b\u306a\u3063\u3066\u3044\u308b\" class=\"wp-image-22489\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-ui-builder.jpg 930w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-ui-builder-300x281.jpg 300w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-ui-builder-768x719.jpg 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><figcaption class=\"wp-element-caption\">2026-10-20 \u64ae\u5f71\u3002Unity 6.6\uff086000.6.5f1\uff09\u3001Windows 11\u3002UI Builder\u3067\u571f\u53f0\u306eVisualElement\u3092\u9078\u3093\u3060\u753b\u9762\u3002Hierarchy\u30fb\u753b\u9762\u306e\u8868\u793a\u30fbInspector\u306e3\u304b\u6240\u3092\u5207\u308a\u51fa\u3057\u3066\u4e26\u3079\u3066\u3044\u307e\u3059<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u30dc\u30bf\u30f3\u306e\u6587\u5b57\u306f\u3001Inspector\u306eText\u3067\u5909\u3048\u3089\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Text\u306e\u6b04\u306f\u8907\u6570\u884c\u3092\u5165\u529b\u3067\u304d\u308b\u6b04\u3067\u3001Enter\u30ad\u30fc\u3067\u78ba\u5b9a\u3057\u3088\u3046\u3068\u3059\u308b\u3068\u6539\u884c\u304c\u6587\u5b57\u306b\u5165\u308a\u3001\u4fdd\u5b58\u3057\u305fUXML\u304c <code>text=\"Start&amp;#10;\"<\/code> \u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6587\u5b57\u3092\u5165\u308c\u305f\u3089\u3001Enter\u30ad\u30fc\u3067\u306f\u306a\u304f\u5225\u306e\u6b04\u3092\u62bc\u3057\u3066\u78ba\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u3067\u306f\u3001\u8272\u306eAlpha\u306f\u521d\u671f\u5024\u304c0\u3067\u3001\u305d\u306e\u307e\u307e\u3067\u306f\u900f\u660e\u306b\u306a\u308b\u305f\u3081\u3001\u8272\u3092\u4ed8\u3051\u308b\u3068\u304d\u306fAlpha\u3092255\u306b\u3059\u308b\u3088\u3046\u6ce8\u610f\u66f8\u304d\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UXML\u306f\u6587\u5b57\u3067\u66f8\u304f\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0a\u306e\u624b\u9806\u3068\u540c\u3058\u5185\u5bb9\u3092UXML\u3067\u66f8\u304f\u3068\u3001\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-markup\"><code>&lt;ui:UXML xmlns:ui=\"UnityEngine.UIElements\" editor-extension-mode=\"False\"&gt;\n    &lt;ui:VisualElement style=\"flex-grow: 1; align-items: center; justify-content: center;\"&gt;\n        &lt;ui:Label text=\"Title\" \/&gt;\n        &lt;ui:Button text=\"Start\" name=\"start-button\" \/&gt;\n    &lt;\/ui:VisualElement&gt;\n&lt;\/ui:UXML&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306eUXML\u3092\u305d\u306e\u307e\u307eAssets\u306b\u7f6e\u3044\u3066UI Document\u306b\u6307\u5b9a\u3057\u3001Unity 6.6\u3067\u518d\u751f\u3059\u308b\u3068\u3001Title\u306e\u6587\u5b57\u3068Start\u306e\u30dc\u30bf\u30f3\u304c\u8868\u793a\u3055\u308c\u3001\u30dc\u30bf\u30f3\u3082\u53cd\u5fdc\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI Builder\u3067\u4fdd\u5b58\u3057\u305fUXML\u306f\u3001\u3053\u306e\u4f8b\u304b\u3089Label\u306e\u884c\u3092\u9664\u3044\u305f\u5185\u5bb9\u3067\u30011\u884c\u76ee\u306b <code>xmlns:uie=\"UnityEditor.UIElements\"<\/code> \u306e\u6307\u5b9a\u304c\u52a0\u308f\u3063\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u540c\u3058\u898b\u305f\u76ee\u3092\u8907\u6570\u306e\u8981\u7d20\u306b\u4f7f\u3046\u3088\u3046\u306b\u306a\u3063\u305f\u3089\u3001USS\u306e\u30af\u30e9\u30b9\u306b\u307e\u3068\u3081\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI Builder\u3067\u306f\u3001\u8981\u7d20\u306b\u76f4\u63a5\u8a2d\u5b9a\u3057\u305f\u5024\u3092\u3001Extract Inlined Styles to New Class \u3067\u65b0\u3057\u3044\u30af\u30e9\u30b9\u306b\u79fb\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u624b\u98062\uff1a\u30b7\u30fc\u30f3\u306b\u8868\u793a\u3059\u308b<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u30e1\u30cb\u30e5\u30fc\u306e GameObject \u2192 UI Toolkit \u2192 UI Document \u3092\u9078\u3076\uff08Unity 6.6\u3067\u306f GameObject \u2192 UI Toolkit \u2192 Legacy \u2192 UI Document\uff09<\/li>\n\n\n<li>Hierarchy\u306b\u3067\u304d\u305f\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u9078\u3076<\/li>\n\n\n<li>\u4f5c\u3063\u305fUXML\u3092\u3001Inspector\u306eUI Document\u306eSource Asset\u3078\u30c9\u30e9\u30c3\u30b0\u3059\u308b\uff08\u6b04\u306e\u53f3\u306e\u4e38\u3044\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3001\u4e00\u89a7\u304b\u3089\u9078\u3093\u3067\u3082\u3088\u3044\uff09<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u3067\u306f\u3001GameObject \u2192 UI Toolkit \u2192 UI Document \u3092\u9078\u3076\u3068\u3001Panel Settings\u306e\u30a2\u30bb\u30c3\u30c8\u3068\u521d\u671f\u306e\u30c6\u30fc\u30de\u304c\u5165\u3063\u305fUI Toolkit\u30d5\u30a9\u30eb\u30c0\u30fc\u3068\u3001UI Document\u304c\u4ed8\u3044\u305f\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u4f5c\u3089\u308c\u308b\u3068\u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity 6.6\u3067\u306f\u3001GameObject \u2192 UI Toolkit \u306e\u4e2d\u306bUI Document\u304c\u76f4\u63a5\u306f\u7121\u304f\u3001Legacy\u306e\u4e2d\u306b\u79fb\u3063\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"380\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-gameobject-menu.jpg\" alt=\"GameObject\u30e1\u30cb\u30e5\u30fc\u306eUI Toolkit\u3092\u958b\u3044\u305f\u753b\u9762\u3002Standard Elements\u3001Panel Renderer\u3001Panel Input Configuration\u3001Legacy\u304c\u4e26\u3073\u3001UI Document\u306fLegacy\u306e\u4e2d\u306b\u3042\u308b\" class=\"wp-image-22490\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-gameobject-menu.jpg 728w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-gameobject-menu-300x157.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\">2026-10-20 \u64ae\u5f71\u3002Unity 6.6\uff086000.6.5f1\uff09\u3001Windows 11\u3002GameObject \u2192 UI Toolkit \u306e\u30e1\u30cb\u30e5\u30fc\u3002Unity 6.6\u3067\u306fUI Document\u304cLegacy\u306e\u4e2d\u306b\u3042\u308a\u307e\u3059<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u9078\u3076\u3068\u3001Assets\u306bUI Toolkit\u30d5\u30a9\u30eb\u30c0\u30fc\u304c\u3067\u304d\u3001\u4e2d\u306bPanelSettings\u3068\u3001UnityThemes\u30d5\u30a9\u30eb\u30c0\u30fc\u306eUnityDefaultRuntimeTheme\u304c\u4f5c\u3089\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hierarchy\u306b\u306f\u3001UI Document\u304c\u4ed8\u3044\u305fUIDocument\u3068\u3044\u3046\u540d\u524d\u306e\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity 6.6\u306eUI Document\u306eInspector\u306b\u306f\u3001\u65b0\u3057\u3044Panel Renderer\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3078\u306e\u79fb\u884c\u3092\u52e7\u3081\u308b\u8868\u793a\u304c\u51fa\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8868\u793a\u306b\u3088\u308b\u3068\u3001UI Document\u306f\u3053\u306e\u5148\u3082\u4f7f\u3048\u307e\u3059\u304c\u3001\u65b0\u3057\u3044\u6a5f\u80fd\u306f\u8ffd\u52a0\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u8a18\u4e8b\u306e\u624b\u9806\u306f\u30016.6\u3067\u3082UI Document\u306e\u307e\u307e\u6700\u5f8c\u307e\u3067\u52d5\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">UI Document\u306e\u9805\u76ee<\/th><th>\u8a2d\u5b9a\u3059\u308b\u3082\u306e<\/th><\/tr><\/thead><tbody><tr><td>Panel Settings<\/td><td>UI\u3092\u63cf\u753b\u3059\u308bPanel Settings\u306e\u30a2\u30bb\u30c3\u30c8<\/td><\/tr><tr><td>Source Asset<\/td><td>\u8868\u793a\u3059\u308bUXML<\/td><\/tr><tr><td>Sort Order<\/td><td>\u63cf\u753b\u306e\u9806\u756a\u3002\u5024\u304c\u5c0f\u3055\u3044\u3082\u306e\u304b\u3089\u5148\u306b\u63cf\u753b\u3055\u308c\u308b<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u300cUI Document component\u300d\u3092\u3082\u3068\u306b\u4f5c\u6210<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">1\u3064\u306ePanel Settings\u306b\u3001\u8907\u6570\u306eUI Document\u3092\u3064\u306a\u3050\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u3092\u90e8\u54c1\u3054\u3068\u306b\u5225\u306eUXML\u306b\u5206\u3051\u3066\u4f5c\u308b\u3068\u304d\u306b\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u624b\u98063\uff1a\u30dc\u30bf\u30f3\u306e\u51e6\u7406\u3092\u3064\u306a\u3050<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3068\u304d\u306e\u51e6\u7406\u306f\u3001MonoBehaviour\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u66f8\u304d\u3001UI Document\u3068\u540c\u3058\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u4ed8\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-csharp\"><code>using UnityEngine;\nusing UnityEngine.UIElements;\n\npublic class StartMenu : MonoBehaviour\n{\n    Button _startButton;\n\n    void OnEnable()\n    {\n        \/\/ UXML\u306fUI Document\u304c\u8aad\u307f\u8fbc\u307f\u6e08\u307f\u306a\u306e\u3067\u3001\u305d\u306e\u4e00\u756a\u4e0a\u306e\u8981\u7d20\u304b\u3089\u63a2\u3059\n        var root = GetComponent&lt;UIDocument&gt;().rootVisualElement;\n        _startButton = root.Q&lt;Button&gt;(\"start-button\");\n        _startButton.clicked += OnStartClicked;\n    }\n\n    void OnDisable()\n    {\n        if (_startButton != null)\n        {\n            _startButton.clicked -= OnStartClicked;\n        }\n    }\n\n    void OnStartClicked()\n    {\n        Debug.Log(\"Start \u304c\u62bc\u3055\u308c\u307e\u3057\u305f\");\n    }\n}<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092UI Document\u306e\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u8ffd\u52a0\u3057\u3066\u518d\u751f\u3057\u3001\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068Console\u306b\u6587\u5b57\u304c\u51fa\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30b3\u30fc\u30c9\u306f\u3001\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u4f8b\u3068\u30b9\u30af\u30ea\u30d7\u30c8\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u306e\u66f8\u304d\u65b9\u3092\u3082\u3068\u306b\u3057\u305f\u3082\u306e\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity 6.6\u3067\u3001\u3053\u306e\u30b3\u30fc\u30c9\u3092\u305d\u306e\u307e\u307eStartMenu.cs\u3068\u3057\u3066Assets\u306b\u7f6e\u304d\u3001\u30e1\u30cb\u30e5\u30fc\u306e Component \u2192 Scripts \u2192 Start Menu \u3067UIDocument\u306e\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"786\" height=\"434\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-components.jpg\" alt=\"Hierarchy\u306bUIDocument\u306e\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u3042\u308a\u3001Inspector\u306bUI Document\uff08Panel Settings\u306fPanelSettings\u3001Source Asset\u306fStartMenu\u3001Sort Order\u306f0\uff09\u3068Start Menu\uff08Script\uff09\u304c\u4ed8\u3044\u3066\u3044\u308b\" class=\"wp-image-22491\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-components.jpg 786w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-components-300x166.jpg 300w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-components-768x424.jpg 768w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><figcaption class=\"wp-element-caption\">2026-10-20 \u64ae\u5f71\u3002Unity 6.6\uff086000.6.5f1\uff09\u3001Windows 11\u3002UI Document\u306b\u4f5c\u3063\u305fUXML\u3092\u6307\u5b9a\u3057\u3001\u8a18\u4e8b\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u540c\u3058\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u8ffd\u52a0\u3057\u305f\u72b6\u614b\u3002UI Document\u306b\u306fPanel Renderer\u3078\u306e\u79fb\u884c\u3092\u52e7\u3081\u308b\u8868\u793a\u304c\u51fa\u307e\u3059<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u518d\u751f\u3057\u3066Start\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u3001\u62bc\u3059\u305f\u3073\u306bConsole\u306b\u300cStart \u304c\u62bc\u3055\u308c\u307e\u3057\u305f\u300d\u304c1\u884c\u305a\u3064\u51fa\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1017\" height=\"560\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-play-console.jpg\" alt=\"\u518d\u751f\u4e2d\u306eGame\u30d3\u30e5\u30fc\u306e\u4e2d\u592e\u306bStart\u30dc\u30bf\u30f3\u304c\u3042\u308a\u3001\u4e0b\u306eConsole\u306b\u300cStart \u304c\u62bc\u3055\u308c\u307e\u3057\u305f\u300d\u304c2\u884c\u51fa\u3066\u3044\u308b\" class=\"wp-image-22492\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-play-console.jpg 1017w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-play-console-300x165.jpg 300w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-play-console-768x423.jpg 768w\" sizes=\"auto, (max-width: 1017px) 100vw, 1017px\" \/><figcaption class=\"wp-element-caption\">2026-10-20 \u64ae\u5f71\u3002Unity 6.6\uff086000.6.5f1\uff09\u3001Windows 11\u3002\u518d\u751f\u3057\u3066Start\u30dc\u30bf\u30f3\u30922\u56de\u62bc\u3057\u305f\u7d50\u679c\u3002\u62bc\u3059\u305f\u3073\u306bConsole\u306b1\u884c\u305a\u3064\u51fa\u307e\u3057\u305f<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">OnEnable\u3067\u63a2\u3059\u7406\u7531<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u3067\u306f\u3001UI Document\u306fOnEnable\u304c\u547c\u3070\u308c\u305f\u3068\u304d\u306bUXML\u3092\u8aad\u307f\u8fbc\u3080\u305f\u3081\u3001\u90e8\u54c1\u3092\u6271\u3046\u51e6\u7406\u306fOnEnable\u306b\u66f8\u304f\u3088\u3046\u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u307e\u305f\u3001UI Document\u306f\u3001OnEnable\u3068OnDisable\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u4e2d\u8eab\u3092\u6d88\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u5225\u306e\u4f8b\u3067\u3082\u3001UI\u304c\u8aad\u307f\u8fbc\u307f\u76f4\u3055\u308c\u308b\u3068\u304d\u306f\u540c\u3058\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u3044\u3063\u305f\u3093\u7121\u52b9\u306b\u306a\u3063\u3066\u304b\u3089\u6709\u52b9\u306b\u623b\u308b\u305f\u3081\u3001UI\u3092\u6271\u3046\u51e6\u7406\u306fOnEnable\u3068OnDisable\u306b\u66f8\u304f\u3088\u3046\u6ce8\u610f\u66f8\u304d\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">clicked\u3068ClickEvent\u306e\u9055\u3044<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u30dc\u30bf\u30f3\u306e\u51e6\u7406\u306e\u3064\u306a\u304e\u65b9\u306f\u3001\u4e3b\u306b2\u3064\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u66f8\u304d\u65b9<\/th><th>\u7279\u5fb4<\/th><\/tr><\/thead><tbody><tr><td>button.clicked += \u95a2\u6570\u540d<\/td><td>\u5f15\u6570\u306e\u306a\u3044\u95a2\u6570\u3092\u3064\u306a\u3050\u3002\u30b9\u30af\u30ea\u30d7\u30c8\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u3067\u306f Clickable.clicked \u3078\u306e\u8fd1\u9053\u3068\u8aac\u660e\u3055\u308c\u3066\u3044\u308b<\/td><\/tr><tr><td>button.RegisterCallback&lt;ClickEvent&gt;(\u95a2\u6570\u540d)<\/td><td>ClickEvent \u3092\u53d7\u3051\u53d6\u308b\u95a2\u6570\u3092\u3064\u306a\u3050\u3002\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u5165\u9580\u306e\u4f8b\u306f\u3053\u3061\u3089<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u30b9\u30af\u30ea\u30d7\u30c8\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\uff08Button.clicked\uff09\u3068\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\uff08Get started with runtime UI\uff09\u3092\u3082\u3068\u306b\u4f5c\u6210<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u3069\u3061\u3089\u306e\u5834\u5408\u3082\u3001OnDisable\u3067\u5916\u3057\u3066\u304a\u304f\u3068\u3001\u540c\u3058\u51e6\u7406\u304c\u4f55\u5ea6\u3082\u3064\u306a\u304c\u308b\u306e\u3092\u9632\u3052\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u4f8b\u3082\u3001OnDisable\u3067UnregisterCallback\u3092\u547c\u3093\u3067\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Input System 1.20\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u3088\u308b\u3068\u3001ClickEvent\u306f\u30dd\u30a4\u30f3\u30bf\u30fc\u3067\u306e\u30af\u30ea\u30c3\u30af\u3060\u3051\u3067\u767a\u751f\u3057\u3001\u30b2\u30fc\u30e0\u30d1\u30c3\u30c9\u306e\u6c7a\u5b9a\u30dc\u30bf\u30f3\u3067\u306f\u767a\u751f\u3057\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b2\u30fc\u30e0\u30d1\u30c3\u30c9\u306e\u6c7a\u5b9a\u30dc\u30bf\u30f3\u306b\u3082\u53cd\u5fdc\u3055\u305b\u305f\u3044\u5834\u5408\u306f\u3001clicked\u3092\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u753b\u9762\u30b5\u30a4\u30ba\u306b\u5408\u308f\u305b\u308b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u89e3\u50cf\u5ea6\u306e\u9055\u3046\u753b\u9762\u3067UI\u306e\u5927\u304d\u3055\u3092\u3069\u3046\u5909\u3048\u308b\u304b\u306f\u3001Panel Settings\u306eScale Mode\u3067\u6c7a\u3081\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">Scale Mode<\/th><th>\u50cd\u304d<\/th><\/tr><\/thead><tbody><tr><td>Constant Pixel Size<\/td><td>\u753b\u9762\u30b5\u30a4\u30ba\u306b\u95a2\u4fc2\u306a\u304f\u3001\u30d4\u30af\u30bb\u30eb\u3067\u306e\u5927\u304d\u3055\u3092\u4fdd\u3064<\/td><\/tr><tr><td>Constant Physical Size<\/td><td>\u753b\u9762\u30b5\u30a4\u30ba\u3084\u89e3\u50cf\u5ea6\u306b\u95a2\u4fc2\u306a\u304f\u3001\u7269\u7406\u7684\u306a\u5927\u304d\u3055\u3092\u4fdd\u3064<\/td><\/tr><tr><td>Scale With Screen Size<\/td><td>\u753b\u9762\u30b5\u30a4\u30ba\u306b\u5408\u308f\u305b\u3066\u5927\u304d\u304f\u3057\u305f\u308a\u5c0f\u3055\u304f\u3057\u305f\u308a\u3059\u308b<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u300cPanel Settings properties reference\u300d\u3092\u3082\u3068\u306b\u4f5c\u6210<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Scale With Screen Size\u3067\u306f\u3001\u57fa\u6e96\u306b\u3059\u308b\u89e3\u50cf\u5ea6\uff08Reference Resolution\uff09\u3068\u3001\u5e45\u3068\u9ad8\u3055\u306e\u3069\u3061\u3089\u306b\u5408\u308f\u305b\u308b\u304b\uff08Screen Match Mode\uff09\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30dc\u30bf\u30f3\u304c\u53cd\u5fdc\u3057\u306a\u3044\u3068\u304d\u306e\u78ba\u8a8d<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u30b9\u30af\u30ea\u30d7\u30c8\u304cUI Document\u3068\u540c\u3058\u30b2\u30fc\u30e0\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u4ed8\u3044\u3066\u3044\u308b\u304b<\/li>\n\n\n<li>Q&lt;Button&gt; \u306b\u6e21\u3057\u305f\u540d\u524d\u304c\u3001UXML\u306eName\u3068\u4e00\u5b57\u4e00\u53e5\u540c\u3058\u304b<\/li>\n\n\n<li>\u90e8\u54c1\u3092\u63a2\u3059\u51e6\u7406\u304cOnEnable\u306b\u66f8\u304b\u308c\u3066\u3044\u308b\u304b<\/li>\n\n\n<li>uGUI\u3068\u540c\u3058\u30b7\u30fc\u30f3\u3067\u4f7f\u3046\u5834\u5408\u3001EventSystem\u306e\u5165\u529b\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u5165\u529b\u306e\u8a2d\u5b9a\u3068\u5408\u3063\u3066\u3044\u308b\u304b<\/li>\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b9\u30af\u30ea\u30d7\u30c8\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u3067\u306f\u3001Q\u306f\u6761\u4ef6\u306b\u5408\u3046\u8981\u7d20\u304c\u898b\u3064\u304b\u3089\u306a\u3044\u3068null\u3092\u8fd4\u3059\u3068\u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u540d\u524d\u304c\u9055\u3046\u3068\u3001clicked\u306b\u3064\u306a\u3050\u884c\u3067NullReferenceException\u304c\u51fa\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UXML\u306e\u30dc\u30bf\u30f3\u306e\u540d\u524d\u3060\u3051\u3092startButton\u306b\u5909\u3048\u3066\u518d\u751f\u3059\u308b\u3068\u3001\u305d\u306e\u6642\u70b9\u3067Console\u306bNullReferenceException\u304c\u51fa\u3066\u3001\u5834\u6240\u306fStartMenu.cs\u306e13\u884c\u76ee\uff08clicked\u306b\u3064\u306a\u3050\u884c\uff09\u3068\u8868\u793a\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30dc\u30bf\u30f3\u306f\u753b\u9762\u306b\u51fa\u307e\u3059\u304c\u3001\u62bc\u3057\u3066\u3082Console\u306b\u306f\u4f55\u3082\u51fa\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1017\" height=\"560\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-null-reference.jpg\" alt=\"\u30dc\u30bf\u30f3\u306e\u540d\u524d\u3092startButton\u306b\u5909\u3048\u305fUXML\u3067\u518d\u751f\u3057\u305f\u753b\u9762\u3002Console\u306bNullReferenceException\u304c\u51fa\u3066\u3001StartMenu.cs\u306e13\u884c\u76ee\u3068\u8868\u793a\u3055\u308c\u3066\u3044\u308b\" class=\"wp-image-22493\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-null-reference.jpg 1017w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-null-reference-300x165.jpg 300w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/10\/cgm-20261020-unity-ui-toolkit-basics-null-reference-768x423.jpg 768w\" sizes=\"auto, (max-width: 1017px) 100vw, 1017px\" \/><figcaption class=\"wp-element-caption\">2026-10-20 \u64ae\u5f71\u3002Unity 6.6\uff086000.6.5f1\uff09\u3001Windows 11\u3002UXML\u306e\u30dc\u30bf\u30f3\u306e\u540d\u524d\u3092\u30b9\u30af\u30ea\u30d7\u30c8\u3068\u9055\u3046\u300cstartButton\u300d\u306b\u3057\u3066\u518d\u751f\u3057\u305f\u7d50\u679c\u3002\u518d\u751f\u3057\u305f\u6642\u70b9\u3067\u30a8\u30e9\u30fc\u304c\u51fa\u3066\u3001\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u3082\u4f55\u3082\u51fa\u307e\u305b\u3093<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">EventSystem\u306f\u8981\u308b\u304b<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u3067\u306f\u3001\u518d\u751f\u3092\u59cb\u3081\u308b\u3068UI Toolkit\u304c\u65e2\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u30b7\u30b9\u30c6\u30e0\u3092\u81ea\u52d5\u3067\u4f5c\u308b\u305f\u3081\u3001UI Toolkit\u3060\u3051\u306e\u30b7\u30fc\u30f3\u3067\u306f\u3001\u30b7\u30fc\u30f3\u306bEventSystem\u3092\u7f6e\u304f\u5fc5\u8981\u306f\u306a\u3044\u3068\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">uGUI\u3068\u540c\u3058\u30b7\u30fc\u30f3\u3067\u4f7f\u3046\u5834\u5408\u306f\u3001EventSystem\u3068\u3001\u5165\u529b\u306e\u8a2d\u5b9a\u306b\u5408\u3063\u305f\u5165\u529b\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity 6.6\u306e\u7df4\u7fd2\u7528\u306e\u30b7\u30fc\u30f3\uff08Universal 3D\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\uff09\u3067\u3082\u3001EventSystem\u3092\u7f6e\u304b\u305a\u306b\u3001\u30de\u30a6\u30b9\u306e\u30af\u30ea\u30c3\u30af\u3067\u30dc\u30bf\u30f3\u304c\u53cd\u5fdc\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">Active Input Handling<\/th><th>uGUI\u3068\u4e00\u7dd2\u306b\u4f7f\u3046\u3068\u304d\u306b\u8981\u308b\u3082\u306e<\/th><\/tr><\/thead><tbody><tr><td>Input Manager (Old)<\/td><td>EventSystem \u3068 Standalone Input Module<\/td><\/tr><tr><td>Input System Package (New)<\/td><td>EventSystem \u3068 Input System UI Input Module<\/td><\/tr><tr><td>Both<\/td><td>\u4f7f\u3046\u5165\u529b\u306e\u4ed5\u7d44\u307f\u306b\u5408\u308f\u305b\u3066\u3001\u4e0a\u306e\u3069\u3061\u3089\u304b<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u300cRuntime UI event system and input handling\u300d\u3092\u3082\u3068\u306b\u4f5c\u6210<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Active Input Handling\u306f\u3001Edit \u2192 Project Settings \u2192 Player \u306e Other Settings \u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5207\u308a\u66ff\u3048\u65b9\u306f\u3001<a href=\"https:\/\/cg-method.com\/unity\/unity-active-input-handling\/\">Input System\u306e\u5207\u308a\u66ff\u3048\uff5cActive Input Handling<\/a>\u3067\u8aac\u660e\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">UI\u3092\u4e00\u6642\u7684\u306b\u96a0\u3059<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u3067\u306f\u3001UI Document\u306f\u7121\u52b9\u306b\u306a\u308b\u3068\u4e2d\u8eab\u3092\u6d88\u3059\u3068\u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3059\u3050\u306b\u307e\u305f\u8868\u793a\u3059\u308bUI\u306f\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u7121\u52b9\u306b\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001rootVisualElement\u306edisplay\u3092none\u306b\u3057\u3066\u96a0\u3059\u65b9\u6cd5\u304c\u6848\u5185\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-csharp\"><code>\/\/ \u96a0\u3059\nroot.style.display = DisplayStyle.None;\n\/\/ \u3082\u3046\u4e00\u5ea6\u8868\u793a\u3059\u308b\nroot.style.display = DisplayStyle.Flex;<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u53c2\u8003\u306b\u3057\u305f\u516c\u5f0f\u30da\u30fc\u30b8<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><a href=\"https:\/\/docs.unity3d.com\/6000.3\/Documentation\/Manual\/UI-system-compare.html\">Comparison of UI systems in Unity<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.unity3d.com\/6000.3\/Documentation\/Manual\/UIE-get-started-with-runtime-ui.html\">Get started with runtime UI<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.unity3d.com\/6000.3\/Documentation\/Manual\/UIB-getting-started.html\">Get started with UI Builder<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.unity3d.com\/6000.3\/Documentation\/Manual\/UIE-create-ui-document-component.html\">UI Document component<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.unity3d.com\/6000.3\/Documentation\/Manual\/UIE-Runtime-Panel-Settings.html\">Panel Settings properties reference<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.unity3d.com\/6000.3\/Documentation\/Manual\/UIE-Runtime-Event-System.html\">Runtime UI event system and input handling<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.unity3d.com\/6000.3\/Documentation\/ScriptReference\/UIElements.Button-clicked.html\">Button.clicked\uff08\u30b9\u30af\u30ea\u30d7\u30c8\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\uff09<\/a><\/li>\n\n\n<li><a href=\"https:\/\/docs.unity3d.com\/Packages\/com.unity.inputsystem@1.20\/manual\/understand-ui-compatibility.html\">Input System 1.20\uff1aUnderstand UI system compatibility<\/a><\/li>\n\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Unity\u306eUI Toolkit\u3067\u753b\u9762\u3092\u4f5c\u308a\u3001UI Document\u3067\u8868\u793a\u3057\u3001C#\u3067\u30dc\u30bf\u30f3\u306e\u51e6\u7406\u3092\u3064\u306a\u3050\u624b\u9806\u3092\u3001Unity 6.3 LTS\u306e\u516c\u5f0f\u30de\u30cb\u30e5\u30a2\u30eb\u306b\u6cbf\u3063\u3066\u6574\u7406\u3057\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"author":1,"featured_media":22471,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","book_review_data":"","footnotes":"","ssp_meta_title":"Unity UI Toolkit\u306e\u4f7f\u3044\u65b9\uff5c\u753b\u9762\u3068\u30dc\u30bf\u30f3","ssp_meta_description":"Unity\u306eUI Toolkit\u3067UI Builder\u304b\u3089\u753b\u9762\u3092\u4f5c\u308a\u3001UI Document\u3067\u8868\u793a\u3057\u3001C#\u3067\u30dc\u30bf\u30f3\u306e\u51e6\u7406\u3092\u3064\u306a\u3050\u624b\u9806\u3092\u3001Unity 6.6\u306e\u5b9f\u6a5f\u3067\u78ba\u304b\u3081\u3066\u89e3\u8aac\u30026.6\u3067\u306e\u30e1\u30cb\u30e5\u30fc\u306e\u9055\u3044\u3068\u3001\u30dc\u30bf\u30f3\u304c\u53cd\u5fdc\u3057\u306a\u3044\u3068\u304d\u306e\u30a8\u30e9\u30fc\u3082\u3002"},"categories":[20],"tags":[],"class_list":["post-22470","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui"],"_links":{"self":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/22470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/comments?post=22470"}],"version-history":[{"count":3,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/22470\/revisions"}],"predecessor-version":[{"id":22494,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/22470\/revisions\/22494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/media\/22471"}],"wp:attachment":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/media?parent=22470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/categories?post=22470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/tags?post=22470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}