{"id":6799,"date":"2020-03-13T03:53:31","date_gmt":"2020-03-12T18:53:31","guid":{"rendered":"https:\/\/blog.gem-one.com\/gonzo\/?p=6799"},"modified":"2020-03-13T04:24:28","modified_gmt":"2020-03-12T19:24:28","slug":"graphics_board","status":"publish","type":"post","link":"https:\/\/blog.gem-one.com\/gonzo\/2020\/03\/graphics_board\/","title":{"rendered":"\u30b0\u30e9\u30dc\u304c\u307b\u3059\u3043\u3002"},"content":{"rendered":"<p>\u30b0\u30e9\u30dc\u304c\u307b\u3059\u3043\u3002<\/p>\n<p>\u3081\u3061\u3083\u304f\u3061\u3083\u65e9\u3044\u306e\u304c\u6b32\u3057\u3044\u308f\u3051\u3058\u3083\u306a\u3044\u3093\u3067\u3059\u304c\u3001<br \/>\nGPU\u3092\u98df\u3044\u307e\u304f\u308b\u30a2\u30d7\u30ea\u3092\u52d5\u304b\u3059\u305f\u3081\u306b\u3001<br \/>\n\u6700\u4f4e\u9650\u306e\u3082\u306e\u304c\u30fc\u3002<\/p>\n<img decoding=\"async\" src=\"https:\/\/ir-jp.amazon-adsystem.com\/e\/ir?t=techieslabc07-22&l=alb&o=9&a=B07MJ8H8HT\" width=\"1px\" height=\"1px\" alt=\"\" style=\"position: fixed !important; bottom: -1px !important; right: -1px !important; border:none !important; margin:0px !important;\" \/><!-- Ad Template with Carousel Layout-->\n <!--Section tag for iterating through the list of items-->\n<div class=\"aalb-product-carousel-unit\" id=\"aalb-B07MJ8H8HT-JP-techieslabc07-22-ProductCarousel\">\n  <h2 class=\"aalb-pc-ad-header\">Products from Amazon.co.jp<\/h2> <!-- Title of the ad localized according to the marketplace picked from the AalbHeader tag-->\n    <div class=\"aalb-pc-wrapper\">\n      <div class=\"aalb-pc-product-container\">\n        <ul class=\"aalb-pc-product-list\">\n                  <\/ul>\n      <\/div>\n    <\/div>\n    <a href=\"javascript:void(0);\" class=\"aalb-pc-btn-prev\">\u2039<\/a>\n    <a href=\"javascript:void(0);\" class=\"aalb-pc-btn-next\">\u203a<\/a>\n  <\/div>\n\n<script>\n  jQuery(document).ready(function() {\n\n    var CONSTANTS = {\n        productMinWidth : 185,\n        productMargin   : 20\n    };\n\n    var $adUnits = jQuery('.aalb-product-carousel-unit');\n    $adUnits.each(function() {\n        var $adUnit           = jQuery(this),\n            $wrapper          = $adUnit.find('.aalb-pc-wrapper'),\n            $productContainer = $adUnit.find('.aalb-pc-product-container'),\n            $btnNext          = $adUnit.find('.aalb-pc-btn-next'),\n            $btnPrev          = $adUnit.find('.aalb-pc-btn-prev'),\n            $productList      = $productContainer.find('.aalb-pc-product-list'),\n            $products         = $productList.find('.aalb-pc-product'),\n            productCount      = $products.length;\n\n        if (!productCount) {\n            return true;\n        }\n\n        var rows            = $adUnit.find('input[name=rows]').length && parseInt($adUnit.find('input[name=rows]').val(), 10);\n        var columns         = $adUnit.find('input[name=columns]').length && parseInt($adUnit.find('input[name=columns]').val(), 10);\n\n        if( columns ) {\n            var productContainerMinWidth = columns * (CONSTANTS.productMinWidth + CONSTANTS.productMargin) + 'px';\n            $adUnit.css( 'min-width', productContainerMinWidth );\n            $productContainer.css( 'min-width', productContainerMinWidth );\n            $products.filter( ':nth-child(' + columns + 'n + 1)' ).css( 'clear', 'both' );\n        }\n\n        if (rows && columns) {\n            var cutOffIndex = (rows * columns) - 1;\n            $products.filter(':gt(' + cutOffIndex + ')').remove();\n        }\n\n        function updateLayout() {\n            var wrapperWidth = $wrapper.width();\n            var possibleColumns = columns || parseInt( wrapperWidth \/ (CONSTANTS.productMinWidth + CONSTANTS.productMargin), 10 );\n            var actualColumns = columns || possibleColumns < productCount ? possibleColumns : productCount;\n\n            \/**\n             * The actual columns can be zero when the wraperwidth is less than sum of CONSTANTS.productMinWidth and\n             * CONSTANTS.productMargin.The parseInt will use floor function and converts any value less than 1 to\n             * zero.Therefore making actual columns 1 .\n             **\/\n            if( actualColumns == 0 ) {\n                actualColumns = 1;\n            }\n\n            var productWidth = parseInt( wrapperWidth \/ actualColumns, 10 ) - CONSTANTS.productMargin;\n\n            $products.css( 'width', productWidth + 'px' );\n\n            \/**\n             * Removing the Carousel navigation button when the number of products selected by admin is less\n             * than the actual columns (the number of products) can be shown on screen\n             **\/\n            if( productCount > actualColumns ) {\n                $btnNext.css( 'visibility', 'visible' ).removeClass( 'disabled' ).unbind( 'click' );\n                $btnPrev.css( 'visibility', 'visible' ).removeClass( 'disabled' ).unbind( 'click' );\n            }\n            $productContainer.jCarouselLite( {\n                btnNext : '#' + $adUnit.attr( 'id' ) + ' .aalb-pc-btn-next',\n                btnPrev : '#' + $adUnit.attr( 'id' ) + ' .aalb-pc-btn-prev',\n                visible : actualColumns,\n                circular: false\n            } );\n\n\n        }\n\n        updateLayout();\n        jQuery(window).resize(updateLayout);\n    });\n});\n\n\/*!\n * jCarouselLite - v1.1 - 2014-09-28\n * http:\/\/www.gmarwaha.com\/jquery\/jcarousellite\/\n * Copyright (c) 2014 Ganeshji Marwaha\n * Licensed MIT (https:\/\/github.com\/ganeshmax\/jcarousellite\/blob\/master\/LICENSE)\n*\/\n\n!function(a){a.jCarouselLite={version:\"1.1\"},a.fn.jCarouselLite=function(b){return b=a.extend({},a.fn.jCarouselLite.options,b||{}),this.each(function(){function c(a){return n||(clearTimeout(A),z=a,b.beforeStart&&b.beforeStart.call(this,i()),b.circular?j(a):k(a),m({start:function(){n=!0},done:function(){b.afterEnd&&b.afterEnd.call(this,i()),b.auto&&h(),n=!1}}),b.circular||l()),!1}function d(){if(n=!1,o=b.vertical?\"top\":\"left\",p=b.vertical?\"height\":\"width\",q=B.find(\">ul\"),r=q.find(\">li\"),x=r.size(),w=lt(x,b.visible)?x:b.visible,b.circular){var c=r.slice(x-w).clone(),d=r.slice(0,w).clone();q.prepend(c).append(d),b.start+=w}s=a(\"li\",q),y=s.size(),z=b.start}function e(){B.css(\"visibility\",\"visible\"),s.css({overflow:\"hidden\",\"float\":b.vertical?\"none\":\"left\"}),q.css({margin:\"0\",padding:\"0\",position:\"relative\",\"list-style\":\"none\",\"z-index\":\"1\"}),B.css({overflow:\"hidden\",position:\"relative\",\"z-index\":\"2\",left:\"0px\"}),!b.circular&&b.btnPrev&&0==b.start&&a(b.btnPrev).addClass(\"disabled\")}function f(){t=b.vertical?s.outerHeight(!0):s.outerWidth(!0),u=t*y,v=t*w,s.css({width:s.width(),height:s.height()}),q.css(p,u+\"px\").css(o,-(z*t)),B.css(p,v+\"px\")}function g(){b.btnPrev&&a(b.btnPrev).click(function(){return c(z-b.scroll)}),b.btnNext&&a(b.btnNext).click(function(){return c(z+b.scroll)}),b.btnGo&&a.each(b.btnGo,function(d,e){a(e).click(function(){return c(b.circular?w+d:d)})}),b.mouseWheel&&B.mousewheel&&B.mousewheel(function(a,d){return c(d>0?z-b.scroll:z+b.scroll)}),b.auto&&h()}function h(){A=setTimeout(function(){c(z+b.scroll)},b.auto)} function lt(a,b){return a<b;} function gt(a, b) { return a>b;} function i(){return s.slice(z).slice(0,w)}function j(a){var c;a<=b.start-w-1?(c=a+x+b.scroll,q.css(o,-(c*t)+\"px\"),z=c-b.scroll):a>=y-w+1&&(c=a-x-b.scroll,q.css(o,-(c*t)+\"px\"),z=c+b.scroll)}function k(a){0>a?z=0:a>y-w&&(z=y-w)}function l(){a(b.btnPrev+\",\"+b.btnNext).removeClass(\"disabled\"),a(z-lt(b.scroll,0)&&b.btnPrev||z+gt(b.scroll, y)-w&&b.btnNext||[]).addClass(\"disabled\")}function m(c){n=!0,q.animate(\"left\"==o?{left:-(z*t)}:{top:-(z*t)},a.extend({duration:b.speed,easing:b.easing},c))}var n,o,p,q,r,s,t,u,v,w,x,y,z,A,B=a(this);d(),e(),f(),g()})},a.fn.jCarouselLite.options={btnPrev:null,btnNext:null,btnGo:null,mouseWheel:!1,auto:null,speed:200,easing:null,vertical:!1,circular:!0,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null}}(jQuery);\n\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u30b0\u30e9\u30dc\u304c\u307b\u3059\u3043\u3002 \u3081\u3061\u3083\u304f\u3061\u3083\u65e9\u3044\u306e\u304c\u6b32\u3057\u3044\u308f\u3051\u3058\u3083\u306a\u3044\u3093\u3067\u3059\u304c\u3001 GPU\u3092\u98df\u3044\u307e\u304f\u308b\u30a2\u30d7\u30ea\u3092\u52d5\u304b\u3059\u305f\u3081\u306b\u3001 \u6700\u4f4e\u9650\u306e\u3082\u306e\u304c\u30fc\u3002<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-6799","post","type-post","status-publish","format-standard","hentry","category-it"],"_links":{"self":[{"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/posts\/6799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/comments?post=6799"}],"version-history":[{"count":3,"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/posts\/6799\/revisions"}],"predecessor-version":[{"id":6802,"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/posts\/6799\/revisions\/6802"}],"wp:attachment":[{"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/media?parent=6799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/categories?post=6799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.gem-one.com\/gonzo\/wp-json\/wp\/v2\/tags?post=6799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}