{"id":1072,"date":"2026-07-26T05:01:06","date_gmt":"2026-07-26T05:01:06","guid":{"rendered":"https:\/\/makiyoshida-art.jp\/?page_id=1072"},"modified":"2026-07-27T09:16:15","modified_gmt":"2026-07-27T09:16:15","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/makiyoshida-art.jp\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-pale-pink-background-color has-text-color has-background has-link-color has-regular-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/makiyoshida-art.jp\/?page_id=22\" style=\"border-top-left-radius:62px;border-top-right-radius:62px;border-bottom-left-radius:62px;border-bottom-right-radius:62px\">\u65e7Home(\u73b2\u74cf\u305f\u308b\u7523\u696d\u52d5\u7269\u305f\u3061\u306b\u3064\u3044\u3066\u3001\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u3001\u305d\u306e\u4ed6\u6848\u5185\u306f\u3053\u3061\u3089)<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Portfolio\u306e\u5199\u771f\u306f\u4e00\u5ea6\u89e6\u3063\u3066\u3044\u305f\u3060\u304f\u3068\u5927\u304d\u304f\u62e1\u5927\u3067\u304d\u307e\u3059\ud83d\uddbc\ufe0f\u6700\u8fd1\u306e\u4f5c\u54c1\u3068\u53d7\u8cde\u4f5c(\u8a087\u4f5c\u54c1\u63b2\u8f09)<\/p>\n\n\n\n<!-- DRPF_DATA:eyJhcnRpc3ROYW1lIjoiTWFraXlvc2hpZGEtYXJ0IiwiYXJ0aXN0UHJvZmlsZSI6IuWPl+iznuattFxuMjAyMuW5tOODn+ODi+OCouODgeODpeODvOODq3plcm\/lsZXjgIDjg4rjg6Djg6nos55cbjIwMjLlubRKYW3lhazli5\/lsZXjgIDlhaXpgbhcbjIwMjPlubRKYW3lhazli5\/lsZXjgIDlhaXpgbhcbuWHuuWxleattFxuMjAyNuW5tOODn+ODi+OCouODvOODiOWxlSIsInRvcEltYWdlIjoiIiwidGhlbWUiOiJsaWdodCIsIndvcmtzIjpbeyJ1cmwiOiJodHRwczovL21ha2l5b3NoaWRhLWFydC5qcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNy9Qb3J0Zm9saW8xLXNjYWxlZC5qcGciLCJ0aXRsZSI6IueMq+OBqOiYrSIsInllYXIiOiIyMDI25bm0IiwibWVkaXVtIjoi5rK55b2pIiwic2l6ZSI6IjIyLjDDlzMzLjMiLCJkZXNjIjoi6Imy6a6u44KE44GL44Gq5qyE44Go44CB44K\/44Kt44K344O844OJ44Kt44Oj44OD44OIIn0seyJ1cmwiOiJodHRwczovL21ha2l5b3NoaWRhLWFydC5qcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNy9Qb3J0Zm9saW8yLXNjYWxlZC5qcGciLCJ0aXRsZSI6Iue+veagueOCkuS8uOOBsOOBmemAlOS4reOBruialeibviIsInllYXIiOiIyMDI25bm0IiwibWVkaXVtIjoi44Kq44Kk44Or44OR44K544OG44OrIiwic2l6ZSI6IjI1LjfDlzE4LjIiLCJkZXNjIjoi546y55OP44Gf44KL55Sj5qWt5YuV54mp44K344Oq44O844K644CA6JqVIn0seyJ1cmwiOiJodHRwczovL21ha2l5b3NoaWRhLWFydC5qcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNy9Qb3J0Zm9saW8zLXNjYWxlZC5qcGciLCJ0aXRsZSI6IueCjuOBqOOCteODqeODluODrOODg+ODiSIsInllYXIiOiIyMDI25bm0IiwibWVkaXVtIjoi44Kq44Kk44Or44OR44K544OG44OrIiwic2l6ZSI6IjE4LjLDlzI1LjciLCJkZXNjIjoi546y55OP44Gf44KL55Sj5qWt5YuV54mp44K344Oq44O844K644CA44K144Op44OW44Os44OD44OJIn0seyJ1cmwiOiJodHRwczovL21ha2l5b3NoaWRhLWFydC5qcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNy9Qb3J0Zm9saW80LXNjYWxlZC5qcGciLCJ0aXRsZSI6IuiJsumuruOChOOBi+OBqumurSIsInllYXIiOiIyMDI25bm0IiwibWVkaXVtIjoi44Kq44Kk44Or44OR44K544OG44OrIiwic2l6ZSI6IjI1LjfDlzE4LjIiLCJkZXNjIjoi546y55OP44Gf44KL55Sj5qWt5YuV54mp44K344Oq44O844K644CA5ama5ae76Imy44Gu6a6tIn0seyJ1cmwiOiJodHRwczovL21ha2l5b3NoaWRhLWFydC5qcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNy9Qb3J0Zm9saW81LXNjYWxlZC5qcGciLCJ0aXRsZSI6IuODk+ODvOODleODqeOCpCIsInllYXIiOiIyMDI25bm0IiwibWVkaXVtIjoi44Kq44Kk44Or44OR44K544OG44OrIiwic2l6ZSI6IjI1LjfDlzE4LjIiLCJkZXNjIjoi546y55OP44Gf44KL55Sj5qWt5YuV54mp44K344Oq44O844K644CA5Y+X57KJ44GZ44KL44OP44KoIn0seyJ1cmwiOiJodHRwczovL21ha2l5b3NoaWRhLWFydC5qcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNy9Qb3J0Zm9saW82LXNjYWxlZC5qcGciLCJ0aXRsZSI6IuWtkOixmuOBn+OBoSIsInllYXIiOiIyMDI25bm0IiwibWVkaXVtIjoi44Kq44Kk44Or44OR44K544OG44OrIiwic2l6ZSI6IjI1LjfDlzE4LjIiLCJkZXNjIjoi546y55OP44Gf44KL55Sj5qWt5YuV54mp44K344Oq44O844K644CA6LGaIn0seyJ1cmwiOiJodHRwczovL21ha2l5b3NoaWRhLWFydC5qcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8wNy9Qb3J0Zm9saW83LXNjYWxlZC5qcGciLCJ0aXRsZSI6IuWknOWLpOaYjuOBkeOAgeWknOOBjOaYjuOBkeOCi+OCiCIsInllYXIiOiIyMDIy5bm0IiwibWVkaXVtIjoi5rK55b2pIiwic2l6ZSI6IjI0LjLDlzMzLjMiLCJkZXNjIjoi5bKQ6Zic44Gu5p+z44O254Cs576O5q6\/55S644Gu6aKo5pmv44CASmFt5YWs5Yuf5bGV5YWl6YG45L2cIn1dfQ== -->\n<div style=\"max-width:480px;margin:0 auto;\">\n<iframe id=\"drpfms1hs6b8hn4zr\" srcdoc=\"&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;ja&quot;&gt;\n&lt;head&gt;\n&lt;meta charset=&quot;UTF-8&quot;&gt;\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n&lt;style&gt;\n* { box-sizing: border-box; }\nhtml,body { margin:0; padding:0; background:transparent; }\nbody { font-family:-apple-system,&quot;Hiragino Kaku Gothic ProN&quot;,sans-serif; }\n.drpf-wrap { padding:20px 16px 32px; background:#ffffff; color:#222222; }\n.drpf-top-image { width:100%; aspect-ratio:3\/1; overflow:hidden; border-radius:4px; margin:0 0 24px; }\n.drpf-top-image img { width:100%; height:100%; object-fit:cover; display:block; }\n.drpf-artist-name { font-size:1.3rem; font-weight:700; text-align:center; margin:0 0 8px; letter-spacing:.05em; }\n.drpf-artist-profile { font-size:.85rem; color:#777777; text-align:center; white-space:pre-wrap; margin:0 0 28px; line-height:1.6; }\n.drpf-work { margin-bottom:28px; }\n.drpf-frame { width:100%; overflow:hidden; position:relative; touch-action:none; cursor:grab; line-height:0; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }\n.drpf-frame img { display:block; width:100%; height:auto; user-select:none; -webkit-user-drag:none; pointer-events:none; transform-origin:center center; }\n.drpf-mag { position:absolute; bottom:8px; right:8px; width:22px; height:22px; opacity:.55; pointer-events:none; }\n.drpf-meta { margin-top:12px; padding:0 4px; }\n.drpf-meta .drpf-title { font-size:1.05rem; font-weight:700; margin:0 0 4px; }\n.drpf-meta .drpf-sub { font-size:.85rem; color:#777777; margin:0 0 2px; }\n.drpf-meta .drpf-desc { font-size:.9rem; color:#444444; margin:8px 0 0; line-height:1.6; }\n.drpf-nav { display:flex; justify-content:center; align-items:center; gap:16px; margin-top:16px; }\n.drpf-nav-btn { padding:10px 18px; background:#2c2c2c; color:#ffffff; border:none; border-radius:6px; font-size:.9rem; cursor:pointer; }\n.drpf-nav-btn:disabled { background:#999; cursor:default; }\n.drpf-page-label { font-size:.8rem; color:#777777; }\n.drpf-credit { text-align:center; font-size:.75rem; color:#777777; margin-top:24px; }\n.drpf-credit a { color:inherit; }\n&lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;div class=&quot;drpf-wrap&quot;&gt;\n&lt;p class=&quot;drpf-artist-name&quot;&gt;Makiyoshida-art&lt;\/p&gt;\n&lt;p class=&quot;drpf-artist-profile&quot;&gt;\u53d7\u8cde\u6b74\n2022\u5e74\u30df\u30cb\u30a2\u30c1\u30e5\u30fc\u30ebzero\u5c55\u3000\u30ca\u30e0\u30e9\u8cde\n2022\u5e74Jam\u516c\u52df\u5c55\u3000\u5165\u9078\n2023\u5e74Jam\u516c\u52df\u5c55\u3000\u5165\u9078\n\u51fa\u5c55\u6b74\n2026\u5e74\u30df\u30cb\u30a2\u30fc\u30c8\u5c55&lt;\/p&gt;\n&lt;div id=&quot;drpfWorks&quot;&gt;&lt;\/div&gt;\n&lt;div class=&quot;drpf-nav&quot;&gt;\n&lt;button class=&quot;drpf-nav-btn&quot; id=&quot;drpfPrev&quot; onclick=&quot;drpfChangePage(-1)&quot;&gt;\u524d\u3078&lt;\/button&gt;\n&lt;span class=&quot;drpf-page-label&quot; id=&quot;drpfPageLabel&quot;&gt;&lt;\/span&gt;\n&lt;button class=&quot;drpf-nav-btn&quot; id=&quot;drpfNext&quot; onclick=&quot;drpfChangePage(1)&quot;&gt;\u6b21\u3078&lt;\/button&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script&gt;\n(function(){\nconst drpfToken = &quot;drpfms1hs6b8hn4zr&quot;;\nconst drpfWorks = [{url:&quot;https:\/\/makiyoshida-art.jp\/wp-content\/uploads\/2026\/07\/Portfolio1-scaled.jpg&quot;,title:&quot;\u732b\u3068\u862d&quot;,year:&quot;2026\u5e74&quot;,medium:&quot;\u6cb9\u5f69&quot;,size:&quot;22.0\u00d733.3&quot;,desc:&quot;\u8272\u9bae\u3084\u304b\u306a\u6b04\u3068\u3001\u30bf\u30ad\u30b7\u30fc\u30c9\u30ad\u30e3\u30c3\u30c8&quot;},{url:&quot;https:\/\/makiyoshida-art.jp\/wp-content\/uploads\/2026\/07\/Portfolio2-scaled.jpg&quot;,title:&quot;\u7fbd\u6839\u3092\u4f38\u3070\u3059\u9014\u4e2d\u306e\u8695\u86fe&quot;,year:&quot;2026\u5e74&quot;,medium:&quot;\u30aa\u30a4\u30eb\u30d1\u30b9\u30c6\u30eb&quot;,size:&quot;25.7\u00d718.2&quot;,desc:&quot;\u73b2\u74cf\u305f\u308b\u7523\u696d\u52d5\u7269\u30b7\u30ea\u30fc\u30ba\u3000\u8695&quot;},{url:&quot;https:\/\/makiyoshida-art.jp\/wp-content\/uploads\/2026\/07\/Portfolio3-scaled.jpg&quot;,title:&quot;\u708e\u3068\u30b5\u30e9\u30d6\u30ec\u30c3\u30c9&quot;,year:&quot;2026\u5e74&quot;,medium:&quot;\u30aa\u30a4\u30eb\u30d1\u30b9\u30c6\u30eb&quot;,size:&quot;18.2\u00d725.7&quot;,desc:&quot;\u73b2\u74cf\u305f\u308b\u7523\u696d\u52d5\u7269\u30b7\u30ea\u30fc\u30ba\u3000\u30b5\u30e9\u30d6\u30ec\u30c3\u30c9&quot;},{url:&quot;https:\/\/makiyoshida-art.jp\/wp-content\/uploads\/2026\/07\/Portfolio4-scaled.jpg&quot;,title:&quot;\u8272\u9bae\u3084\u304b\u306a\u9bad&quot;,year:&quot;2026\u5e74&quot;,medium:&quot;\u30aa\u30a4\u30eb\u30d1\u30b9\u30c6\u30eb&quot;,size:&quot;25.7\u00d718.2&quot;,desc:&quot;\u73b2\u74cf\u305f\u308b\u7523\u696d\u52d5\u7269\u30b7\u30ea\u30fc\u30ba\u3000\u5a5a\u59fb\u8272\u306e\u9bad&quot;},{url:&quot;https:\/\/makiyoshida-art.jp\/wp-content\/uploads\/2026\/07\/Portfolio5-scaled.jpg&quot;,title:&quot;\u30d3\u30fc\u30d5\u30e9\u30a4&quot;,year:&quot;2026\u5e74&quot;,medium:&quot;\u30aa\u30a4\u30eb\u30d1\u30b9\u30c6\u30eb&quot;,size:&quot;25.7\u00d718.2&quot;,desc:&quot;\u73b2\u74cf\u305f\u308b\u7523\u696d\u52d5\u7269\u30b7\u30ea\u30fc\u30ba\u3000\u53d7\u7c89\u3059\u308b\u30cf\u30a8&quot;},{url:&quot;https:\/\/makiyoshida-art.jp\/wp-content\/uploads\/2026\/07\/Portfolio6-scaled.jpg&quot;,title:&quot;\u5b50\u8c5a\u305f\u3061&quot;,year:&quot;2026\u5e74&quot;,medium:&quot;\u30aa\u30a4\u30eb\u30d1\u30b9\u30c6\u30eb&quot;,size:&quot;25.7\u00d718.2&quot;,desc:&quot;\u73b2\u74cf\u305f\u308b\u7523\u696d\u52d5\u7269\u30b7\u30ea\u30fc\u30ba\u3000\u8c5a&quot;},{url:&quot;https:\/\/makiyoshida-art.jp\/wp-content\/uploads\/2026\/07\/Portfolio7-scaled.jpg&quot;,title:&quot;\u591c\u52e4\u660e\u3051\u3001\u591c\u304c\u660e\u3051\u308b\u3088&quot;,year:&quot;2022\u5e74&quot;,medium:&quot;\u6cb9\u5f69&quot;,size:&quot;24.2\u00d733.3&quot;,desc:&quot;\u5c90\u961c\u306e\u67f3\u30f6\u702c\u7f8e\u6bbf\u753a\u306e\u98a8\u666f\u3000Jam\u516c\u52df\u5c55\u5165\u9078\u4f5c&quot;}];\nconst drpfShowMagnifier = true;\nconst drpfPerPage = 3;\nconst drpfMaxScale = 4;\nconst drpfTotalPages = Math.max(1, Math.ceil(drpfWorks.length \/ drpfPerPage));\nlet drpfPage = 0;\nconst drpfContainer = document.getElementById(&quot;drpfWorks&quot;);\nfunction drpfEsc(s){return (s||&quot;&quot;).replace(\/[&amp;&lt;&gt;&quot;']\/g,function(c){return {&quot;&amp;&quot;:&quot;&amp;amp;&quot;,&quot;&lt;&quot;:&quot;&amp;lt;&quot;,&quot;&gt;&quot;:&quot;&amp;gt;&quot;,&quot;\\&quot;&quot;:&quot;&amp;quot;&quot;,&quot;'&quot;:&quot;&amp;#39;&quot;}[c];});}\nfunction drpfReportHeight(){\nconst h = document.body.scrollHeight;\ntry { parent.postMessage({drpfToken: drpfToken, height: h}, &quot;*&quot;); } catch(e){}\n}\nfunction drpfMakeZoom(frame){\nconst img = frame.querySelector(&quot;img&quot;);\nlet scale=1, tx=0, ty=0;\nlet vx=0, vy=0;\nlet dragging=false, momentumId=null;\nlet targetScale=1, scaleAnimId=null;\nlet pinchStartDist=0, pinchStartScale=1;\nlet mode=&quot;idle&quot;;\nconst pointers = new Map();\nlet wcTimer=null;\nfunction apply(){\nconst rect = frame.getBoundingClientRect();\nconst overX = Math.max(0, (scale-1)*rect.width\/2);\nconst overY = Math.max(0, (scale-1)*rect.height\/2);\ntx = Math.max(-overX, Math.min(overX, tx));\nty = Math.max(-overY, Math.min(overY, ty));\nimg.style.willChange = &quot;transform&quot;;\nif(wcTimer) clearTimeout(wcTimer);\nwcTimer = setTimeout(function(){ img.style.willChange = &quot;auto&quot;; }, 250);\nimg.style.transform = &quot;translate(&quot;+tx+&quot;px,&quot;+ty+&quot;px) scale(&quot;+scale+&quot;)&quot;;\n}\nfunction stopMomentum(){ if(momentumId){ cancelAnimationFrame(momentumId); momentumId=null; } }\nfunction stopScaleAnim(){ if(scaleAnimId){ cancelAnimationFrame(scaleAnimId); scaleAnimId=null; } }\nfunction runMomentum(){\nvx *= 0.92; vy *= 0.92;\nif (Math.abs(vx) &lt; 0.05 &amp;&amp; Math.abs(vy) &lt; 0.05) { momentumId=null; return; }\ntx += vx; ty += vy; apply();\nmomentumId = requestAnimationFrame(runMomentum);\n}\nfunction animateScale(){\nconst diff = targetScale - scale;\nif (Math.abs(diff) &lt; 0.01) { scale = targetScale; apply(); scaleAnimId=null; return; }\nscale += diff * 0.2; apply();\nscaleAnimId = requestAnimationFrame(animateScale);\n}\nfunction setTargetScale(v){ targetScale = Math.min(drpfMaxScale, Math.max(1, v)); stopScaleAnim(); scaleAnimId = requestAnimationFrame(animateScale); }\nfunction reset(){ stopMomentum(); scale=1; targetScale=1; tx=0; ty=0; apply(); }\nfunction dist(a,b){ const dx=a.x-b.x, dy=a.y-b.y; return Math.sqrt(dx*dx+dy*dy); }\nframe.addEventListener(&quot;pointerdown&quot;, function(e){\ne.preventDefault();\nframe.setPointerCapture(e.pointerId);\npointers.set(e.pointerId, {x:e.clientX, y:e.clientY});\nif(pointers.size === 1){\nstopMomentum();\nmode = &quot;pan&quot;; dragging = true; vx=0; vy=0;\nframe.style.cursor = &quot;grabbing&quot;;\n} else if(pointers.size === 2){\nmode = &quot;pinch&quot;; dragging = false; stopScaleAnim();\nconst pts = Array.from(pointers.values());\npinchStartDist = dist(pts[0], pts[1]); pinchStartScale = scale;\n}\n}, {passive:false});\nlet lastX=0, lastY=0, lastT=0;\nframe.addEventListener(&quot;pointermove&quot;, function(e){\nif(!pointers.has(e.pointerId)) return;\ne.preventDefault();\nconst prev = pointers.get(e.pointerId);\npointers.set(e.pointerId, {x:e.clientX, y:e.clientY});\nif(mode === &quot;pinch&quot; &amp;&amp; pointers.size &gt;= 2){\nconst pts = Array.from(pointers.values());\nconst d = dist(pts[0], pts[1]);\nsetTargetScale(pinchStartScale * (d \/ pinchStartDist));\n} else if(mode === &quot;pan&quot; &amp;&amp; dragging &amp;&amp; pointers.size === 1){\nconst now = performance.now();\nconst dt = Math.max(1, now - (lastT || now));\nconst dx = e.clientX - prev.x, dy = e.clientY - prev.y;\ntx += dx; ty += dy;\nvx = dx \/ dt * 16; vy = dy \/ dt * 16;\nlastT = now;\napply();\n}\n}, {passive:false});\nfunction drpfEndPointer(e){\npointers.delete(e.pointerId);\nif(pointers.size === 1 &amp;&amp; mode === &quot;pinch&quot;){\nmode = &quot;pan&quot;; dragging = true; lastT = performance.now(); vx=0; vy=0;\n} else if(pointers.size === 0){\nif(mode === &quot;pan&quot; &amp;&amp; dragging){\ndragging = false; frame.style.cursor = &quot;grab&quot;;\nstopMomentum(); momentumId = requestAnimationFrame(runMomentum);\n}\nmode = &quot;idle&quot;;\n}\n}\nframe.addEventListener(&quot;pointerup&quot;, drpfEndPointer);\nframe.addEventListener(&quot;pointercancel&quot;, drpfEndPointer);\nframe.addEventListener(&quot;dblclick&quot;, function(e){ e.preventDefault(); if(scale&gt;1) reset(); else setTargetScale(2); });\nframe.addEventListener(&quot;wheel&quot;, function(e){ e.preventDefault(); setTargetScale(scale - e.deltaY*0.002); }, {passive:false});\nframe.addEventListener(&quot;contextmenu&quot;, function(e){ e.preventDefault(); });\nframe.addEventListener(&quot;dragstart&quot;, function(e){ e.preventDefault(); });\n}\nfunction drpfRenderPage(page){\ndrpfContainer.innerHTML = &quot;&quot;;\nconst start = page * drpfPerPage;\nconst slice = drpfWorks.slice(start, start + drpfPerPage);\nslice.forEach(function(work){\nconst subParts = [work.year, work.medium, work.size].filter(function(v){ return v &amp;&amp; v.trim(); });\nconst workDiv = document.createElement(&quot;div&quot;); workDiv.className = &quot;drpf-work&quot;;\nworkDiv.innerHTML = '&lt;div class=&quot;drpf-frame&quot;&gt;&lt;img draggable=&quot;false&quot;&gt;&lt;\/div&gt;' + (drpfShowMagnifier ? &quot;&quot; : &quot;&quot;);\nconst frameEl = workDiv.querySelector(&quot;.drpf-frame&quot;);\nif(drpfShowMagnifier){ frameEl.insertAdjacentHTML(&quot;beforeend&quot;, '&lt;svg class=&quot;drpf-mag&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot;&gt;&lt;circle cx=&quot;11&quot; cy=&quot;11&quot; r=&quot;7&quot;\/&gt;&lt;line x1=&quot;21&quot; y1=&quot;21&quot; x2=&quot;16.65&quot; y2=&quot;16.65&quot;\/&gt;&lt;\/svg&gt;'); }\nworkDiv.insertAdjacentHTML(&quot;beforeend&quot;, '&lt;div class=&quot;drpf-meta&quot;&gt;&lt;p class=&quot;drpf-title&quot;&gt;' + drpfEsc(work.title || &quot;\u7121\u984c&quot;) + '&lt;\/p&gt;' + (subParts.length ? '&lt;p class=&quot;drpf-sub&quot;&gt;' + drpfEsc(subParts.join(&quot; \/ &quot;)) + '&lt;\/p&gt;' : &quot;&quot;) + (work.desc ? '&lt;p class=&quot;drpf-desc&quot;&gt;' + drpfEsc(work.desc) + '&lt;\/p&gt;' : &quot;&quot;) + '&lt;\/div&gt;');\ndrpfContainer.appendChild(workDiv);\nconst frame = workDiv.querySelector(&quot;.drpf-frame&quot;); const img = frame.querySelector(&quot;img&quot;);\nimg.addEventListener(&quot;load&quot;, drpfReportHeight);\nimg.decoding = &quot;async&quot;;\nimg.src = work.url;\nif (img.decode) { img.decode().catch(function(){}); }\ndrpfMakeZoom(frame);\n});\ndocument.getElementById(&quot;drpfPageLabel&quot;).textContent = (page+1) + &quot; \/ &quot; + drpfTotalPages;\ndocument.getElementById(&quot;drpfPrev&quot;).disabled = (page === 0);\ndocument.getElementById(&quot;drpfNext&quot;).disabled = (page &gt;= drpfTotalPages - 1);\ndrpfReportHeight();\nsetTimeout(drpfReportHeight, 300);\n}\nwindow.drpfChangePage = function(dir){\nconst next = drpfPage + dir;\nif(next &lt; 0 || next &gt;= drpfTotalPages) return;\ndrpfPage = next; drpfRenderPage(drpfPage);\ntry { parent.postMessage({drpfToken: drpfToken, scrollToTop: true}, &quot;*&quot;); } catch(e){}\n};\ndrpfRenderPage(0);\nwindow.addEventListener(&quot;load&quot;, drpfReportHeight);\n})();\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\" style=\"width:100%;border:0;display:block;overflow:hidden;\" scrolling=\"no\" title=\"Makiyoshida-art \u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\"><\/iframe>\n<\/div>\n<script>\n(function(){\nwindow.addEventListener(\"message\", function(e){\nif(e && e.data && e.data.drpfToken === \"drpfms1hs6b8hn4zr\"){\nconst f = document.getElementById(\"drpfms1hs6b8hn4zr\");\nif(f && e.data.height) f.style.height = e.data.height + \"px\";\nif(f && e.data.scrollToTop) f.scrollIntoView({behavior:\"smooth\", block:\"start\"});\n}\n});\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio\u306e\u5199\u771f\u306f\u4e00\u5ea6\u89e6\u3063\u3066\u3044\u305f\u3060\u304f\u3068\u5927\u304d\u304f\u62e1\u5927\u3067\u304d\u307e\u3059\ud83d\uddbc\ufe0f\u6700\u8fd1\u306e\u4f5c\u54c1\u3068\u53d7\u8cde\u4f5c(\u8a087\u4f5c\u54c1\u63b2\u8f09)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","vkExUnit_EyeCatch_disable":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":{"layout":"col-one-no-subsection"},"footnotes":""},"class_list":["post-1072","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/makiyoshida-art.jp\/index.php?rest_route=\/wp\/v2\/pages\/1072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makiyoshida-art.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/makiyoshida-art.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/makiyoshida-art.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makiyoshida-art.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1072"}],"version-history":[{"count":8,"href":"https:\/\/makiyoshida-art.jp\/index.php?rest_route=\/wp\/v2\/pages\/1072\/revisions"}],"predecessor-version":[{"id":1090,"href":"https:\/\/makiyoshida-art.jp\/index.php?rest_route=\/wp\/v2\/pages\/1072\/revisions\/1090"}],"wp:attachment":[{"href":"https:\/\/makiyoshida-art.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}