{"id":307,"date":"2025-03-19T15:40:31","date_gmt":"2025-03-19T06:40:31","guid":{"rendered":"https:\/\/cg-method.com\/photoshop\/?p=307"},"modified":"2026-09-26T12:33:19","modified_gmt":"2026-09-26T03:33:19","slug":"clipping-area","status":"publish","type":"post","link":"https:\/\/cg-method.com\/photoshop\/clipping-area\/","title":{"rendered":"Photoshop\u30b9\u30af\u30ea\u30d7\u30c8\uff08jsx\uff09\u2502\u9078\u629e\u7bc4\u56f2\u3092\u56db\u89d2\u3067\u9078\u629e\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Photoshop\u3067\u306f\u3001\u753b\u50cf\u30a2\u30bb\u30c3\u30c8\u306e\u66f8\u304d\u51fa\u3057\u6642\u306b\u30d4\u30af\u30bb\u30eb\u6570\u3092\u6307\u5b9a\u3057\u3066\u3082\u3001\u610f\u56f3\u3057\u305f\u30b5\u30a4\u30ba\u304b\u30891px\u305a\u308c\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30de\u30b9\u30af\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3082\u3042\u308a\u307e\u3059\u304c\u3001\u30b7\u30a7\u30a4\u30d7\u306e\u5883\u754c\u306b\u5408\u308f\u305b\u3066\u624b\u52d5\u3067\u6b63\u78ba\u306a\u56db\u89d2\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3092\u4f5c\u308b\u4f5c\u696d\u306b\u306f\u624b\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u305d\u3053\u3067\u3001<strong>\u30ec\u30a4\u30e4\u30fc\u306e\u30b7\u30a7\u30a4\u30d7\u7bc4\u56f2\u3092\u56db\u89d2\u5f62\u3067\u6b63\u78ba\u306b\u9078\u629e\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8<\/strong>\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u5b9f\u884c\u3059\u308c\u3070\u3001\u5bfe\u8c61\u30ec\u30a4\u30e4\u30fc\u306e\u63cf\u753b\u9818\u57df\u306b\u6cbf\u3063\u305f\u6b63\u78ba\u306a\u77e9\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3092\u81ea\u52d5\u3067\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"swell-block-columns\"><div class=\"swell-block-columns__inner\">\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"524\" src=\"https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082342.jpg\" alt=\"\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u5b9f\u884c\u3057\u3066\u5bfe\u8c61\u30ec\u30a4\u30e4\u30fc\u306e\u63cf\u753b\u9818\u57df\u306b\u6cbf\u3063\u305f\u6b63\u78ba\u306a\u77e9\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3092\u81ea\u52d5\u4f5c\u6210\u3057\u305f\u69d8\u5b50\u3002\" class=\"wp-image-308\" srcset=\"https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082342.jpg 526w, https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082342-300x300.jpg 300w, https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082342-150x150.jpg 150w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"520\" src=\"https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082345.jpg\" alt=\"Photoshop\u306e\u6a19\u6e96\u6a5f\u80fd\u3067\u306f\u5916\u67a0\u306b\u3074\u3063\u305f\u308a\u5408\u308f\u305b\u305f\u56db\u89d2\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u56f0\u96e3\u306a\u30b7\u30a7\u30a4\u30d7\u306e\u4f8b\u3002\" class=\"wp-image-309\" srcset=\"https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082345.jpg 524w, https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082345-300x298.jpg 300w, https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082345-150x150.jpg 150w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/figure>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u6a19\u6e96\u6a5f\u80fd\u3067\u306f\u56f0\u96e3\u306a\u30b7\u30a7\u30a4\u30d7\u7bc4\u56f2\u306e\u9078\u629e<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Photoshop\u306e\u6a19\u6e96\u6a5f\u80fd\u3067\u306f\u3001\u30b7\u30a7\u30a4\u30d7\u306e\u8f2a\u90ed\u306b\u6cbf\u3063\u3066\u30ac\u30a4\u30c9\u3092\u914d\u7f6e\u3059\u308b\u3053\u3068\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001\u5916\u67a0\u306b\u3074\u3063\u305f\u308a\u5408\u308f\u305b\u305f\u56db\u89d2\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3092\u30ef\u30f3\u30bf\u30c3\u30c1\u3067\u4f5c\u6210\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u4eca\u56de\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30b7\u30a7\u30a4\u30d7\u306e\u5916\u67a0\u306b\u6cbf\u3063\u305f\u56db\u89d2\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3092\u3059\u3070\u3084\u304f\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u4f7f\u7528\u65b9\u6cd5<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>STEP 1: \u30b9\u30af\u30ea\u30d7\u30c8\u306e\u914d\u7f6e<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u4e0b\u8a18\u306e\u30b3\u30fc\u30c9\u3092\u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\u7b49\u306b\u8cbc\u308a\u4ed8\u3051\u3066\u4fdd\u5b58<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Photoshop\u306e\u307b\u304b\u306e\u64cd\u4f5c\u306f\u3001\u307e\u3068\u3081\u304b\u3089\u3054\u89a7\u3044\u305f\u3060\u3051\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\/photoshop\/wp-content\/uploads\/2026\/09\/photoshop-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\/photoshop\/photoshop-matome\/\">Photoshop\u306e\u4f7f\u3044\u65b9\uff5c\u4fdd\u5b58\u30fb\u30ec\u30a4\u30e4\u30fc\u30fb\u4e00\u62ec\u51e6\u7406\u304b\u3089\u63a2\u3059<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">Photoshop\u3067\u3084\u308a\u305f\u3044\u4f5c\u696d\u304b\u3089\u8a18\u4e8b\u3092\u9078\u3079\u307e\u3059\u3002\u8907\u6570\u306e\u753b\u50cf\u306b\u540c\u3058\u7de8\u96c6\u3092\u7e70\u308a\u8fd4\u3059\u5834\u5408\u306f\u300c\u30a2\u30af\u30b7\u30e7\u30f3\u30fb\u4e00\u62ec\u51e6\u7406\u300d\u3001JSX\u30d5\u30a1\u30a4\u30eb\u3092\u521d\u3081\u3066\u4f7f\u3046\u5834\u5408\u306f\u300c\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u5c0e\u5165\u30fb\u5b9f&#8230;<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>clippingArea.jsx<\/strong><\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>function clippingArea() {\n    var strtRulerUnits = preferences.rulerUnits;\n    if(strtRulerUnits != Units.PIXELS){ preferences.rulerUnits = Units.PIXELS; }\n    \n    var srcDoc = activeDocument;\n    \n    function visibleActiveOnly(docRef){\n        var visible = new Array();\n        for(var i = 0; i &lt; docRef.layers.length; i++){\n            visible[i] = docRef.layers[i].visible;\n            if(docRef.layers[i].visible){ docRef.layers[i].visible = false; }\n        }\n        docRef.activeLayer.visible = true;\n        return visible;\n    }\n    \n    function visibleOriginal(docRef, visible){\n        for(var i = 0; i &lt; docRef.layers.length; i++){\n            docRef.layers[i].visible = visible[i];\n        }\n        return true;\n    }\n    \n    function ClippingArea(docRef){\n        var x_size = docRef.width;\n        var y_size = docRef.height;\n    \n        var before = docRef.activeHistoryState;\n    \n        docRef.trim(TrimType.TRANSPARENT, true, true, false, false);\n    \n        var x_offset = x_size - docRef.width;\n        var y_offset = y_size - docRef.height;\n    \n        docRef.trim(TrimType.TRANSPARENT, true, true, true, true);\n    \n        var x_trim_size = docRef.width;\n        var y_trim_size = docRef.height;\n    \n        docRef.activeHistoryState = before;\n    \n        this.left = x_offset;\n        this.right = x_offset + x_trim_size;\n        this.top = y_offset;\n        this.bottom = y_offset + y_trim_size;\n    }\n    \n    var v_array = visibleActiveOnly(srcDoc);\n    var xy = new ClippingArea(srcDoc);\n    visibleOriginal(srcDoc, v_array);\n    \n    srcDoc.selection.select(Array(\n        Array(xy.left, xy.top),\n        Array(xy.right, xy.top),\n        Array(xy.right, xy.bottom),\n        Array(xy.left, xy.bottom)\n    ), SelectionType.REPLACE, 0, false);\n    \n    if(strtRulerUnits != Units.PIXELS){ preferences.rulerUnits = strtRulerUnits; }\n    \n    srcDoc = null;\n    xy = null;\n    v_array = null;\n}\n<\/code><\/pre><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/strong> \u3057\u3001\u4ee5\u4e0b\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u683c\u7d0d\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>C:\\Program Files\\Adobe\\Adobe Photoshop CC\\Presets\\Scripts<\/code><\/pre><\/div>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Photoshop\u3092\u518d\u8d77\u52d5\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>STEP 2: \u30b9\u30af\u30ea\u30d7\u30c8\u3092\u5b9f\u884c<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Photoshop\u3092\u958b\u304f<\/strong><\/li>\n\n\n\n<li><strong>[\u30d5\u30a1\u30a4\u30eb] \u2192 [\u30b9\u30af\u30ea\u30d7\u30c8] \u2192 [\u53c2\u7167]<\/strong> \u304b\u3089\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u9078\u629e<\/li>\n\n\n\n<li>\u5b9f\u884c\u3059\u308b\u3068\u3001\u9078\u629e\u4e2d\u306e\u30ec\u30a4\u30e4\u30fc\u306e\u7bc4\u56f2\u306b\u5408\u308f\u305b\u305f\u56db\u89d2\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<div class=\"swell-block-columns\"><div class=\"swell-block-columns__inner\">\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"524\" src=\"https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082342.jpg\" alt=\"\u9078\u629e\u4e2d\u306e\u30ec\u30a4\u30e4\u30fc\u306e\u7bc4\u56f2\u306b\u5408\u308f\u305b\u3066\u4f5c\u6210\u3055\u308c\u305f\u56db\u89d2\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3002\" class=\"wp-image-308\" srcset=\"https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082342.jpg 526w, https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082342-300x300.jpg 300w, https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082342-150x150.jpg 150w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"520\" src=\"https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082345.jpg\" alt=\"Photoshop\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u9078\u629e\u7bc4\u56f2\u3092\u56db\u89d2\u3067\u9078\u629e\u3059\u308b\u51e6\u7406\u306e\u5b9f\u884c\u7d50\u679c\u3002\" class=\"wp-image-309\" srcset=\"https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082345.jpg 524w, https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082345-300x298.jpg 300w, https:\/\/cg-method.com\/photoshop\/wp-content\/uploads\/2025\/03\/20170726082345-150x150.jpg 150w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/figure>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u4ed5\u7d44\u307f<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30ec\u30a4\u30e4\u30fc\u5185\u306e\u4e0d\u900f\u660e\u306a\u30a8\u30ea\u30a2\u3092\u30af\u30ea\u30c3\u30d4\u30f3\u30b0<\/strong><\/li>\n\n\n\n<li><strong>\u30b7\u30a7\u30a4\u30d7\u306e\u30d0\u30a6\u30f3\u30c7\u30a3\u30f3\u30b0\u30dc\u30c3\u30af\u30b9\uff08\u5883\u754c\u5ea7\u6a19\uff09\u3092\u53d6\u5f97\u3057\u3001\u56db\u89d2\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3068\u3057\u3066\u4f5c\u6210<\/strong><\/li>\n\n\n\n<li><strong>\u5143\u306e\u8868\u793a\u72b6\u614b\u306b\u623b\u3059<\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u51e6\u7406\u306b\u3088\u308a\u3001\u5bfe\u8c61\u30ec\u30a4\u30e4\u30fc\u306e\u6b63\u78ba\u306a\u77e9\u5f62\u9078\u629e\u7bc4\u56f2\u304c\u5f97\u3089\u308c\u3001\u753b\u50cf\u30a2\u30bb\u30c3\u30c8\u66f8\u304d\u51fa\u3057\u6642\u306e1px\u306e\u30ba\u30ec\u3092\u9632\u3050\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u8a18\u4e8b\u3067\u7d39\u4ecb\u3057\u3066\u3044\u308b\u30b3\u30fc\u30c9\u306f\u3001GitHub\u306e<a href=\"https:\/\/github.com\/MOTOKI-LLC\/cg-method-code\/tree\/main\/photoshop\/clipping-area\">MOTOKI-LLC\/cg-method-code<\/a>\u306b\u3082\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n<!-- cgm-topic:start -->\n\n\n<p class=\"wp-block-paragraph\">\u30b7\u30a7\u30a4\u30d7\u3084\u5857\u308a\u3092\u4f5c\u308b\u65b9\u6cd5\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\/photoshop\/wp-content\/uploads\/2025\/03\/pixel-move-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\/photoshop\/pixel-move\/\">Photoshop\u2502\u56f3\u5f62\u3092\u6570\u5024\u5165\u529b\u3067\u6b63\u78ba\u306b\u79fb\u52d5\u3055\u305b\u308b\u65b9\u6cd5\uff5c\u81ea\u7531\u5909\u5f62\u3068jsx\u30b9\u30af\u30ea\u30d7\u30c8<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">UI\u30c7\u30b6\u30a4\u30f3\u3084\u30ec\u30a4\u30a2\u30a6\u30c8\u4f5c\u696d\u3067\u306f\u3001\u30d1\u30fc\u30c4\u306e\u30b5\u30a4\u30ba\u3084\u4f59\u767d\u306b\u53b3\u5bc6\u306a\u30eb\u30fc\u30eb\u3092\u8a2d\u3051\u308b\u3053\u3068\u304c\u591a\u304f\u3001\u6b63\u78ba\u306a\u4f4d\u7f6e\u8abf\u6574\u304c\u6c42\u3081\u3089\u308c\u307e\u3059\u3002 Photoshop\u3067\u306f\u6570\u5024\u5165\u529b\u306b\u3088\u308b\u4f4d\u7f6e\u8abf\u6574\u304c\u53ef&#8230;<\/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\/photoshop\/wp-content\/uploads\/2025\/03\/tips-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\/photoshop\/tips\/\">Photoshop\u2502\u4fbf\u5229\u306a\u5c0f\u6280\u96c6<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">Photoshop\u3092\u4f7f\u3063\u3066\u3044\u308b\u3068\u3001\u4f5c\u696d\u3092\u52b9\u7387\u5316\u3067\u304d\u308b\u4fbf\u5229\u306a\u6a5f\u80fd\u3084\u64cd\u4f5c\u65b9\u6cd5\u304c\u591a\u304f\u3042\u308a\u307e\u3059\u3002 \u672c\u8a18\u4e8b\u3067\u306f\u3001\u77e5\u3063\u3066\u304a\u304f\u3068\u4f5c\u696d\u52b9\u7387\u304c\u4e0a\u304c\u308b\u4fbf\u5229\u306a\u5c0f\u6280\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u81ea\u52d5\u9078\u629e\u306e\u5207&#8230;<\/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\/photoshop\/wp-content\/uploads\/2025\/03\/corner-editor-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\/photoshop\/corner-editor\/\">Photoshop\u30b9\u30af\u30ea\u30d7\u30c8\uff08jsx\uff09\u2502\u30b7\u30a7\u30a4\u30d7\u306e\u89d2\u3092\u4e38\u304f\u3059\u308b\u65b9\u6cd5<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">Photoshop\u3067\u306f\u5bfe\u5fdc\u3059\u308b\u30e9\u30a4\u30d6\u30b7\u30a7\u30a4\u30d7\u306e\u89d2\u4e38\u3092\u6a19\u6e96\u6a5f\u80fd\u3067\u8abf\u6574\u3067\u304d\u307e\u3059\u3002 \u307e\u305a\u30d7\u30ed\u30d1\u30c6\u30a3\u3084\u30b7\u30a7\u30a4\u30d7\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u3053\u306e\u8a18\u4e8b\u306f\u3001\u6a19\u6e96\u306e\u8abf\u6574\u3067\u306f\u6271\u3048\u306a&#8230;<\/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\/photoshop\/wp-content\/uploads\/2025\/03\/create-shape-from-layer-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\/photoshop\/create-shape-from-layer\/\">Photoshop\u30b9\u30af\u30ea\u30d7\u30c8\uff08jsx\uff09\u2502\u9078\u629e\u3057\u305f\u30ec\u30a4\u30e4\u30fc\u30b5\u30a4\u30ba\u306e\u30b7\u30a7\u30a4\u30d7\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">Photoshop\u3067\u9078\u629e\u3057\u305f\u30ec\u30a4\u30e4\u30fc\u306e\u30b5\u30a4\u30ba\u3092\u53d6\u5f97\u3057\u3001\u540c\u30b5\u30a4\u30ba\u306e\u30b7\u30a7\u30a4\u30d7\u3092\u4f5c\u6210\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u3053\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u3048\u3070\u3001\u9078\u629e\u30ec\u30a4\u30e4\u30fc\u3068\u540c\u3058\u5927\u304d\u3055\u306e\u30b7\u30a7\u30a4\u30d7&#8230;<\/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\n<h2 class=\"wp-block-heading\"><strong>\u307e\u3068\u3081<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u9078\u629e\u7bc4\u56f2\u3092\u30b7\u30a7\u30a4\u30d7\u306e\u7bc4\u56f2\u306b\u5408\u308f\u305b\u3066\u56db\u89d2\u5f62\u3067\u6b63\u78ba\u306b\u4f5c\u6210<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u753b\u50cf\u30a2\u30bb\u30c3\u30c8\u66f8\u304d\u51fa\u3057\u6642\u306e1px\u30ba\u30ec\u3092\u9632\u6b62<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u5b9f\u884c\u3059\u308b\u3060\u3051\u3067\u81ea\u52d5\u51e6\u7406\u304c\u53ef\u80fd<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u50cf\u30a2\u30bb\u30c3\u30c8\u66f8\u304d\u51fa\u3057\u6642\u306e\u30b5\u30a4\u30ba\u30ba\u30ec\u306b\u60a9\u307e\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u305c\u3072\u6d3b\u7528\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Photoshop\u3067\u306f\u3001\u753b\u50cf\u30a2\u30bb\u30c3\u30c8\u306e\u66f8\u304d\u51fa\u3057\u6642\u306b\u30d4\u30af\u30bb\u30eb\u6570\u3092\u6307\u5b9a\u3057\u3066\u3082\u3001\u610f\u56f3\u3057\u305f\u30b5\u30a4\u30ba\u304b\u30891px\u305a\u308c\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002 \u30de\u30b9\u30af\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3082\u3042\u308a\u307e\u3059\u304c\u3001\u30b7\u30a7\u30a4\u30d7\u306e\u5883\u754c\u306b\u5408\u308f\u305b\u3066\u624b\u52d5\u3067\u6b63\u78ba\u306a\u56db\u89d2\u5f62\u306e\u9078\u629e\u7bc4\u56f2\u3092\u4f5c\u308b\u4f5c\u696d\u306b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":310,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","ssp_meta_description":"\u753b\u50cf\u30a2\u30bb\u30c3\u30c8\u66f8\u304d\u51fa\u3057\u6642\u306e1px\u30ba\u30ec\u3092\u9632\u3050\u305f\u3081\u3001\u30ec\u30a4\u30e4\u30fc\u306e\u30b7\u30a7\u30a4\u30d7\u5916\u67a0\u306b\u6cbf\u3063\u305f\u56db\u89d2\u3044\u9078\u629e\u7bc4\u56f2\u3092\u81ea\u52d5\u4f5c\u6210\u3059\u308bjsx\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u914d\u7f6e\u304b\u3089\u5b9f\u884c\u307e\u3067\u306e2\u30b9\u30c6\u30c3\u30d7\u3084\u3001\u5883\u754c\u5ea7\u6a19\u3092\u53d6\u5f97\u3059\u308b\u51e6\u7406\u306e\u4ed5\u7d44\u307f\u3092\u89e3\u8aac\u3057\u3066\u3044\u307e\u3059\u3002","ssp_meta_title":"Photoshop\u9078\u629e\u7bc4\u56f2\u3092\u56db\u89d2\u3067\u4f5c\u308b\u30b9\u30af\u30ea\u30d7\u30c8","ssp_meta_robots":"","ssp_meta_canonical":"","ssp_meta_image":"","ssp_meta_keyword":"","book_review_data":"","footnotes":""},"categories":[11],"tags":[],"class_list":["post-307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-layer-shape-creation"],"_links":{"self":[{"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/posts\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":11,"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/posts\/307\/revisions"}],"predecessor-version":[{"id":1298,"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/posts\/307\/revisions\/1298"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/media\/310"}],"wp:attachment":[{"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/media?parent=307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/categories?post=307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cg-method.com\/photoshop\/wp-json\/wp\/v2\/tags?post=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}