{"id":13355,"date":"2023-02-24T12:40:00","date_gmt":"2023-02-24T03:40:00","guid":{"rendered":"https:\/\/dipross.co.jp\/eng\/?p=13355"},"modified":"2023-02-08T19:07:09","modified_gmt":"2023-02-08T10:07:09","slug":"processing%e3%81%a7ui%e3%81%ae%e4%bb%ae%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%81%84","status":"publish","type":"post","link":"https:\/\/dipross.co.jp\/eng\/2023\/02\/processing%e3%81%a7ui%e3%81%ae%e4%bb%ae%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%81%84.html","title":{"rendered":"Processing\u3067UI\u306e\u4eee\u30dc\u30bf\u30f3\u3092\u4f5c\u3063\u3066\u307f\u305f\u3044"},"content":{"rendered":"\n<p>\u3053\u3093\u306b\u3061\u306f\uff01\u7686\u3055\u3093\u306fUI\u306b\u4f7f\u3046\u4eee\u30dc\u30bf\u30f3\u306f\u3069\u3046\u3084\u3063\u3066\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<br>\u500b\u4eba\u7684\u306b\u524d\u304b\u3089Processing\u3092\u89e6\u3063\u3066\u307f\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u305f\u306e\u3067\u3001\u4eca\u56de\u306f\u7d20\u4eba\u306a\u308a\u306bProcessing\u3067\u4eee\u30dc\u30bf\u30f3\u3092\u66f8\u304d\u51fa\u3059\u30b9\u30b1\u30c3\u30c1\u3092\u4f5c\u3063\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\uff01<br>https:\/\/ja.wikipedia.org\/wiki\/Processing\uff08Processing\u306b\u3064\u3044\u3066\uff09<br>\u203b\u4f7f\u7528\u3059\u308b\u969b\u306f\u81ea\u5df1\u8cac\u4efb\u3067\u304a\u9858\u3044\u3057\u307e\u3059\uff01\uff01\uff01<\/p>\n\n\n\n<p>\u4ee5\u4e0b\u304c\u5185\u5bb9\u3067\u3059&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u6ce8\u610f\uff1a\u30b9\u30b1\u30c3\u30c1\u3092\u4fdd\u5b58\u3057\u3066\u304b\u3089\u5b9f\u884c\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3053\u3068\u3002\n\/\/\u52d5\u4f5c\u3068\u3057\u3066\u306f\u5b9f\u884c\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u6bb5\u968e\u3067\u753b\u50cf\u304c\"ButtonMoc.png\u3068\u3057\u3066\u66f8\u304d\u51fa\u3055\u308c\u307e\u3059\u3002\n\/\/\u5909\u6570\u306e\u6570\u5024\u3092\u5f04\u3063\u3066\u66f8\u304d\u51fa\u3055\u308c\u308b\u753b\u50cf\u3092\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n\nPGraphics pg;\n\n\/\/\u30d5\u30a1\u30a4\u30eb\u540d\nString filename = \"ButtonMoc.png\";\n\n\/\/\u753b\u50cf\u30b5\u30a4\u30ba\nint sizeW = 512;\nint sizeH = 256;\n\n\/\/\u30dc\u30bf\u30f3\u306e\u30de\u30fc\u30b8\u30f3\nint sizeW_margin = 12;\nint sizeH_margin = 12;\n\n\/\/\u30dc\u30bf\u30f3\u8a2d\u5b9a\nint rectround = 20;\nint ButtonSW = 5;\nint TextSW = 2;\n\n\/\/\u30dc\u30bf\u30f3\u8272\nint RectR = 255;\nint RectG = 255;\nint RectB = 255;\nint RectA = 255;\n\n\/\/\u30c6\u30ad\u30b9\u30c8\u8a2d\u5b9a\nString ButtonText = \"512*256test\";\nint ButtonTextSize = 50;\n\n\/\/\u30c6\u30ad\u30b9\u30c8\u8272\nint TextR = 0;\nint TextG = 0;\nint TextB = 255;\nint TextA = 255;\n\nvoid settings() {\n  size(sizeW,sizeH);\n}\n\nvoid setup(){\n  pg = createGraphics(sizeW,sizeH);\n  pg.beginDraw();\n  pg.clear();\n \n  pg.colorMode(RGB,256);\n  pg.fill(RectR, RectG, RectB, RectA);  \n  pg.strokeWeight(ButtonSW);\n  pg.stroke(0);\n  \/\/pg.noStroke();\n \n  pg.rectMode(CENTER);\n  pg.rect(pg.width\/2, pg.height\/2, width-sizeW_margin, height-sizeH_margin, rectround);\n\n  pg.fill(TextR, TextG, TextB, TextA);\n  pg.strokeWeight(TextSW);\n  pg.textAlign(CENTER, CENTER);\n  pg.textSize(ButtonTextSize);\n  pg.text(ButtonText, width\/2, height\/2);\n\n  pg.endDraw();\n\n  pg.save(filename);\n  exit();\n}<\/code><\/pre>\n\n\n\n<p><br>\u4ee5\u4e0a\u3067\u3059&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n\n\n\n<p>\u3053\u3093\u306a\u611f\u3058\u306b\u306a\u308a\u307e\u3057\u305f\uff01\u900f\u660e\u5ea6\u3082\u3042\u308b\u306e\u3067\u500b\u4eba\u7684\u306b\u306f\u3053\u308c\u3067OK\u3067\u3059\uff01<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"588\" height=\"363\" src=\"https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-4.png\" alt=\"\" class=\"wp-image-13361\" srcset=\"https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-4.png 588w, https:\/\/dipross.co.jp\/eng\/wp-content\/uploads\/2023\/02\/image-4-300x185.png 300w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/figure>\n<div class=\"veu_socialSet veu_socialSet-position-after veu_contentAddSection\"><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src=\"https:\/\/platform.twitter.com\/widgets.js\";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,\"script\",\"twitter-wjs\"));<\/script><ul><li class=\"sb_facebook sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/www.facebook.com\/sharer.php?src=bm&u=https%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Fprocessing%25e3%2581%25a7ui%25e3%2581%25ae%25e4%25bb%25ae%25e3%2583%259c%25e3%2582%25bf%25e3%2583%25b3%25e3%2582%2592%25e4%25bd%259c%25e3%2581%25a3%25e3%2581%25a6%25e3%2581%25bf%25e3%2581%259f%25e3%2581%2584.html&amp;t=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8\" target=\"_blank\" onclick=\"window.open(this.href,'FBwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_fb icon_sns\"><\/span><span class=\"sns_txt\">Facebook<\/span><span class=\"veu_count_sns_fb\"><\/span><\/a><\/li><li class=\"sb_x_twitter sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Fprocessing%25e3%2581%25a7ui%25e3%2581%25ae%25e4%25bb%25ae%25e3%2583%259c%25e3%2582%25bf%25e3%2583%25b3%25e3%2582%2592%25e4%25bd%259c%25e3%2581%25a3%25e3%2581%25a6%25e3%2581%25bf%25e3%2581%259f%25e3%2581%2584.html&amp;text=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8\" target=\"_blank\" ><span class=\"vk_icon_w_r_sns_x_twitter icon_sns\"><\/span><span class=\"sns_txt\">X<\/span><\/a><\/li><li class=\"sb_bluesky sb_icon\"><a class=\"sb_icon_inner\" href=\"https:\/\/bsky.app\/intent\/compose?text=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8%0Ahttps%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Fprocessing%25e3%2581%25a7ui%25e3%2581%25ae%25e4%25bb%25ae%25e3%2583%259c%25e3%2582%25bf%25e3%2583%25b3%25e3%2582%2592%25e4%25bd%259c%25e3%2581%25a3%25e3%2581%25a6%25e3%2581%25bf%25e3%2581%259f%25e3%2581%2584.html\" target=\"_blank\" ><span class=\"vk_icon_w_r_sns_bluesky icon_sns\"><\/span><span class=\"sns_txt\">Bluesky<\/span><\/a><\/li><li class=\"sb_hatena sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/b.hatena.ne.jp\/add?mode=confirm&url=https%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Fprocessing%25e3%2581%25a7ui%25e3%2581%25ae%25e4%25bb%25ae%25e3%2583%259c%25e3%2582%25bf%25e3%2583%25b3%25e3%2582%2592%25e4%25bd%259c%25e3%2581%25a3%25e3%2581%25a6%25e3%2581%25bf%25e3%2581%259f%25e3%2581%2584.html&amp;title=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8\" target=\"_blank\"  onclick=\"window.open(this.href,'Hatenawindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_hatena icon_sns\"><\/span><span class=\"sns_txt\">Hatena<\/span><span class=\"veu_count_sns_hb\"><\/span><\/a><\/li><li class=\"sb_pocket sb_icon\"><a class=\"sb_icon_inner\"  href=\"\/\/getpocket.com\/edit?url=https%3A%2F%2Fdipross.co.jp%2Feng%2F2023%2F02%2Fprocessing%25e3%2581%25a7ui%25e3%2581%25ae%25e4%25bb%25ae%25e3%2583%259c%25e3%2582%25bf%25e3%2583%25b3%25e3%2582%2592%25e4%25bd%259c%25e3%2581%25a3%25e3%2581%25a6%25e3%2581%25bf%25e3%2581%259f%25e3%2581%2584.html&title=dipross%20%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%B0%E4%BA%8B%E6%A5%AD%E9%83%A8\" target=\"_blank\"  onclick=\"window.open(this.href,'Pokcetwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_pocket icon_sns\"><\/span><span class=\"sns_txt\">Pocket<\/span><span class=\"veu_count_sns_pocket\"><\/span><\/a><\/li><li class=\"sb_copy sb_icon\"><button class=\"copy-button sb_icon_inner\"data-clipboard-text=\"dipross \u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u4e8b\u696d\u90e8 https:\/\/dipross.co.jp\/eng\/2023\/02\/processing%e3%81%a7ui%e3%81%ae%e4%bb%ae%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e3%81%84.html\"><span class=\"vk_icon_w_r_sns_copy icon_sns\"><i class=\"fas fa-copy\"><\/i><\/span><span class=\"sns_txt\">Copy<\/span><\/button><\/li><\/ul><\/div><!-- [ \/.socialSet ] -->","protected":false},"excerpt":{"rendered":"<p>\u3053\u3093\u306b\u3061\u306f\uff01\u7686\u3055\u3093\u306fUI\u306b\u4f7f\u3046\u4eee\u30dc\u30bf\u30f3\u306f\u3069\u3046\u3084\u3063\u3066\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u304b\uff1f\u500b\u4eba\u7684\u306b\u524d\u304b\u3089Processing\u3092\u89e6\u3063\u3066\u307f\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u305f\u306e\u3067\u3001\u4eca\u56de\u306f\u7d20\u4eba\u306a\u308a\u306bProcessing\u3067\u4eee\u30dc\u30bf\u30f3\u3092\u66f8\u304d\u51fa\u3059\u30b9\u30b1\u30c3\u30c1\u3092\u4f5c\u3063\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u307e [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":13363,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"vkexunit_cta_each_option":"","footnotes":""},"categories":[1],"tags":[21],"class_list":["post-13355","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-techinfo","tag-21"],"_links":{"self":[{"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/posts\/13355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/comments?post=13355"}],"version-history":[{"count":10,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/posts\/13355\/revisions"}],"predecessor-version":[{"id":13370,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/posts\/13355\/revisions\/13370"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/media\/13363"}],"wp:attachment":[{"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/media?parent=13355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/categories?post=13355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dipross.co.jp\/eng\/wp-json\/wp\/v2\/tags?post=13355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}