{"id":726,"date":"2018-01-16T10:00:00","date_gmt":"2018-01-16T01:00:00","guid":{"rendered":"https:\/\/cg-method.com\/entry\/ugui-aspect-ratio-fitter\/"},"modified":"2026-10-03T16:51:23","modified_gmt":"2026-10-03T07:51:23","slug":"unity-ugui-aspect-ratio-fitter","status":"publish","type":"post","link":"https:\/\/cg-method.com\/unity\/unity-ugui-aspect-ratio-fitter\/","title":{"rendered":"Unity\u3067UI\u753b\u50cf\u306e\u6bd4\u7387\u3092\u4fdd\u3064\u65b9\u6cd5\uff5cPreserve Aspect\u3068Aspect Ratio Fitter"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">uGUI\u306e\u753b\u50cf\u3092\u5f15\u304d\u4f38\u3070\u3055\u305a\u306b\u8868\u793a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u753b\u50cf\u306e\u63cf\u753b\u3060\u3051\u3092\u5909\u3048\u308b\u304b\u3001Rect Transform\u306e\u5e45\u30fb\u9ad8\u3055\u3092\u5909\u3048\u308b\u304b\u3067\u9078\u3073\u307e\u3059\u3002Image\u306ePreserve Aspect\u3068Aspect Ratio Fitter\u306e\u5f79\u5272\u3092\u5206\u3051\u3001\u5e45320\u306a\u3089\u9ad8\u3055180\u306b\u306a\u308b16:9\u306e\u8a2d\u5b9a\u4f8b\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2026\u5e7410\u67083\u65e5\u306buGUI 2.0\u306e\u516c\u5f0f\u8cc7\u6599\u3092\u78ba\u8a8d\u3057\u3066\u6574\u7406\u3057\u307e\u3057\u305f\u3002\u63b2\u8f09\u753b\u50cf\u306f\u65e2\u5b58\u306e\u65e7\u4f5c\u4f8b\u3067\u3001\u6b63\u78ba\u306aEditor\u7248\u306f\u672a\u78ba\u8a8d\u3067\u3059\u3002\u4eca\u56deUnity\u3067\u306e\u5b9f\u884c\u306f\u884c\u3063\u3066\u3044\u306a\u3044\u305f\u3081\u3001\u4f7f\u7528\u3059\u308bEditor\u30fb\u30d1\u30c3\u30b1\u30fc\u30b8\u7248\u3067\u624b\u9806\u3068\u7d50\u679c\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u753b\u50cf\u306e\u898b\u305f\u76ee\u3068\u914d\u7f6e\u9818\u57df\u3092\u5206\u3051\u3066\u9078\u3076<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u76ee\u7684\u30fb\u75c7\u72b6<\/th><th>\u8a2d\u5b9a\u30fb\u78ba\u8a8d\u5148<\/th><\/tr><\/thead><tbody><tr><td>\u6c7a\u307e\u3063\u305f\u67a0\u306e\u4e2d\u306b\u753b\u50cf\u5168\u4f53\u3092\u53ce\u3081\u308b<\/td><td>Image\u306eSimple\u3068Preserve Aspect<\/td><\/tr><tr><td>\u5e45\u307e\u305f\u306f\u9ad8\u3055\u3092\u5909\u3048\u308b\u3068\u3082\u3046\u7247\u65b9\u3082\u5909\u3048\u305f\u3044<\/td><td>Aspect Ratio Fitter<\/td><\/tr><tr><td>\u89aa\u306e\u67a0\u306b\u53ce\u3081\u308b\u30fb\u89aa\u3092\u8986\u3046<\/td><td>Fit In Parent\u30fbEnvelope Parent<\/td><\/tr><tr><td>Scene\u30d3\u30e5\u30fc\u3067\u4e00\u5ea6\u3060\u3051\u30b5\u30a4\u30ba\u3092\u8abf\u6574\u3059\u308b<\/td><td>Rect Tool\u306e\u30cf\u30f3\u30c9\u30eb\u64cd\u4f5c<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">1. \u67a0\u3092\u5909\u3048\u305a\u306bImage\u306e\u6bd4\u7387\u3092\u4fdd\u3064<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Source Image\u306bSprite\u3092\u6307\u5b9a\u3057\u3001Image Type\u3092Simple\u306b\u3059\u308b\u3002<\/li><li>Preserve Aspect\u3092\u6709\u52b9\u306b\u3059\u308b\u3002<\/li><li>Rect Transform\u306eWidth\u30fbHeight\u3092\u5909\u3048\u3066\u3001\u753b\u50cf\u5168\u4f53\u304c\u67a0\u5185\u306b\u53ce\u307e\u308b\u304b\u78ba\u8a8d\u3059\u308b\u3002<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Preserve Aspect\u306f\u753b\u50cf\u306e\u63cf\u753b\u3092\u8abf\u6574\u3057\u307e\u3059\u3002Rect Transform\u81ea\u4f53\u3092\u5143\u753b\u50cf\u306e\u6bd4\u7387\u3078\u81ea\u52d5\u5909\u66f4\u3059\u308b\u6a5f\u80fd\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u67a0\u3068\u753b\u50cf\u306e\u6bd4\u7387\u304c\u9055\u3048\u3070\u3001\u63cf\u753b\u3055\u308c\u306a\u3044\u4f59\u767d\u304c\u3067\u304d\u307e\u3059\u3002\u753b\u50cf\u306e\u914d\u7f6e\u9818\u57df\u3082\u5909\u3048\u305f\u3044\u5834\u5408\u306f\u6b21\u306e\u65b9\u6cd5\u3078\u9032\u307f\u307e\u3059\u3002<a href=\"https:\/\/docs.unity3d.com\/Packages\/com.unity.ugui@2.0\/api\/UnityEngine.UI.Image.html\">Image\u306eAPI\u8cc7\u6599<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Rect Tool\u3067\u4e00\u5ea6\u3060\u3051\u30b5\u30a4\u30ba\u3092\u8abf\u6574\u3059\u308b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u65e7\u4f5c\u4f8b\u306fT\u30ad\u30fc\u3067Rect Tool\u3092\u9078\u3073\u3001Alt\u3068Shift\u3092\u62bc\u3057\u306a\u304c\u3089\u56db\u9685\u3092\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u6bd4\u7387\u3092\u7dad\u6301\u3057\u305f\u8cc7\u6599\u3067\u3059\u3002Shift\u306e\u6bd4\u7387\u56fa\u5b9a\u3068Alt\u306e\u57fa\u6e96\u70b9\u3092\u4e2d\u5fc3\u3068\u3059\u308b\u8abf\u6574\u306f\u5225\u306e\u64cd\u4f5c\u3067\u3059\u3002\u64cd\u4f5c\u5f8c\u306fWidth\uff0fHeight\u3068Scale\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u5f8c\u304b\u3089\u6570\u5024\u5165\u529b\u3084\u89aa\u306e\u30b5\u30a4\u30ba\u5909\u66f4\u3067\u6bd4\u7387\u3092\u81ea\u52d5\u7dad\u6301\u3059\u308b\u7528\u9014\u306b\u306f\u3001Aspect Ratio Fitter\u7b49\u306e\u5236\u5fa1\u3092\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"387\" height=\"389\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2018\/01\/20180113203203.gif\" alt=\"Rect Tool\u3067\u6bd4\u7387\u3092\u7dad\u6301\u3057\u306a\u304c\u3089\u30b5\u30a4\u30ba\u5909\u66f4\" class=\"wp-image-9634\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Aspect Ratio Fitter\u3067Rect Transform\u3092\u8abf\u6574\u3059\u308b<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>\u5bfe\u8c61\u306eUI\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306bAspect Ratio Fitter\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/li><li>Aspect Ratio\u3078\u300c\u5e45\u00f7\u9ad8\u3055\u300d\u3092\u5165\u529b\u3059\u308b\u300216:9\u306f\u7d041.777778\u3001\u6b63\u65b9\u5f62\u306f1\u3002\u5143Sprite\u306e\u6bd4\u7387\u306f\u81ea\u52d5\u3067\u8aad\u307f\u53d6\u308b\u8a2d\u5b9a\u3067\u306f\u306a\u3044\u305f\u3081\u3001\u81ea\u5206\u3067\u6307\u5b9a\u3059\u308b\u3002<\/li><li>Aspect Mode\u3092Width Controls Height\u306b\u3059\u308b\u3002<\/li><li>Rect Transform\u306eWidth\u3092320\u306b\u3057\u3066\u3001Height\u304c\u7d04180\u306b\u306a\u308b\u304b\u78ba\u8a8d\u3059\u308b\u3002Width\u3092640\u306b\u5909\u3048\u308c\u3070\u671f\u5f85\u5024\u306f\u7d04360\u306b\u306a\u308b\u3002<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0a\u306e\u6570\u5024\u306f\u6bd4\u7387\u304b\u3089\u8a08\u7b97\u3057\u305f\u671f\u5f85\u5024\u3067\u3001\u4eca\u56de\u6e2c\u5b9a\u3057\u305fUnity\u306e\u7d50\u679c\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002Height Controls Width\u306a\u3089\u9ad8\u3055\u3092\u5165\u529b\u3057\u3066\u5e45\u3092\u5909\u3048\u307e\u3059\u3002\u6bd4\u7387\u306b\u4f7f\u3046\u5e45\u30fb\u9ad8\u3055\u306f\u753b\u50cf\u306e\u900f\u660e\u306a\u4f59\u767d\u3092\u542b\u3080\u304b\u3082\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"322\" height=\"606\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2018\/01\/20180113203442.png\" alt=\"Aspect Ratio Fitter\u306e\u8a2d\u5b9a\" class=\"wp-image-9635\" srcset=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2018\/01\/20180113203442.png 322w, https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2018\/01\/20180113203442-159x300.png 159w\" sizes=\"auto, (max-width: 322px) 100vw, 322px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u89aa\u306b\u53ce\u3081\u308b\u304b\u3001\u89aa\u3092\u8986\u3046\u304b<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Fit In Parent\uff1a\u6bd4\u7387\u3092\u4fdd\u3063\u3066\u89aa\u306e\u5185\u5074\u306b\u53ce\u3081\u308b\u3002\u89aa\u3068\u306e\u6bd4\u7387\u5dee\u306b\u3088\u3063\u3066\u4f59\u767d\u304c\u6b8b\u308b\u3002<\/li><li>Envelope Parent\uff1a\u6bd4\u7387\u3092\u4fdd\u3063\u3066\u89aa\u5168\u4f53\u3092\u8986\u3046\u3002\u5b50\u304c\u89aa\u304b\u3089\u306f\u307f\u51fa\u3059\u5834\u5408\u304c\u3042\u308b\u3002<\/li><li>None\uff1a\u6bd4\u7387\u306b\u3088\u308b\u30b5\u30a4\u30ba\u8abf\u6574\u3092\u884c\u308f\u306a\u3044\u3002<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Fit In Parent\u3068Envelope Parent\u306f\u5e45\u30fb\u9ad8\u3055\u3060\u3051\u3067\u306a\u304f\u4f4d\u7f6e\u30fb\u30a2\u30f3\u30ab\u30fc\u3082\u8abf\u6574\u3057\u307e\u3059\u3002Envelope Parent\u3060\u3051\u3067\u306f\u306f\u307f\u51fa\u3057\u305f\u90e8\u5206\u3092\u5207\u308a\u629c\u304d\u307e\u305b\u3093\u3002\u9577\u65b9\u5f62\u306e\u5207\u308a\u629c\u304d\u304c\u5fc5\u8981\u306a\u3089\u3001\u6761\u4ef6\u306b\u5408\u3046RectMask2D\u306a\u3069\u3092\u5225\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<a href=\"https:\/\/docs.unity3d.com\/Packages\/com.unity.ugui@2.0\/manual\/script-AspectRatioFitter.html\">Aspect Ratio Fitter\u306e\u516c\u5f0f\u8cc7\u6599<\/a>\uff0f<a href=\"https:\/\/docs.unity3d.com\/Packages\/com.unity.ugui@2.0\/manual\/script-RectMask2D.html\">RectMask2D<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6bd4\u7387\u304c\u623b\u308b\u30fbWidth\u3084Height\u3092\u7de8\u96c6\u3067\u304d\u306a\u3044\u3068\u304d<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>\u89aaLayout Group\u304c\u5b50\u306e\u30b5\u30a4\u30ba\u3092\u6c7a\u3081\u3066\u3044\u306a\u3044\u304b\u3001\u5bfe\u8c61\u306bContent Size Fitter\u3084\u5225\u306e\u30b5\u30a4\u30ba\u5909\u66f4\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u306a\u3044\u304b\u78ba\u8a8d\u3059\u308b\u3002<\/li><li>\u540c\u3058\u8ef8\u3092\u8907\u6570\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u5236\u5fa1\u3057\u306a\u3044\u3002\u5916\u5074\u3092Layout Group\u3067\u4e26\u3079\u3001\u5185\u5074\u306e\u753b\u50cf\u306b\u6bd4\u7387\u8abf\u6574\u3092\u8a2d\u5b9a\u3059\u308b\u69cb\u6210\u3082\u5019\u88dc\u306b\u3059\u308b\u3002<\/li><li>Aspect Ratio Fitter\u306fminimum\/preferred size\u3092\u53c2\u7167\u3057\u3066\u5168\u4f53\u914d\u7f6e\u3092\u89e3\u6c7a\u3059\u308b\u6a5f\u80fd\u3067\u306f\u306a\u3044\u3002<\/li><li>\u30d4\u30dc\u30c3\u30c8\u306b\u5408\u308f\u305b\u3066\u30b5\u30a4\u30ba\u304c\u5909\u308f\u308b\u305f\u3081\u3001\u7247\u5074\u3060\u3051\u4f38\u3070\u3057\u305f\u3044\u5834\u5408\u306f\u30d4\u30dc\u30c3\u30c8\u3082\u78ba\u8a8d\u3059\u308b\u3002<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u8a2d\u5b9a\u306e\u57fa\u6e96\u70b9\u3068\u89aa\u5b50\u95a2\u4fc2\u306f<a href=\"https:\/\/cg-method.com\/unity\/ugui-basic-function\/\">uGUI\u306e\u57fa\u672c\u8a2d\u5b9a<\/a>\u3001\u753b\u9762\u5168\u4f53\u306e\u30b5\u30a4\u30ba\u5bfe\u5fdc\u306f<a href=\"https:\/\/cg-method.com\/unity\/unity-canvas-basics\/\">Canvas\u306e\u8a2d\u5b9a<\/a>\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u8abf\u6574\u5f8c\u306b\u78ba\u8a8d\u3059\u308b\u7d50\u679c<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>\u6307\u5b9a\u3057\u305f\u6bd4\u7387\u3068Width\u00f7Height\u304c\u4e00\u81f4\u3059\u308b\u304b\u78ba\u8a8d\u3059\u308b\u3002<\/li><li>Preserve Aspect\u3067\u306f\u67a0\u306e\u5bf8\u6cd5\u304c\u5909\u308f\u3089\u305a\u3001\u753b\u50cf\u304c\u610f\u56f3\u3057\u305f\u7bc4\u56f2\u306b\u63cf\u753b\u3055\u308c\u308b\u304b\u78ba\u8a8d\u3059\u308b\u3002<\/li><li>\u89aa\u306e\u6a2a\u5e45\u30fb\u9ad8\u3055\u3092\u5909\u3048\u3001\u4f59\u767d\u3001\u306f\u307f\u51fa\u3057\u3001\u30af\u30ea\u30c3\u30d4\u30f3\u30b0\u3001\u96a3\u306eUI\u3068\u306e\u91cd\u306a\u308a\u3092\u78ba\u8a8d\u3059\u308b\u3002<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u95a2\u9023\u3059\u308bUnity\u306e\u8a18\u4e8b<\/h2>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -internal\" data-type=\"type1\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2026\/09\/unity-matome-3-300x169.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/cg-method.com\/unity\/unity-matome\/\">Unity\u306e\u4f7f\u3044\u65b9\u30ac\u30a4\u30c9\uff5c\u74b0\u5883\u69cb\u7bc9\u30fbUI\u30fb2D\u30fb\u30a2\u30bb\u30c3\u30c8\u6d3b\u7528<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">Unity\u306e\u74b0\u5883\u69cb\u7bc9\u3001UI\u5236\u4f5c\u30012D\u7d20\u6750\u306e\u7d44\u307f\u8fbc\u307f\u3001\u30a2\u30bb\u30c3\u30c8\u5c0e\u5165\u3001Prefab\u7ba1\u7406\u3092\u76ee\u7684\u5225\u306b\u6848\u5185\u3002\u66f8\u7c4d\u30fb\u30aa\u30f3\u30e9\u30a4\u30f3\u6559\u6750\u306e\u9078\u3073\u65b9\u3068\u3001\u5236\u4f5c\u4e2d\u306b\u3064\u307e\u305a\u3044\u305f\u3068\u304d\u306e\u89e3\u8aac\u8a18\u4e8b\u3092\u63a2\u305b\u307e\u3059\u3002<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n<!-- cgm-topic:start -->\n\n\n<p class=\"wp-block-paragraph\">uGUI\u3067\u306eUI\u5236\u4f5c\u306f\u3001\u307b\u304b\u306b\u3082\u66f8\u3044\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -internal\" data-type=\"type1\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2018\/03\/unity-ugui-make-scrollview-300x169.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/cg-method.com\/unity\/unity-ugui-make-scrollview\/\">Unity uGUI\u30b9\u30af\u30ed\u30fc\u30eb\u30d3\u30e5\u30fc\u306e\u4f5c\u308a\u65b9\uff5c2\u5217\u30ea\u30b9\u30c8\u3068\u52d5\u304b\u306a\u3044\u3068\u304d\u306e\u78ba\u8a8d<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">Scroll Rect\u3001Viewport\u3001Content\u3067\u7e26\u30b9\u30af\u30ed\u30fc\u30eb\u306e2\u5217\u30ea\u30b9\u30c8\u3092\u4f5c\u308b\u624b\u9806\u3002\u30de\u30b9\u30af\u3001\u5165\u529b\u3001Content Size Fitter\u3001\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u306e\u78ba\u8a8d\u3092\u89e3\u8aac\u3002<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -internal\" data-type=\"type1\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2018\/08\/unity-ugui-font-300x169.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/cg-method.com\/unity\/unity-ugui-font\/\">Unity uGUI\u306e\u30d5\u30a9\u30f3\u30c8\u8a2d\u5b9a\uff5c\u65e7Text\u30fbTextMeshPro\u30fb\u30a2\u30a4\u30b3\u30f3\u306e\u4f7f\u3044\u5206\u3051<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">uGUI\u306e\u65e7Text\u3068TextMeshPro\u306e\u9055\u3044\u3001\u30ea\u30c3\u30c1\u30c6\u30ad\u30b9\u30c8\u3001Font Asset\u3001ShoeBox\u306e\u65e7\u624b\u9806\u3001TTC\u3001Font Awesome\u306e\u8a2d\u5b9a\u3068\u6587\u5b57\u6b20\u3051\u306e\u78ba\u8a8d\u3092\u89e3\u8aac\u3002<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -internal\" data-type=\"type1\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2018\/12\/convert-adobexd-to-unity-300x169.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/cg-method.com\/unity\/convert-adobexd-to-unity\/\">Adobe XD\u304b\u3089Unity\u3078UI\u3092\u79fb\u30593\u3064\u306e\u65b9\u6cd5\u3010\u65e7\u7248\u30fb\u914d\u5e03\u72b6\u6cc1\u3011<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">XD\u304b\u3089Unity\u3078\u306e\u65e7\u5909\u63db\u624b\u9806\u3092\u3001PSD\u30fbBaum2\u30fbXDA\u3067\u6574\u7406\u3002\u914d\u5e03\u72b6\u6cc1\u3001\u5bfe\u5fdc\u7248\u3001\u753b\u50cf\u540d\u3001\u79fb\u884c\u5f8c\u306e\u78ba\u8a8d\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -internal\" data-type=\"type1\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cg-method.com\/unity\/wp-content\/uploads\/2016\/12\/non-code-switch-button-display-state-300x169.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/cg-method.com\/unity\/non-code-switch-button-display-state\/\">Unity\u3067\u30dc\u30bf\u30f3\u304b\u3089UI\u8868\u793a\u3092\u5207\u308a\u66ff\u3048\u308b\u65b9\u6cd5\uff5cSetActive\u3068Animator<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u305b\u305aButton\u306eOn Click()\u3067UI\u3092\u958b\u304f\u30fb\u9589\u3058\u308b\u8a2d\u5b9a\u3068\u3001Animator\u306eTrigger\u3067\u4ea4\u4e92\u306b\u5207\u308a\u66ff\u3048\u308b\u69cb\u6210\u3092\u89e3\u8aac\u3002\u65e7SepiaTone\u4f5c\u4f8b\u3068\u5fa9\u5e30\u3067\u304d\u306a\u3044\u539f\u56e0\u3082\u6574\u7406\u3002<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n<!-- cgm-topic:end -->\n\n<!-- cgm-pick:start -->\n\n<h2 class=\"wp-block-heading\">\u3055\u3089\u306b\u5b66\u3073\u305f\u3044\u30fb\u74b0\u5883\u3092\u6574\u3048\u305f\u3044\u65b9\u3078<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">2D\u30b2\u30fc\u30e0\u5236\u4f5c\u306e\u6d41\u308c\u3092\u4f53\u7cfb\u7684\u306b\u5b66\u3073\u305f\u3044\u65b9\u306b\u5411\u3051\u305f\u53c2\u8003\u60c5\u5831\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8cfc\u5165\u524d\u306b\u76ee\u6b21\u3068Unity\u306e\u5bfe\u5fdc\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n<div class=\"product-card\" data-id=\"21863\" data-sale-effect=\"flash\">\n\t\t<div class=\"product-card__image\">\n\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4839986088?tag=cgm-unity-22&#038;linkCode=ogi&#038;th=1&#038;psc=1\" rel=\"nofollow noopener sponsored\" target=\"_blank\">\t\t\t<img src=\"https:\/\/m.media-amazon.com\/images\/I\/51fCqRHuXOL._SL500_.jpg\" alt=\"\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\" \/>\t\t<\/a>\t<\/div>\n\t\t<div class=\"product-card__body\">\n\t\t<div class=\"product-card__title\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4839986088?tag=cgm-unity-22&#038;linkCode=ogi&#038;th=1&#038;psc=1\" rel=\"nofollow noopener sponsored\" target=\"_blank\">\u697d\u3057\u304f\u5b66\u3076 Unity\u300c2D\u30b2\u30fc\u30e0\u300d\u4f5c\u308a\u306e\u304d\u307b\u3093<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"product-card__info\">\u8457:\u68ee \u5de7\u5c1a<\/div>\n\t\t\t\t\t\t<div class=\"product-card__price\">\u00a52,959<span>\uff082026\/09\/22 16:00\u6642\u70b9 | Amazon\u8abf\u3079\uff09<\/span><\/div>\n\t\t\t\t\t\t<div class=\"product-card__review\"><a href=\"https:\/\/www.amazon.co.jp\/product-reviews\/4839986088?tag=cgm-unity-22\" rel=\"nofollow noopener sponsored\" target=\"_blank\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 17.3l-6.2 3.7 1.6-7L2 9.2l7.2-.6L12 2l2.8 6.6 7.2.6-5.4 4.8 1.6 7z\"\/><\/svg><span>\u53e3\u30b3\u30df\u3092\u898b\u308b<\/span><\/a><\/div>\n\t\t\t<\/div>\n\t\t<div class=\"product-card__btns\">\n\t\t\t\t<div class=\"product-card__btnwrap -amazon\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.amazon.co.jp\/dp\/4839986088?tag=cgm-unity-22&#038;linkCode=ogi&#038;th=1&#038;psc=1\" class=\"product-card__btn\" rel=\"nofollow noopener sponsored\" target=\"_blank\"><span>Amazon<\/span><\/a>\n\t\t<\/div>\n\t\t\t\t<div class=\"product-card__btnwrap -rakuten\">\n\t\t\t\t\t\t<a href=\"https:\/\/hb.afl.rakuten.co.jp\/hgc\/14eb6112.12938970.14eb6113.c6861b17\/_RTLink148153?pc=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E6%25A5%25BD%25E3%2581%2597%25E3%2581%258F%25E5%25AD%25A6%25E3%2581%25B6%2520Unity%25202D%25E3%2582%25B2%25E3%2583%25BC%25E3%2583%25A0%25E4%25BD%259C%25E3%2582%258A%25E3%2581%25AE%25E3%2581%258D%25E3%2581%25BB%25E3%2582%2593&#038;m=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2F%25E6%25A5%25BD%25E3%2581%2597%25E3%2581%258F%25E5%25AD%25A6%25E3%2581%25B6%2520Unity%25202D%25E3%2582%25B2%25E3%2583%25BC%25E3%2583%25A0%25E4%25BD%259C%25E3%2582%258A%25E3%2581%25AE%25E3%2581%258D%25E3%2581%25BB%25E3%2582%2593\" class=\"product-card__btn\" rel=\"nofollow noopener sponsored\" target=\"_blank\"><span>\u697d\u5929\u5e02\u5834<\/span><\/a>\n\t\t<\/div>\n\t\t\t\t<div class=\"product-card__btnwrap -yahoo\">\n\t\t\t\t\t\t<a href=\"https:\/\/shopping.yahoo.co.jp\/search?p=%E6%A5%BD%E3%81%97%E3%81%8F%E5%AD%A6%E3%81%B6%20Unity%202D%E3%82%B2%E3%83%BC%E3%83%A0%E4%BD%9C%E3%82%8A%E3%81%AE%E3%81%8D%E3%81%BB%E3%82%93\" class=\"product-card__btn\" rel=\"nofollow noopener sponsored\" target=\"_blank\"><span>Yahoo\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0<\/span><\/a>\n\t\t<\/div>\n\t\t\t\t<div class=\"product-card__btnwrap -mercari\">\n\t\t\t\t\t\t<a href=\"https:\/\/jp.mercari.com\/search?keyword=%E6%A5%BD%E3%81%97%E3%81%8F%E5%AD%A6%E3%81%B6%20Unity%202D%E3%82%B2%E3%83%BC%E3%83%A0%E4%BD%9C%E3%82%8A%E3%81%AE%E3%81%8D%E3%81%BB%E3%82%93&#038;afid=2162832720&#038;utm_source=pochipp\" class=\"product-card__btn\" rel=\"nofollow noopener sponsored\" target=\"_blank\"><span>\u30e1\u30eb\u30ab\u30ea<\/span><\/a>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/div>\n<!-- cgm-pick:end -->\n","protected":false},"excerpt":{"rendered":"<p>uGUI\u306eImage\u3068Rect Transform\u306e\u6bd4\u7387\u3092\u4fdd\u3064\u65b9\u6cd5\u3092\u6bd4\u8f03\u3002Preserve Aspect\u3001Aspect Ratio Fitter\u306e\u8a2d\u5b9a\u3068\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u7af6\u5408\u306e\u78ba\u8a8d\u3092\u89e3\u8aac\u3002<\/p>\n","protected":false},"author":1,"featured_media":21700,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","book_review_data":"","footnotes":"","ssp_meta_title":"Unity\u3067UI\u753b\u50cf\u306e\u6bd4\u7387\u3092\u4fdd\u3064\u65b9\u6cd5\uff5cPreserve Aspect\u3068Aspect Ratio Fitter","ssp_meta_description":"uGUI\u306eImage\u3068Rect Transform\u306e\u6bd4\u7387\u3092\u4fdd\u3064\u65b9\u6cd5\u3092\u6bd4\u8f03\u3002Preserve Aspect\u3001Aspect Ratio Fitter\u306e\u8a2d\u5b9a\u3068\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u7af6\u5408\u306e\u78ba\u8a8d\u3092\u89e3\u8aac\u3002"},"categories":[20],"tags":[],"class_list":["post-726","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui"],"_links":{"self":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/comments?post=726"}],"version-history":[{"count":7,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/726\/revisions"}],"predecessor-version":[{"id":22254,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/posts\/726\/revisions\/22254"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/media\/21700"}],"wp:attachment":[{"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/media?parent=726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/categories?post=726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cg-method.com\/unity\/wp-json\/wp\/v2\/tags?post=726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}