{"id":4032,"date":"2025-05-07T16:18:55","date_gmt":"2025-05-07T07:18:55","guid":{"rendered":"https:\/\/neeichi.com\/?p=4032"},"modified":"2025-06-24T23:31:17","modified_gmt":"2025-06-24T14:31:17","slug":"ui-toolkit%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%aa%e3%83%80%e3%82%a4%e3%82%a2%e3%83%ad%e3%82%b0%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9","status":"publish","type":"post","link":"https:\/\/neeichi.com\/?p=4032","title":{"rendered":"\u3010UI Toolkit\u3011\u3092\u4f7f\u3063\u305f\u30b7\u30f3\u30d7\u30eb\u306a\u30c0\u30a4\u30a2\u30ed\u30b0\u306e\u4f5c\u308a\u65b9"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">1. \u306f\u3058\u3081\u306b<\/h2>\n\n\n\n<p>\u4eca\u56de\u306f <strong>Unity\u306eUI Toolkit<\/strong> \u3092\u4f7f\u3063\u3066\u3001<br>\u30bd\u30fc\u30b7\u30e3\u30eb\u30b2\u30fc\u30e0\uff08\u30bd\u30b7\u30e3\u30b2\uff09\u3067\u3088\u304f\u898b\u304b\u3051\u308b\u300c\u5927\u304d\u304f\u8868\u793a\u3055\u308c\u308b\u30a6\u30a3\u30f3\u30c9\u30a6\uff08\u30c0\u30a4\u30a2\u30ed\u30b0\uff09\u300d\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u4ee5\u524d\u4f5c\u6210\u3057\u305f\u300c\u30bd\u30b7\u30e3\u30b2\u98a8UI\u753b\u9762\u300d\u3092\u30d9\u30fc\u30b9\u306b\u3057\u3066\u3044\u307e\u3059\u304c\u3001<br>\u3053\u306e\u8a18\u4e8b\u3060\u3051\u3092\u8aad\u3093\u3067\u3082\u5b9f\u8df5\u3067\u304d\u308b\u3088\u3046\u3001\u624b\u9806\u3092\u4e01\u5be7\u306b\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">UI Toolkit\u306b\u3064\u3044\u3066\u306f\u3053\u3061\u3089<\/h5>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-chizuhamuchushin wp-block-embed-chizuhamuchushin\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/neeichi.com\/?p=3637\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">\u30db\u30fc\u30e0\u753b\u9762\u306e\u4f5c\u308a\u65b9\u306f\u3053\u3061\u3089<\/h5>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-chizuhamuchushin wp-block-embed-chizuhamuchushin\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/neeichi.com\/?p=3817\n<\/div><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u5b8c\u6210\u30a4\u30e1\u30fc\u30b8<\/h3>\n\n\n\n<p>\u5b8c\u6210\u753b\u50cf\u306f\u3053\u3061\u3089\u3067\u3059<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224051-1024x598.jpg\" alt=\"\" class=\"wp-image-4057\" srcset=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224051-1024x598.jpg 1024w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224051-300x175.jpg 300w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224051-768x448.jpg 768w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224051.jpg 1093w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224051-1024x598.jpg 856w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">\u4e3b\u306a\u7279\u5fb4<\/h5>\n\n\n\n<p>\u30fb\u753b\u9762\u4e2d\u592e\u306b\u30c0\u30a4\u30a2\u30ed\u30b0\u304c\u8868\u793a\u3055\u308c\u307e\u3059<br>\u30fb\u8868\u793a\u4e2d\u306f\u80cc\u666f\u304c\u5c11\u3057\u6697\u304f\u306a\u308a\u307e\u3059<br>\u30fb\u300c\u9589\u3058\u308b\u30dc\u30bf\u30f3\u300d\u307e\u305f\u306f\u30a6\u30a3\u30f3\u30c9\u30a6\u5916\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u3001\u30c0\u30a4\u30a2\u30ed\u30b0\u304c\u9589\u3058\u307e\u3059<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">2. UI Toolkit\u3067\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u4f5c\u308b\u8003\u3048\u65b9<\/h2>\n\n\n\n<p>\u4eca\u56de\u4f5c\u6210\u3059\u308b\u30c0\u30a4\u30a2\u30ed\u30b0\u306f\u3001\u4e3b\u306b<strong>\uff15\u3064\u306e\u30d1\u30fc\u30c4<\/strong>\u3067\u69cb\u6210\u3057\u307e\u3059<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224052-1024x598.jpg\" alt=\"\" class=\"wp-image-4071\" srcset=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224052-1024x598.jpg 1024w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224052-300x175.jpg 300w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224052-768x448.jpg 768w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224052.jpg 1093w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250506224052-1024x598.jpg 856w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-table aligncenter is-style-stripes\"><table class=\"has-fixed-layout\"><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">\u30d1\u30fc\u30c4\u540d<\/td><td class=\"has-text-align-left\" data-align=\"left\">\u5f79\u5272<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>\u30c0\u30a4\u30a2\u30ed\u30b0\u30a8\u30ea\u30a2<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">\u753b\u9762\u5168\u4f53\u3092\u8986\u3046\u30a8\u30ea\u30a2\uff08\u80cc\u666f\u304c\u6697\u304f\u306a\u308b\u90e8\u5206\uff09<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>\u30a6\u30a3\u30f3\u30c9\u30a6<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">\u30e1\u30a4\u30f3\u3068\u306a\u308b\u30a6\u30a3\u30f3\u30c9\u30a6<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>\u30bf\u30a4\u30c8\u30eb\u30a8\u30ea\u30a2<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">\u30a6\u30a3\u30f3\u30c9\u30a6\u4e0a\u90e8\u306e\u30bf\u30a4\u30c8\u30eb\u8868\u793a\u30a8\u30ea\u30a2<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>\u30e1\u30c3\u30bb\u30fc\u30b8\u30a8\u30ea\u30a2<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">\u30c6\u30ad\u30b9\u30c8\u3084\u753b\u50cf\u306a\u3069\u3092\u8868\u793a\u3059\u308b\u30a8\u30ea\u30a2<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>\u30dc\u30bf\u30f3\u30a8\u30ea\u30a2<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">OK\u30dc\u30bf\u30f3\u3084\u9589\u3058\u308b\u30dc\u30bf\u30f3\u3092\u8868\u793a\u3059\u308b\u30a8\u30ea\u30a2<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u3053\u308c\u3092UI Toolkit\u306eVisualElement\u3068USS\u3067\u7d44\u307f\u5408\u308f\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">3.\u30c0\u30a4\u30a2\u30ed\u30b0UI\u306e\u4f5c\u6210\u624b\u9806<\/h2>\n\n\n\n<p>\u3053\u3053\u304b\u3089\u306f\u5b9f\u969b\u306b\u30c0\u30a4\u30a2\u30ed\u30b0UI\u3092\u7d44\u307f\u7acb\u3066\u308b\u624b\u9806\u3092\u7d39\u4ecb\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.1 UXML\u3067\u30d1\u30fc\u30c4\u3092\u914d\u7f6e\u3059\u308b<\/h3>\n\n\n\n<p><strong>Hierarchy\u3078VisualElement\u3092\u914d\u7f6e\u3057\u3066\u3044\u304d\u307e\u3059<\/strong>\u3002\u5f8c\u307b\u3069\u30b9\u30bf\u30a4\u30eb\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<br>\u3053\u306e\u8a18\u4e8b\u3067\u306f\u4ed6\u306eUI\uff08\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30ca\uff09\u304c\u3042\u308b\u524d\u63d0\u3067\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u3088\u3046\u306a\u914d\u7f6e\u306b\u306a\u308a\u307e\u3057\u305f\u3002<br>\uff08\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30ca\u306e\u4e0b\u306b\u8868\u793a\u3055\u308c\u3066\u3057\u307e\u3063\u3066\u3044\u307e\u3059\u304c\u5f8c\u3067\u8abf\u6574\u3057\u307e\u3059\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"308\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507224534.jpg\" alt=\"\" class=\"wp-image-4072\"\/><\/figure>\n\n\n\n<p>\u6b21\u306f<strong>\u5404\u8981\u7d20\u306e\u540d\u524d\u3092\u5909\u66f4<\/strong>\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"725\" height=\"306\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507224803.jpg\" alt=\"\" class=\"wp-image-4073\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.2 USS\u3067\u30d1\u30fc\u30c4\u306e\u57fa\u672c\u30b9\u30bf\u30a4\u30eb\u3092\u6574\u3048\u308b<\/h3>\n\n\n\n<p>\u5b8c\u6210\u5f62\u3092\u30a4\u30e1\u30fc\u30b8\u3057\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306b\u3001\u3053\u3053\u3067\u5404\u30d1\u30fc\u30c4\u3054\u3068\u306b <strong>\u57fa\u672c\u7684\u306a\u898b\u305f\u76ee\u306e\u8abf\u6574<\/strong> \u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30c0\u30a4\u30a2\u30ed\u30b0\u30a8\u30ea\u30a2\u306e\u8abf\u6574<\/h4>\n\n\n\n<p>\u307e\u305a\u306f\u3001\u753b\u9762\u5168\u4f53\u3092\u8986\u3046\u300c\u30c0\u30a4\u30a2\u30ed\u30b0\u30a8\u30ea\u30a2\u300d\u306e\u8a2d\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Position<\/strong>\uff1aAbsolute<\/li>\n\n\n\n<li><strong>Size<\/strong>\uff1aWidth 100%, Height 100%<\/li>\n\n\n\n<li><strong>\u80cc\u666f\u8272<\/strong>\uff1a\u9ed2 (\u30a2\u30eb\u30d5\u30a1\u5024\u3092\u4e0b\u3052\u3066\u80cc\u666f\u3092\u5c11\u3057\u900f\u904e\u3057\u3001\u753b\u9762\u5168\u4f53\u3092\u6697\u304f\u3059\u308b)<\/li>\n<\/ul>\n\n\n\n<p><strong>\u4e2d\u592e\u914d\u7f6e\u306e\u8a2d\u5b9a<\/strong><br>\u5b50\u8981\u7d20\uff08\u30a6\u30a3\u30f3\u30c9\u30a6\uff09\u304c\u753b\u9762\u4e2d\u592e\u306b\u6765\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Align Items<\/strong>\uff1aCenter<\/li>\n\n\n\n<li><strong>Justify Content<\/strong>\uff1aCenter<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"382\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507225650.jpg\" alt=\"\" class=\"wp-image-4075\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"516\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507225254.jpg\" alt=\"\" class=\"wp-image-4074\" srcset=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507225254.jpg 886w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507225254-300x175.jpg 300w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507225254-768x447.jpg 768w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507225254.jpg 856w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"268\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507230305.jpg\" alt=\"\" class=\"wp-image-4076\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u8abf\u6574<\/h4>\n\n\n\n<p>\u6b21\u306b\u3001\u30e1\u30a4\u30f3\u3068\u306a\u308b\u300c\u30a6\u30a3\u30f3\u30c9\u30a6\u300d\u306e\u8a2d\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Size<\/strong>\uff1aWidth 80%, Height 80%<\/li>\n\n\n\n<li><strong>Justify Content<\/strong>\uff1aSpace-between<\/li>\n\n\n\n<li><strong>Flex Grow<\/strong>\uff1a0<\/li>\n<\/ul>\n\n\n\n<p><strong>\u898b\u305f\u76ee\u306e\u8abf\u6574<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Width<\/strong>\uff1a10px<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>\uff1a25px\uff08\u89d2\u3092\u4e38\u3081\u308b\uff09<\/li>\n\n\n\n<li><strong>Border Color<\/strong>\uff1a\u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"373\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507231647.jpg\" alt=\"\" class=\"wp-image-4080\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"648\" height=\"351\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507231313.jpg\" alt=\"\" class=\"wp-image-4077\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30bf\u30a4\u30c8\u30eb\u30a8\u30ea\u30a2\u306e\u8abf\u6574<\/h4>\n\n\n\n<p>\u6b21\u306b\u3001\u30a6\u30a3\u30f3\u30c9\u30a6\u4e0a\u90e8\u306b\u3042\u308b\u300c\u30bf\u30a4\u30c8\u30eb\u30a8\u30ea\u30a2\u300d\u306e\u8a2d\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<p><strong>\u4e2d\u592e\u914d\u7f6e\u306e\u8a2d\u5b9a<\/strong><br>\u5f8c\u306b\u8ffd\u52a0\u3059\u308b\u5b50\u8981\u7d20\uff08\u30bf\u30a4\u30c8\u30eb\u30e9\u30d9\u30eb\uff09\u304c\u4e2d\u592e\u306b\u6765\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Align Items<\/strong>\uff1aCenter<\/li>\n\n\n\n<li><strong>Justify Content<\/strong>\uff1aCenter<\/li>\n<\/ul>\n\n\n\n<p><strong>\u898b\u305f\u76ee\u306e\u8a2d\u5b9a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Size<\/strong>\uff1aHeight 10%<\/li>\n\n\n\n<li><strong>Flex Grow<\/strong>\uff1a0<\/li>\n\n\n\n<li><strong>BackGround Color<\/strong>\uff1a\u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"818\" height=\"354\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507234004-1.jpg\" alt=\"\" class=\"wp-image-4089\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"363\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507233722.jpg\" alt=\"\" class=\"wp-image-4087\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30e1\u30c3\u30bb\u30fc\u30b8\u30a8\u30ea\u30a2\u306e\u8abf\u6574<\/h4>\n\n\n\n<p>\u6b21\u306f\u3001\u300c\u30e1\u30c3\u30bb\u30fc\u30b8\u30a8\u30ea\u30a2\u300d\u306e\u8a2d\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Flex Grow<\/strong>\uff1a1<\/li>\n\n\n\n<li><strong>BackGround Color<\/strong>\uff1a\u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n<\/ul>\n\n\n\n<p><strong>\u5b50\u8981\u7d20\u3068\u306e\u9699\u9593\u3092\u8a2d\u5b9a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Spacing<\/strong> : Padding 15px<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"820\" height=\"365\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507234519.jpg\" alt=\"\" class=\"wp-image-4090\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"462\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508012949.jpg\" alt=\"\" class=\"wp-image-4108\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30dc\u30bf\u30f3\u30a8\u30ea\u30a2\u306e\u8abf\u6574<\/h4>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001\u300c\u30dc\u30bf\u30f3\u30a8\u30ea\u30a2\u300d\u306e\u8a2d\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Align Items<\/strong>\uff1aCenter<\/li>\n\n\n\n<li><strong>JustifyContent<\/strong> : flex-end<\/li>\n\n\n\n<li><strong>Flex Grow<\/strong>\uff1a0<\/li>\n\n\n\n<li><strong>BackGround Color<\/strong>\uff1a\u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n\n\n\n<li><strong>Size<\/strong>\uff1aHeight 10%<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"370\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250507235616.jpg\" alt=\"\" class=\"wp-image-4096\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"356\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508013948.jpg\" alt=\"\" class=\"wp-image-4117\"\/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3.3 \u5404\u5b50\u8981\u7d20\u3092\u8ffd\u52a0<\/h3>\n\n\n\n<p>Hierarchy\u306e\u5404\u30a8\u30ea\u30a2\u3078\u300c\u30bf\u30a4\u30c8\u30eb\u30e9\u30d9\u30eb\u300d\u300c\u30c6\u30ad\u30b9\u30c8\u300d\u300c\u30dc\u30bf\u30f3\u300d\u306a\u3069\u3001\u30a6\u30a3\u30f3\u30c9\u30a6\u5185\u306e <strong>\u5b50\u8981\u7d20<\/strong> \u3092\u8ffd\u52a0\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u5f8c\u307b\u3069\u30b9\u30bf\u30a4\u30eb\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Label\u3068Button\u3092\u8ffd\u52a0\u3057\u540d\u524d\u3092\u5909\u66f4<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"441\" height=\"232\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508010102.jpg\" alt=\"\" class=\"wp-image-4101\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.4 \u5404\u5b50\u8981\u7d20\u3092\u30b9\u30bf\u30a4\u30eb\u8abf\u6574<\/h3>\n\n\n\n<p>\u914d\u7f6e\u3057\u305f\u5b50\u8981\u7d20\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u8abf\u6574\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30bf\u30a4\u30c8\u30eb\u30e9\u30d9\u30eb\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<p>\u307e\u305a\u306f\u3001\u30c0\u30a4\u30a2\u30ed\u30b0\u4e0a\u90e8\u306e\u300c\u30bf\u30a4\u30c8\u30eb\u30e9\u30d9\u30eb\u300d\u306e\u898b\u305f\u76ee\u3092\u6574\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font<\/strong> : \u304a\u597d\u307f\u306e\u30d5\u30a9\u30f3\u30c8\u3078\u5909\u66f4<\/li>\n\n\n\n<li><strong>Font Size<\/strong> : 38px<\/li>\n\n\n\n<li><strong>Font Color<\/strong> : \u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"929\" height=\"382\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508011155.jpg\" alt=\"\" class=\"wp-image-4104\" srcset=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508011155.jpg 929w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508011155-300x123.jpg 300w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508011155-768x316.jpg 768w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508011155.jpg 856w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30c0\u30a4\u30a2\u30ed\u30b0\u30c6\u30ad\u30b9\u30c8\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<p>\u6b21\u306f\u3001\u300c\u30c0\u30a4\u30a2\u30ed\u30b0\u30c6\u30ad\u30b9\u30c8\u300d\u306e\u898b\u305f\u76ee\u3092\u6574\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Spacing<\/strong> : Margin 0px, Padding 0px<\/li>\n\n\n\n<li><strong>Font<\/strong> : \u304a\u597d\u307f\u306e\u30d5\u30a9\u30f3\u30c8\u3078\u5909\u66f4<\/li>\n\n\n\n<li><strong>Font Size<\/strong> : 38px<\/li>\n\n\n\n<li><strong>Font Color<\/strong> : \u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n\n\n\n<li><strong>Wrap<\/strong> : normal<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"924\" height=\"507\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508013607.jpg\" alt=\"\" class=\"wp-image-4115\" srcset=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508013607.jpg 924w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508013607-300x165.jpg 300w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508013607-768x421.jpg 768w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508013607.jpg 856w\" sizes=\"auto, (max-width: 924px) 100vw, 924px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30af\u30ed\u30fc\u30ba\u30dc\u30bf\u30f3\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<p>\u6b21\u306f\u3001\u300c\u30af\u30ed\u30fc\u30ba\u30dc\u30bf\u30f3\u300d\u306e\u898b\u305f\u76ee\u3092\u6574\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Size<\/strong> : Width 20%<\/li>\n\n\n\n<li><strong>Font<\/strong> : \u304a\u597d\u307f\u306e\u30d5\u30a9\u30f3\u30c8\u3078\u5909\u66f4<\/li>\n\n\n\n<li><strong>Font Size<\/strong> : 26px<\/li>\n\n\n\n<li><strong>Font Color<\/strong> : \u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>BackGround Color<\/strong>\uff1a\u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n\n\n\n<li><strong>Border Color<\/strong> : \u304a\u597d\u307f\u306e\u8272\u306b\u5909\u66f4<\/li>\n\n\n\n<li><strong>Border Size<\/strong> : Width 3px<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"635\" height=\"225\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508014702.jpg\" alt=\"\" class=\"wp-image-4123\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"635\" height=\"339\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508015033.jpg\" alt=\"\" class=\"wp-image-4124\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u7d30\u304b\u3044\u8abf\u6574<\/h4>\n\n\n\n<p>\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u89d2\u3092\u898b\u308b\u3068\u30bf\u30a4\u30c8\u30eb\u30a8\u30ea\u30a2\u304c\u306f\u307f\u51fa\u3057\u3066\u4e38\u304f\u306a\u3063\u3066\u3044\u307e\u305b\u3093\u3002<br><strong>overflow: hidden;<\/strong>\u3092\u8a2d\u5b9a\u3057\u3066\u4e38\u304f\u306a\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"417\" height=\"349\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508121825.jpg\" alt=\"\" class=\"wp-image-4137\" style=\"width:332px;height:auto\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Dialog-Window\u3092\u9078\u629e\u3057\u3001Display\u8a2d\u5b9a\u3092\u5909\u66f4<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Overflow<\/strong> : hidden<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"297\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508120512.jpg\" alt=\"\" class=\"wp-image-4135\"\/><\/figure>\n\n\n\n<p>\u3053\u306e\u8a2d\u5b9a\u3092\u52a0\u3048\u308b\u3053\u3068\u3067\u3001\u30bf\u30a4\u30c8\u30eb\u30a8\u30ea\u30a2\u304c\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u89d2\u4e38\u306b\u3074\u3063\u305f\u308a\u6cbf\u3044\u3001\u81ea\u7136\u3067\u6ed1\u3089\u304b\u306a\u898b\u305f\u76ee\u306b\u306a\u308a\u307e\u3059\u3002<br><strong>\u30de\u30b9\u30af\u306e\u3088\u3046\u306a\u52b9\u679c<\/strong>\u3068\u8003\u3048\u308b\u3068\u308f\u304b\u308a\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">4. \u30a4\u30f3\u30e9\u30a4\u30f3\u30b9\u30bf\u30a4\u30eb\u3092USS\u306b\u307e\u3068\u3081\u308b<\/h2>\n\n\n\n<p>\u3053\u3053\u307e\u3067\u306e\u8a2d\u5b9a\u3067\u3042\u308b\u7a0b\u5ea6\u5f62\u306b\u306f\u306a\u308a\u307e\u3057\u305f\u3002<br>\u6b21\u306f\u3001\u3053\u308c\u307e\u3067\u30a4\u30f3\u30e9\u30a4\u30f3\u3067\u8a2d\u5b9a\u3057\u3066\u3044\u305f\u30b9\u30bf\u30a4\u30eb\u3092\u3001USS\u30d5\u30a1\u30a4\u30eb\u306b\u307e\u3068\u3081\u3066\u6574\u7406\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"890\" height=\"528\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508172401.jpg\" alt=\"\" class=\"wp-image-4139\" srcset=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508172401.jpg 890w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508172401-300x178.jpg 300w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508172401-768x456.jpg 768w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250508172401.jpg 856w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">USS\u30d5\u30a1\u30a4\u30eb\u306e\u4f5c\u6210<\/h3>\n\n\n\n<p><strong>StyleSheets\u306e\u300c\uff0b\u300d &gt; Create New USS<\/strong><\/p>\n\n\n\n<p>UI Toolkit\u30d5\u30a9\u30eb\u30c0\u306b\u540d\u524d\u3092\u4ed8\u3051\u3066\u4fdd\u5b58\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"345\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250504234556.png\" alt=\"\" class=\"wp-image-3925\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30a4\u30f3\u30e9\u30a4\u30f3\u30b9\u30bf\u30a4\u30eb\u306e\u62bd\u51fa<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30b9\u30bf\u30a4\u30eb\u3092\u5909\u66f4\u3057\u305f\u8981\u7d20\uff08VisualElement\u306a\u3069\uff09\u3092\u30af\u30ea\u30c3\u30af<\/strong><\/li>\n\n\n\n<li><strong>\u5de6\u306b\u767d\u3044\u7dda\u304c\u3042\u308b\u30d7\u30ed\u30d1\u30c6\u30a3<\/strong>\uff1d\u5909\u66f4\u6e08\u307f\u306e\u7b87\u6240\u3067\u3059<\/li>\n\n\n\n<li>\u305d\u306e\u53f3\u5074\u306e\u300c\ufe19\uff08\u4e09\u70b9\u30ea\u30fc\u30c0\u30fc\uff09\u300d\u3092\u30af\u30ea\u30c3\u30af<\/li>\n\n\n\n<li>\u300cExtract All Inlined Styles to Selector\u300d\u2192\u300cNew Class\u300d\u3092\u9078\u629e<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">\u30af\u30e9\u30b9\u540d\u3092\u4ed8\u3051\u3066\u4fdd\u5b58<\/h4>\n\n\n\n<p>\u4efb\u610f\u306e\u30af\u30e9\u30b9\u540d\u3092\u3064\u3051\u3066\u300cCreate Class\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059<br>\u4f8b\uff1adialog-area<\/p>\n\n\n\n<p>\u2192 USS\u30d5\u30a1\u30a4\u30eb\u306b .dialog-area \u304c\u81ea\u52d5\u8ffd\u52a0\u3055\u308c\u3001<br>\u5bfe\u8c61\u306e\u8981\u7d20\uff08Dialog-area\uff09\u306b\u3082 .dialog-area \u30af\u30e9\u30b9\u304c\u4ed8\u4e0e\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"336\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510030550.jpg\" alt=\"\" class=\"wp-image-4143\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"775\" height=\"341\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510030549.jpg\" alt=\"\" class=\"wp-image-4142\"\/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">5. \u30c0\u30a4\u30a2\u30ed\u30b0\u7528C#\u30b9\u30af\u30ea\u30d7\u30c8<\/h2>\n\n\n\n<p>\u7d9a\u3044\u3066\u306f\u3001\u5b9f\u969b\u306b\u30c0\u30a4\u30a2\u30ed\u30b0\u7528\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<br>\u4eca\u56de\u306e\u4ed5\u69d8\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4efb\u610f\u306e\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u30c0\u30a4\u30a2\u30ed\u30b0\u304c\u8868\u793a\u3055\u308c\u308b<\/li>\n\n\n\n<li>\u300c\u9589\u3058\u308b\u30dc\u30bf\u30f3\u300d\u3001\u307e\u305f\u306f\u300c\u30c0\u30a4\u30a2\u30ed\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u5916\u300d\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u30a6\u30a3\u30f3\u30c9\u30a6\u304c\u9589\u3058\u308b<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e8b\u524d\u6e96\u5099<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>MainContainer \u306b\u65b0\u3057\u304f\u30dc\u30bf\u30f3\u3092\u914d\u7f6e\u3057\u3001<strong>ID<\/strong>\uff08\u540d\u524d\uff09\u3092\u4ed8\u3051\u308b<\/li>\n\n\n\n<li>Dialog-area \u306e <strong>Display<\/strong> \u3092 <code>none<\/code> \u306b\u8a2d\u5b9a\u3057\u3066\u304a\u304f\uff08\u6700\u521d\u306f\u975e\u8868\u793a\u306b\u3059\u308b\uff09<\/li>\n\n\n\n<li>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b <strong>DialogController.cs<\/strong> \u3068\u3044\u3046\u65b0\u898f\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f5c\u6210\u3059\u308b<\/li>\n\n\n\n<li>Hierarchy \u4e0a\u306e <strong>UIDocument<\/strong> \u306b\u4f5c\u6210\u3057\u305f\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u30a2\u30bf\u30c3\u30c1\u3059\u308b<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u65b0\u3057\u304f\u30dc\u30bf\u30f3\u3092\u4f5c\u6210<\/h4>\n\n\n\n<p>Hierarchy\u306b\u65b0\u3057\u304f\u30dc\u30bf\u30f3\u3092\u914d\u7f6e\u3057\u307e\u3059<br>Dialog-area\u5185\u3067\u306a\u3051\u308c\u3070\u3069\u3053\u3067\u3082\u3044\u3044\u306e\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u5834\u6240\u306b\u914d\u7f6e\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"753\" height=\"633\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510032721.jpg\" alt=\"\" class=\"wp-image-4145\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">ID\u3092\u4ed8\u3051\u308b<\/h4>\n\n\n\n<p>\u4f5c\u6210\u3057\u305f\u30dc\u30bf\u30f3\u306bID\u3092\u4ed8\u3051\u307e\u3059\u3002<br>\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u3053\u306eID\u3092\u4f7f\u7528\u3059\u308b\u306e\u3067\u899a\u3048\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u4eca\u56de\u306f\u300ctestButton\u300d\u3068\u4ed8\u3051\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"261\" height=\"252\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510032853.jpg\" alt=\"\" class=\"wp-image-4146\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u30c0\u30a4\u30a2\u30ed\u30b0\u30a8\u30ea\u30a2\u3092\u975e\u8868\u793a\u306b\u3059\u308b<\/h4>\n\n\n\n<p><strong>\u6700\u521d\u306f\u30c0\u30a4\u30a2\u30ed\u30b0\u30a8\u30ea\u30a2\u3092\u975e\u8868\u793a<\/strong>\u306b\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5fc5\u305aUSS\u306e\u30af\u30e9\u30b9\u306e\u307b\u3046\u3092\u5909\u66f4\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Display<\/strong> : none<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"867\" height=\"554\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510033458.jpg\" alt=\"\" class=\"wp-image-4147\" srcset=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510033458.jpg 867w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510033458-300x192.jpg 300w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510033458-768x491.jpg 768w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510033458.jpg 856w\" sizes=\"auto, (max-width: 867px) 100vw, 867px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f5c\u6210\u3057\u30a2\u30bf\u30c3\u30c1<\/h4>\n\n\n\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b <strong>DialogController.cs<\/strong> \u3068\u3044\u3046\u65b0\u898f\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f5c\u6210<\/p>\n\n\n\n<p>Hierarchy \u4e0a\u306e <strong>UIDocument<\/strong> \u306b\u4f5c\u6210\u3057\u305f\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u30a2\u30bf\u30c3\u30c1<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"953\" height=\"670\" src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510032326.jpg\" alt=\"\" class=\"wp-image-4149\" srcset=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510032326.jpg 953w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510032326-300x211.jpg 300w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510032326-768x540.jpg 768w, https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/rapture_20250510032326.jpg 856w\" sizes=\"auto, (max-width: 953px) 100vw, 953px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">DialogController<\/h3>\n\n\n\n<p>\u30c0\u30a4\u30a2\u30ed\u30b0\u306e\u8868\u793a\u30fb\u975e\u8868\u793a\u3092\u7ba1\u7406\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u3059\u3002<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">DialogController<\/h5>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#1E1E1E;display:none;background-color:#D4D4D4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"none\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><textarea class=\"code-block-pro-copy-button-textarea\" aria-hidden=\"true\" readonly>using UnityEngine;\nusing UnityEngine.UIElements;\npublic class DialogController : MonoBehaviour\n{\n    \/\/ UI\u8981\u7d20\u306e\u53c2\u7167\n    private Button openDialogButton;\n    private VisualElement dialogArea;\n    private VisualElement dialogWindow;\n    private Button closeButton;\n    \/\/ \u30b9\u30af\u30ea\u30d7\u30c8\u304c\u6709\u52b9\u306b\u306a\u3063\u305f\u3068\u304d\u306b\u547c\u3070\u308c\u308b\uff08UI\u8981\u7d20\u53d6\u5f97\u30fb\u30a4\u30d9\u30f3\u30c8\u767b\u9332\uff09\n    private void OnEnable()\n    {\n        \/\/ UIDocument\u304b\u3089UI\u30eb\u30fc\u30c8\u8981\u7d20\u3092\u53d6\u5f97\n        var root = GetComponent&lt;UIDocument>().rootVisualElement;\n        \/\/ UXML\u3067\u8a2d\u5b9a\u3057\u305fID\u3092\u4f7f\u3063\u3066UI\u8981\u7d20\u3092\u53d6\u5f97\n        openDialogButton = root.Q&lt;Button>(&#8220;testButton&#8221;);\n        dialogArea = root.Q&lt;VisualElement>(&#8220;Dialog-area&#8221;);\n        dialogWindow = root.Q&lt;VisualElement>(&#8220;Dialog-Window&#8221;);\n        closeButton = root.Q&lt;Button>(&#8220;Close-Button&#8221;);\n        \/\/ \u6700\u521d\u306f\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u975e\u8868\u793a\u306b\u3059\u308b\n        dialogArea.style.display = DisplayStyle.None;\n        \/\/ \u30a4\u30d9\u30f3\u30c8\u767b\u9332\n        openDialogButton.clicked += ShowDialog;                   \/\/ \u300c\u958b\u304f\u300d\u30dc\u30bf\u30f3\u304c\u62bc\u3055\u308c\u305f\u3068\u304d\n        closeButton.clicked += HideDialog;                         \/\/ \u300c\u9589\u3058\u308b\u300d\u30dc\u30bf\u30f3\u304c\u62bc\u3055\u308c\u305f\u3068\u304d\n        dialogArea.RegisterCallback&lt;PointerDownEvent>(OnDialogAreaPointerDown); \/\/ \u80cc\u666f\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\n    }\n    \/\/ \u30b9\u30af\u30ea\u30d7\u30c8\u304c\u7121\u52b9\u306b\u306a\u3063\u305f\u3068\u304d\u306b\u547c\u3070\u308c\u308b\uff08\u30a4\u30d9\u30f3\u30c8\u89e3\u9664\uff09\n    private void OnDisable()\n    {\n        \/\/ UI\u8981\u7d20\u304cnull\u3067\u306a\u3051\u308c\u3070\u30a4\u30d9\u30f3\u30c8\u89e3\u9664\n        if (openDialogButton != null)\n            openDialogButton.clicked -= ShowDialog;\n        if (closeButton != null)\n            closeButton.clicked -= HideDialog;\n        if (dialogArea != null)\n            dialogArea.UnregisterCallback&lt;PointerDownEvent>(OnDialogAreaPointerDown);\n    }\n    \/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u8868\u793a\u3059\u308b\u51e6\u7406\n    private void ShowDialog()\n    {\n        dialogArea.style.display = DisplayStyle.Flex; \/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u8868\u793a\u3059\u308b\n    }\n    \/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u975e\u8868\u793a\u306b\u3059\u308b\u51e6\u7406\n    private void HideDialog()\n    {\n        dialogArea.style.display = DisplayStyle.None; \/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u96a0\u3059\n    }\n    \/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u5916\u5074\uff08\u80cc\u666f\u90e8\u5206\uff09\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306e\u51e6\u7406\n    private void OnDialogAreaPointerDown(PointerDownEvent evt)\n    {\n        \/\/ \u30af\u30ea\u30c3\u30af\u3055\u308c\u305fUI\u8981\u7d20\u3092\u53d6\u5f97\n        VisualElement clickedElement = evt.target as VisualElement;\n        \/\/ \u30af\u30ea\u30c3\u30af\u5bfe\u8c61\u304c\u30c0\u30a4\u30a2\u30ed\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u5916\u3067\u3042\u308c\u3070\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u9589\u3058\u308b\n        if (clickedElement != null &amp;&amp; !dialogWindow.Contains(clickedElement))\n        {\n            HideDialog();\n        }\n    }\n}\n<\/textarea><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #C586C0\">using<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">UnityEngine<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">using<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">UnityEngine<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #4EC9B0\">UIElements<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">public<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">class<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">DialogController<\/span><span style=\"color: #D4D4D4\"> : <\/span><span style=\"color: #4EC9B0\">MonoBehaviour<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ UI\u8981\u7d20\u306e\u53c2\u7167<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Button<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">openDialogButton<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">dialogWindow<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Button<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">closeButton<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ \u30b9\u30af\u30ea\u30d7\u30c8\u304c\u6709\u52b9\u306b\u306a\u3063\u305f\u3068\u304d\u306b\u547c\u3070\u308c\u308b\uff08UI\u8981\u7d20\u53d6\u5f97\u30fb\u30a4\u30d9\u30f3\u30c8\u767b\u9332\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">OnEnable<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">        \/\/ UIDocument\u304b\u3089UI\u30eb\u30fc\u30c8\u8981\u7d20\u3092\u53d6\u5f97<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">GetComponent<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">UIDocument<\/span><span style=\"color: #D4D4D4\">&gt;().<\/span><span style=\"color: #9CDCFE\">rootVisualElement<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">        \/\/ UXML\u3067\u8a2d\u5b9a\u3057\u305fID\u3092\u4f7f\u3063\u3066UI\u8981\u7d20\u3092\u53d6\u5f97<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">openDialogButton<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Q<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">Button<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #CE9178\">&quot;testButton&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Q<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #CE9178\">&quot;Dialog-area&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">dialogWindow<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Q<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #CE9178\">&quot;Dialog-Window&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">closeButton<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Q<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">Button<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #CE9178\">&quot;Close-Button&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">        \/\/ \u6700\u521d\u306f\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u975e\u8868\u793a\u306b\u3059\u308b<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">style<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">display<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">DisplayStyle<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">None<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">        \/\/ \u30a4\u30d9\u30f3\u30c8\u767b\u9332<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">openDialogButton<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">clicked<\/span><span style=\"color: #D4D4D4\"> += <\/span><span style=\"color: #9CDCFE\">ShowDialog<\/span><span style=\"color: #D4D4D4\">;                   <\/span><span style=\"color: #6A9955\">\/\/ \u300c\u958b\u304f\u300d\u30dc\u30bf\u30f3\u304c\u62bc\u3055\u308c\u305f\u3068\u304d<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">closeButton<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">clicked<\/span><span style=\"color: #D4D4D4\"> += <\/span><span style=\"color: #9CDCFE\">HideDialog<\/span><span style=\"color: #D4D4D4\">;                         <\/span><span style=\"color: #6A9955\">\/\/ \u300c\u9589\u3058\u308b\u300d\u30dc\u30bf\u30f3\u304c\u62bc\u3055\u308c\u305f\u3068\u304d<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">RegisterCallback<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">PointerDownEvent<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #9CDCFE\">OnDialogAreaPointerDown<\/span><span style=\"color: #D4D4D4\">); <\/span><span style=\"color: #6A9955\">\/\/ \u80cc\u666f\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ \u30b9\u30af\u30ea\u30d7\u30c8\u304c\u7121\u52b9\u306b\u306a\u3063\u305f\u3068\u304d\u306b\u547c\u3070\u308c\u308b\uff08\u30a4\u30d9\u30f3\u30c8\u89e3\u9664\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">OnDisable<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">        \/\/ UI\u8981\u7d20\u304cnull\u3067\u306a\u3051\u308c\u3070\u30a4\u30d9\u30f3\u30c8\u89e3\u9664<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">openDialogButton<\/span><span style=\"color: #D4D4D4\"> != <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">openDialogButton<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">clicked<\/span><span style=\"color: #D4D4D4\"> -= <\/span><span style=\"color: #9CDCFE\">ShowDialog<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">closeButton<\/span><span style=\"color: #D4D4D4\"> != <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">closeButton<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">clicked<\/span><span style=\"color: #D4D4D4\"> -= <\/span><span style=\"color: #9CDCFE\">HideDialog<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\"> != <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">UnregisterCallback<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">PointerDownEvent<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #9CDCFE\">OnDialogAreaPointerDown<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u8868\u793a\u3059\u308b\u51e6\u7406<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">ShowDialog<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">style<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">display<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">DisplayStyle<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">Flex<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #6A9955\">\/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u8868\u793a\u3059\u308b<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u975e\u8868\u793a\u306b\u3059\u308b\u51e6\u7406<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">HideDialog<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">style<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">display<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">DisplayStyle<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">None<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #6A9955\">\/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u96a0\u3059<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u5916\u5074\uff08\u80cc\u666f\u90e8\u5206\uff09\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306e\u51e6\u7406<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">OnDialogAreaPointerDown<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">PointerDownEvent<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">evt<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">        \/\/ \u30af\u30ea\u30c3\u30af\u3055\u308c\u305fUI\u8981\u7d20\u3092\u53d6\u5f97<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">clickedElement<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">evt<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">target<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">as<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">        \/\/ \u30af\u30ea\u30c3\u30af\u5bfe\u8c61\u304c\u30c0\u30a4\u30a2\u30ed\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u5916\u3067\u3042\u308c\u3070\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u9589\u3058\u308b<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">clickedElement<\/span><span style=\"color: #D4D4D4\"> != <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\"> &amp;&amp; !<\/span><span style=\"color: #9CDCFE\">dialogWindow<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Contains<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">clickedElement<\/span><span style=\"color: #D4D4D4\">))<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #DCDCAA\">HideDialog<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">UI\u8981\u7d20\u306e\u53d6\u5f97<\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#1E1E1E;display:none;background-color:#D4D4D4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"none\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><textarea class=\"code-block-pro-copy-button-textarea\" aria-hidden=\"true\" readonly>openDialogButton = root.Q&lt;Button>(&#8220;testButton&#8221;);\ndialogArea = root.Q&lt;VisualElement>(&#8220;Dialog-area&#8221;);\ndialogWindow = root.Q&lt;VisualElement>(&#8220;Dialog-Window&#8221;);\ncloseButton = root.Q&lt;Button>(&#8220;Close-Button&#8221;);<\/textarea><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #9CDCFE\">openDialogButton<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Q<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">Button<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #CE9178\">&quot;testButton&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Q<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #CE9178\">&quot;Dialog-area&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">dialogWindow<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Q<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #CE9178\">&quot;Dialog-Window&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">closeButton<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Q<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">Button<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #CE9178\">&quot;Close-Button&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>UXML\u3067\u8a2d\u5b9a\u3057\u305f <strong>\u5404ID\u3092\u4f7f\u3063\u3066UI\u8981\u7d20\u3092\u53d6\u5f97<\/strong> \u3057\u3066\u3044\u307e\u3059\u3002<br>\u3053\u308c\u3067\u30b9\u30af\u30ea\u30d7\u30c8\u5185\u304b\u3089\u30dc\u30bf\u30f3\u3084\u30c0\u30a4\u30a2\u30ed\u30b0\u30a8\u30ea\u30a2\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u521d\u671f\u72b6\u614b\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#1E1E1E;display:none;background-color:#D4D4D4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"none\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><textarea class=\"code-block-pro-copy-button-textarea\" aria-hidden=\"true\" readonly>dialogArea.style.display = DisplayStyle.None;<\/textarea><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">style<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">display<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">DisplayStyle<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">None<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>\u6700\u521d\u306f\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u975e\u8868\u793a\u306b\u3057\u307e\u3059\u3002<br><strong>DisplayStyle.None<\/strong> \u306b\u3059\u308b\u3053\u3068\u3067\u5b8c\u5168\u306b\u753b\u9762\u304b\u3089\u6d88\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30a4\u30d9\u30f3\u30c8\u767b\u9332<\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#1E1E1E;display:none;background-color:#D4D4D4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"none\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><textarea class=\"code-block-pro-copy-button-textarea\" aria-hidden=\"true\" readonly>openDialogButton.clicked += ShowDialog;\ncloseButton.clicked += HideDialog;\ndialogArea.RegisterCallback&lt;PointerDownEvent>(OnDialogAreaPointerDown);<\/textarea><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #9CDCFE\">openDialogButton<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">clicked<\/span><span style=\"color: #D4D4D4\"> += <\/span><span style=\"color: #9CDCFE\">ShowDialog<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">closeButton<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">clicked<\/span><span style=\"color: #D4D4D4\"> += <\/span><span style=\"color: #9CDCFE\">HideDialog<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">RegisterCallback<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">PointerDownEvent<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #9CDCFE\">OnDialogAreaPointerDown<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>testButton<\/strong> \u3092\u30af\u30ea\u30c3\u30af \u2192 <code>ShowDialog()<\/code> \u304c\u547c\u3070\u308c\u3001\u30c0\u30a4\u30a2\u30ed\u30b0\u304c\u8868\u793a\u3055\u308c\u307e\u3059<\/li>\n\n\n\n<li><strong>Close-Button<\/strong> \u3092\u30af\u30ea\u30c3\u30af \u2192 <code>HideDialog()<\/code> \u304c\u547c\u3070\u308c\u3001\u30c0\u30a4\u30a2\u30ed\u30b0\u304c\u9589\u3058\u307e\u3059<\/li>\n\n\n\n<li><strong>Dialog-area<\/strong> \u3092\u30af\u30ea\u30c3\u30af \u2192 <code>OnDialogAreaPointerDown()<\/code> \u304c\u547c\u3070\u308c\u3001<strong>\u30a6\u30a3\u30f3\u30c9\u30a6\u5916\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u5834\u5408\u306e\u307f<\/strong> \u9589\u3058\u307e\u3059<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u9589\u3058\u308b<\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#1E1E1E;display:none;background-color:#D4D4D4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"none\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><textarea class=\"code-block-pro-copy-button-textarea\" aria-hidden=\"true\" readonly>private void HideDialog()\n{\n    dialogArea.style.display = DisplayStyle.None;\n}<\/textarea><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">HideDialog<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">dialogArea<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">style<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">display<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">DisplayStyle<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">None<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>\u30af\u30ea\u30c3\u30af\u3067\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u9589\u3058\u308b\u51e6\u7406\u3067\u3059\u3002<br><strong>\u80cc\u666f\u30af\u30ea\u30c3\u30af<\/strong> \u3068 <strong>\u9589\u3058\u308b\u30dc\u30bf\u30f3<\/strong> \u4e21\u65b9\u304b\u3089\u547c\u3073\u51fa\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30c0\u30a4\u30a2\u30ed\u30b0\u5916\u30af\u30ea\u30c3\u30af\u3067\u9589\u3058\u308b<\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#1E1E1E;display:none;background-color:#D4D4D4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"none\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><textarea class=\"code-block-pro-copy-button-textarea\" aria-hidden=\"true\" readonly>private void OnDialogAreaPointerDown(PointerDownEvent evt)\n    {\n        VisualElement clickedElement = evt.target as VisualElement;\n        if (clickedElement != null &amp;&amp; !dialogWindow.Contains(clickedElement))\n        {\n            HideDialog();\n        }\n    }<\/textarea><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">private<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">OnDialogAreaPointerDown<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">PointerDownEvent<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">evt<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">clickedElement<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">evt<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">target<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">as<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">VisualElement<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">clickedElement<\/span><span style=\"color: #D4D4D4\"> != <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\"> &amp;&amp; !<\/span><span style=\"color: #9CDCFE\">dialogWindow<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">Contains<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">clickedElement<\/span><span style=\"color: #D4D4D4\">))<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #DCDCAA\">HideDialog<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u8981\u7d20 (<strong>evt.target<\/strong>) \u304c <strong>Dialog-Window\u5185<\/strong> \u3067\u306a\u3051\u308c\u3070 <code>HideDialog()<\/code> \u3092\u547c\u3073\u307e\u3059\u3002<br>\u3053\u308c\u306b\u3088\u308a\u300c\u753b\u9762\u306e\u6697\u3044\u90e8\u5206\u3092\u30bf\u30c3\u30d7\u3067\u9589\u3058\u308b\u300d\u52d5\u4f5c\u304c\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5b9f\u884c\u3057\u3066\u307f\u308b<\/h3>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/neeichi.com\/wp-content\/uploads\/2025\/05\/Movie_005.mp4\"><\/video><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">6. \u304a\u308f\u308a\u306b<\/h2>\n\n\n\n<p>\u4eca\u56de\u306f Unity\u306eUI Toolkit \u3092\u4f7f\u3063\u3066\u3001<br>\u30c0\u30a4\u30a2\u30ed\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u5f62\u3092\u5909\u3048\u308c\u3070\u3001\u3055\u307e\u3056\u307e\u306a\u60c5\u5831\u3084\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u305d\u3046\u3067\u3059\u3002<br>UI Toolkit\u306f\u30b3\u30fc\u30c9\u3068\u30d3\u30b8\u30e5\u30a2\u30eb\u306e\u4e21\u65b9\u304b\u3089\u67d4\u8edf\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u308b\u306e\u3067\u3001<br>\u30b2\u30fc\u30e0\u306b\u5408\u308f\u305b\u305f\u30aa\u30ea\u30b8\u30ca\u30eb\u306eUI\u3092\u4f5c\u308b\u697d\u3057\u3055\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u8a18\u4e8b\u304c\u3001UI Toolkit\u3092\u4f7f\u3063\u305fUI\u3065\u304f\u308a\u306e\u7b2c\u4e00\u6b69\u306b\u306a\u308c\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\t\t<div class=\"pochipp-box\"\n\t\t\tdata-id=\"3973\"\n\t\t\tdata-img=\"l\"\n\t\t\tdata-lyt-pc=\"dflt\"\n\t\t\tdata-lyt-mb=\"vrtcl\"\n\t\t\tdata-btn-style=\"dflt\"\n\t\t\tdata-btn-radius=\"on\"\n\t\t\tdata-sale-effect=\"flash\"\n\t\t\t data-cvkey=\"f2f785e3\"\t\t>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__image\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F18146949%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/thumbnail.image.rakuten.co.jp\/@0_mall\/book\/cabinet\/8188\/9784297148188_1_28.jpg?_ex=400x400\" alt=\"\" width=\"120\" height=\"120\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"pochipp-box__body\">\n\t\t\t\t<div class=\"pochipp-box__title\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F18146949%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t\u30b2\u30fc\u30e0UI \u4f5c\u308a\u65b9\u8b1b\u5ea7\u3000Photoshop\uff06After Effects\u3067\u5b66\u3076\u3001UI\u30c7\u30b6\u30a4\u30f3\u3068\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c [ \u306f\u306a\u3055\u304f\u306e ]\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__info\">\u697d\u5929\u30d6\u30c3\u30af\u30b9<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"pochipp-box__btns\"\n\t\tdata-maxclmn-pc=\"fit\"\n\t\tdata-maxclmn-mb=\"1\"\n\t>\n\t\t\t\t\t<div class=\"pochipp-box__btnwrap -amazon\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fs%3Fk%3D%25E3%2582%25B2%25E3%2583%25BC%25E3%2583%25A0UI%2520%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%25E8%25AC%259B%25E5%25BA%25A7\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tAmazon\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -rakuten\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F18146949%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u697d\u5929\u5e02\u5834\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -yahoo -long-text\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3D%25E3%2582%25B2%25E3%2583%25BC%25E3%2583%25A0UI%2520%25E4%25BD%259C%25E3%2582%258A%25E6%2596%25B9%25E8%25AC%259B%25E5%25BA%25A7\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tYahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t  <div class=\"pochipp-box__btnwrap -mercari\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/jp.mercari.com\/search?keyword=%E3%82%B2%E3%83%BC%E3%83%A0UI%20%E4%BD%9C%E3%82%8A%E6%96%B9%E8%AC%9B%E5%BA%A7&#038;afid=6273689075&#038;utm_source=pochipp\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u30e1\u30eb\u30ab\u30ea\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t  <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"pochipp-box__logo\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/neeichi.com\/wp-content\/plugins\/pochipp\/assets\/img\/pochipp-logo-t1.png\" alt=\"\" width=\"32\" height=\"32\">\n\t\t\t\t\t<span>\u30dd\u30c1\u30c3\u30d7<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\n\t\t<div class=\"pochipp-box\"\n\t\t\tdata-id=\"793\"\n\t\t\tdata-img=\"l\"\n\t\t\tdata-lyt-pc=\"dflt\"\n\t\t\tdata-lyt-mb=\"vrtcl\"\n\t\t\tdata-btn-style=\"dflt\"\n\t\t\tdata-btn-radius=\"on\"\n\t\t\tdata-sale-effect=\"flash\"\n\t\t\t data-cvkey=\"dbcbb73e\"\t\t>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__image\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4798171824\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/m.media-amazon.com\/images\/I\/71w9JcFkCIL._SL400_.jpg\" alt=\"\" width=\"120\" height=\"120\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"pochipp-box__body\">\n\t\t\t\t<div class=\"pochipp-box__title\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4798171824\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t\u5b9f\u8df5\u30b2\u30fc\u30e0UI\u30c7\u30b6\u30a4\u30f3 \u30b3\u30f3\u30bb\u30d7\u30c8\u7b56\u5b9a\u304b\u3089\u5b9f\u88c5\u306e\u30b3\u30c4\u307e\u3067\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__review\">\n\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fproduct-reviews%2F4798171824\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/neeichi.com\/wp-content\/plugins\/pochipp\/assets\/img\/review.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t<span>\u53e3\u30b3\u30df\u3092\u898b\u308b<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"pochipp-box__btns\"\n\t\tdata-maxclmn-pc=\"fit\"\n\t\tdata-maxclmn-mb=\"1\"\n\t>\n\t\t\t\t\t<div class=\"pochipp-box__btnwrap -amazon\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4798171824\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tAmazon\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -rakuten\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E5%25AE%259F%25E8%25B7%25B5%25E3%2582%25B2%25E3%2583%25BC%25E3%2583%25A0UI%25E3%2583%2587%25E3%2582%25B6%25E3%2582%25A4%25E3%2583%25B3\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u697d\u5929\u5e02\u5834\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -yahoo -long-text\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3D%25E5%25AE%259F%25E8%25B7%25B5%25E3%2582%25B2%25E3%2583%25BC%25E3%2583%25A0UI%25E3%2583%2587%25E3%2582%25B6%25E3%2582%25A4%25E3%2583%25B3\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tYahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t  <div class=\"pochipp-box__btnwrap -mercari\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/jp.mercari.com\/search?keyword=%E5%AE%9F%E8%B7%B5%E3%82%B2%E3%83%BC%E3%83%A0UI%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&#038;afid=6273689075&#038;utm_source=pochipp\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u30e1\u30eb\u30ab\u30ea\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t  <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"pochipp-box__logo\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/neeichi.com\/wp-content\/plugins\/pochipp\/assets\/img\/pochipp-logo-t1.png\" alt=\"\" width=\"32\" height=\"32\">\n\t\t\t\t\t<span>\u30dd\u30c1\u30c3\u30d7<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\n\t\t<div class=\"pochipp-box\"\n\t\t\tdata-id=\"2575\"\n\t\t\tdata-img=\"l\"\n\t\t\tdata-lyt-pc=\"dflt\"\n\t\t\tdata-lyt-mb=\"vrtcl\"\n\t\t\tdata-btn-style=\"dflt\"\n\t\t\tdata-btn-radius=\"on\"\n\t\t\tdata-sale-effect=\"flash\"\n\t\t\t data-cvkey=\"780e9391\"\t\t>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__image\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fguruguru2%2F9784815628192%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/thumbnail.image.rakuten.co.jp\/@0_mall\/guruguru2\/cabinet\/b\/8\/192\/9784815628192.jpg?_ex=400x400\" alt=\"\" width=\"120\" height=\"120\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"pochipp-box__body\">\n\t\t\t\t<div class=\"pochipp-box__title\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fguruguru2%2F9784815628192%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\tUnity\u306e\u6559\u79d1\u66f8 \u306f\u3058\u3081\u3066\u3067\u3082\u5b89\u5fc3!\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__info\">\u3050\u308b\u3050\u308b\u738b\u56fd\u3000\u697d\u5929\u5e02\u5834\u5e97<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"pochipp-box__btns\"\n\t\tdata-maxclmn-pc=\"fit\"\n\t\tdata-maxclmn-mb=\"1\"\n\t>\n\t\t\t\t\t<div class=\"pochipp-box__btnwrap -amazon\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fs%3Fk%3DUnity%25E3%2581%25AE%25E6%2595%2599%25E7%25A7%2591%25E6%259B%25B8\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tAmazon\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -rakuten\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fguruguru2%2F9784815628192%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u697d\u5929\u5e02\u5834\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -yahoo -long-text\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3DUnity%25E3%2581%25AE%25E6%2595%2599%25E7%25A7%2591%25E6%259B%25B8\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tYahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t  <div class=\"pochipp-box__btnwrap -mercari\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/jp.mercari.com\/search?keyword=Unity%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8&#038;afid=6273689075&#038;utm_source=pochipp\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u30e1\u30eb\u30ab\u30ea\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t  <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"pochipp-box__logo\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/neeichi.com\/wp-content\/plugins\/pochipp\/assets\/img\/pochipp-logo-t1.png\" alt=\"\" width=\"32\" height=\"32\">\n\t\t\t\t\t<span>\u30dd\u30c1\u30c3\u30d7<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\n\n<p><\/p>\n\n\n\t\t<div class=\"pochipp-box\"\n\t\t\tdata-id=\"671\"\n\t\t\tdata-img=\"l\"\n\t\t\tdata-lyt-pc=\"dflt\"\n\t\t\tdata-lyt-mb=\"vrtcl\"\n\t\t\tdata-btn-style=\"dflt\"\n\t\t\tdata-btn-radius=\"on\"\n\t\t\tdata-sale-effect=\"flash\"\n\t\t\t data-cvkey=\"fc66867b\" data-auto-update=\"true\"\t\t>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__image\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4295200794\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/m.media-amazon.com\/images\/I\/6189vP-8+VL._SL400_.jpg\" alt=\"\" width=\"120\" height=\"120\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"pochipp-box__body\">\n\t\t\t\t<div class=\"pochipp-box__title\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4295200794\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\tUnity\u3067\u306f\u3058\u3081\u308bC# \u57fa\u790e\u7de8 \u6539\u8a02\u7248\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__info\">\u697d\u5929\u30d6\u30c3\u30af\u30b9<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__review\">\n\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fproduct-reviews%2F4295200794\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/neeichi.com\/wp-content\/plugins\/pochipp\/assets\/img\/review.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t<span>\u53e3\u30b3\u30df\u3092\u898b\u308b<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"pochipp-box__btns\"\n\t\tdata-maxclmn-pc=\"fit\"\n\t\tdata-maxclmn-mb=\"1\"\n\t>\n\t\t\t\t\t<div class=\"pochipp-box__btnwrap -amazon\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F4295200794\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tAmazon\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -rakuten\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F16516876%2F\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u697d\u5929\u5e02\u5834\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -yahoo -long-text\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502&#038;url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fbookfan%2Fbk-4295200794.html\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tYahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t  <div class=\"pochipp-box__btnwrap -mercari\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/jp.mercari.com\/search?keyword=Unity%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8BC%23%E3%80%80%E5%9F%BA%E7%A4%8E%E7%B7%A8%E3%80%80%E6%94%B9%E8%A8%82%E7%89%88&#038;afid=6273689075&#038;utm_source=pochipp\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u30e1\u30eb\u30ab\u30ea\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t  <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"pochipp-box__logo\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/neeichi.com\/wp-content\/plugins\/pochipp\/assets\/img\/pochipp-logo-t1.png\" alt=\"\" width=\"32\" height=\"32\">\n\t\t\t\t\t<span>\u30dd\u30c1\u30c3\u30d7<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\n\n<p><\/p>\n\n\n\t\t<div class=\"pochipp-box\"\n\t\t\tdata-id=\"2578\"\n\t\t\tdata-img=\"l\"\n\t\t\tdata-lyt-pc=\"dflt\"\n\t\t\tdata-lyt-mb=\"vrtcl\"\n\t\t\tdata-btn-style=\"dflt\"\n\t\t\tdata-btn-radius=\"on\"\n\t\t\tdata-sale-effect=\"flash\"\n\t\t\t data-cvkey=\"4114745d\"\t\t>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__image\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Frakutenkobo-ebooks%2Ffb5bfa3f15213d47810c290fa0c68c15%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/thumbnail.image.rakuten.co.jp\/@0_mall\/rakutenkobo-ebooks\/cabinet\/5021\/2000005415021.jpg?_ex=400x400\" alt=\"\" width=\"120\" height=\"120\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"pochipp-box__body\">\n\t\t\t\t<div class=\"pochipp-box__title\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Frakutenkobo-ebooks%2Ffb5bfa3f15213d47810c290fa0c68c15%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\tUnity\u306e\u5bfa\u5b50\u5c4b\u3000\u5b9a\u756a\u30b9\u30de\u30db\u30b2\u30fc\u30e0\u958b\u767a\u5165\u9580\u3010\u96fb\u5b50\u66f8\u7c4d\u3011[ \u3044\u305f\u306e\u304f\u307e\u3093\u307c\u3046\uff08\u76e3\u4fee\u30fb\u8457\uff09 ]\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__info\">\u697d\u5929Kobo\u96fb\u5b50\u66f8\u7c4d\u30b9\u30c8\u30a2<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"pochipp-box__btns\"\n\t\tdata-maxclmn-pc=\"fit\"\n\t\tdata-maxclmn-mb=\"1\"\n\t>\n\t\t\t\t\t<div class=\"pochipp-box__btnwrap -amazon\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fs%3Fk%3DUnity%25E3%2581%25AE%25E5%25AF%25BA%25E5%25AD%2590%25E5%25B1%258B\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tAmazon\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -rakuten\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Frakutenkobo-ebooks%2Ffb5bfa3f15213d47810c290fa0c68c15%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u697d\u5929\u5e02\u5834\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -yahoo -long-text\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3DUnity%25E3%2581%25AE%25E5%25AF%25BA%25E5%25AD%2590%25E5%25B1%258B\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tYahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t  <div class=\"pochipp-box__btnwrap -mercari\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/jp.mercari.com\/search?keyword=Unity%E3%81%AE%E5%AF%BA%E5%AD%90%E5%B1%8B&#038;afid=6273689075&#038;utm_source=pochipp\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u30e1\u30eb\u30ab\u30ea\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t  <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"pochipp-box__logo\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/neeichi.com\/wp-content\/plugins\/pochipp\/assets\/img\/pochipp-logo-t1.png\" alt=\"\" width=\"32\" height=\"32\">\n\t\t\t\t\t<span>\u30dd\u30c1\u30c3\u30d7<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\n\n<p><\/p>\n\n\n\t\t<div class=\"pochipp-box\"\n\t\t\tdata-id=\"2579\"\n\t\t\tdata-img=\"l\"\n\t\t\tdata-lyt-pc=\"dflt\"\n\t\t\tdata-lyt-mb=\"vrtcl\"\n\t\t\tdata-btn-style=\"dflt\"\n\t\t\tdata-btn-radius=\"on\"\n\t\t\tdata-sale-effect=\"flash\"\n\t\t\t data-cvkey=\"97e1317d\"\t\t>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__image\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F17550681%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/thumbnail.image.rakuten.co.jp\/@0_mall\/book\/cabinet\/8223\/9784815618223_1_2.jpg?_ex=400x400\" alt=\"\" width=\"120\" height=\"120\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"pochipp-box__body\">\n\t\t\t\t<div class=\"pochipp-box__title\">\n\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F17550681%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t\tUnity\uff3b\u8d85\uff3d\u5165\u9580 [ \u8352\u5ddd\u5de7\u4e5f ]\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__info\">\u697d\u5929\u30d6\u30c3\u30af\u30b9<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"pochipp-box__btns\"\n\t\tdata-maxclmn-pc=\"fit\"\n\t\tdata-maxclmn-mb=\"1\"\n\t>\n\t\t\t\t\t<div class=\"pochipp-box__btnwrap -amazon\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062&#038;url=https%3A%2F%2Fwww.amazon.co.jp%2Fs%3Fk%3DUnity%25EF%25BC%25BB%25E8%25B6%2585%25EF%25BC%25BD%25E5%2585%25A5%25E9%2596%2580\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tAmazon\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532321&#038;p_id=170&#038;pc_id=185&#038;pl_id=4062\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -rakuten\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fitem.rakuten.co.jp%2Fbook%2F17550681%2F%3Frafcid%3Dwsc_i_is_1030239707728481440\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u697d\u5929\u5e02\u5834\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4532316&#038;p_id=54&#038;pc_id=54&#038;pl_id=616\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"pochipp-box__btnwrap -yahoo -long-text\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/af.moshimo.com\/af\/c\/click?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3DUnity%25EF%25BC%25BB%25E8%25B6%2585%25EF%25BC%25BD%25E5%2585%25A5%25E9%2596%2580\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\tYahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\t\t\t\t\t<\/span>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.moshimo.com\/af\/i\/impression?a_id=4669680&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=18502\" width=\"1\" height=\"1\" style=\"border:none;\">\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t  <div class=\"pochipp-box__btnwrap -mercari\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/jp.mercari.com\/search?keyword=Unity%EF%BC%BB%E8%B6%85%EF%BC%BD%E5%85%A5%E9%96%80&#038;afid=6273689075&#038;utm_source=pochipp\" class=\"pochipp-box__btn\" rel=\"nofollow noopener\" target=\"_blank\">\n\t\t\t\t\t<span>\n\t\t\t\t\t\t\u30e1\u30eb\u30ab\u30ea\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t  <\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"pochipp-box__logo\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/neeichi.com\/wp-content\/plugins\/pochipp\/assets\/img\/pochipp-logo-t1.png\" alt=\"\" width=\"32\" height=\"32\">\n\t\t\t\t\t<span>\u30dd\u30c1\u30c3\u30d7<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. \u306f\u3058\u3081\u306b \u4eca\u56de\u306f Unity\u306eUI Toolkit \u3092\u4f7f\u3063\u3066\u3001\u30bd\u30fc\u30b7\u30e3\u30eb\u30b2\u30fc\u30e0\uff08\u30bd\u30b7\u30e3\u30b2\uff09\u3067\u3088\u304f\u898b\u304b\u3051\u308b\u300c\u5927\u304d\u304f\u8868\u793a\u3055\u308c\u308b\u30a6\u30a3\u30f3\u30c9\u30a6\uff08\u30c0\u30a4\u30a2\u30ed\u30b0\uff09\u300d\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u4ee5\u524d\u4f5c\u6210\u3057\u305f\u300c\u30bd\u30b7\u30e3\u30b2<\/p>\n","protected":false},"author":1,"featured_media":4159,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[21,16],"tags":[23,40,20],"class_list":["post-4032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unity","category-16","tag-c","tag-ui","tag-unity"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/neeichi.com\/index.php?rest_route=\/wp\/v2\/posts\/4032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neeichi.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/neeichi.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/neeichi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neeichi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4032"}],"version-history":[{"count":72,"href":"https:\/\/neeichi.com\/index.php?rest_route=\/wp\/v2\/posts\/4032\/revisions"}],"predecessor-version":[{"id":4277,"href":"https:\/\/neeichi.com\/index.php?rest_route=\/wp\/v2\/posts\/4032\/revisions\/4277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/neeichi.com\/index.php?rest_route=\/wp\/v2\/media\/4159"}],"wp:attachment":[{"href":"https:\/\/neeichi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/neeichi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/neeichi.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}