CINXE.COM

<!DOCTYPE html><html><head prefix="og: http://ogp.me/ns#"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><style data-styled="" data-styled-version="5.3.3">.lkjvRt{vertical-align:text-bottom;}/*!sc*/ data-styled.g1[id="sc-bdvvtL"]{content:"lkjvRt,"}/*!sc*/ .hQcbNs{text-align:center;font-weight:bold;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;display:inline-block;width:auto;line-height:1.35;border:1px solid transparent;border-radius:100px;padding:0.75rem 2rem;background:#E5E9EB;color:#3D4245;padding:8px 16px;font-size:14px;}/*!sc*/ .hQcbNs:hover{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .hQcbNs:focus{outline:none;box-shadow:inset 0 0 0 0.2rem rgba(45,149,222,0.4);}/*!sc*/ .hQcbNs:visited{color:#3D4245;}/*!sc*/ .hQcbNs:hover{background:#DADFE2;}/*!sc*/ data-styled.g2[id="sc-gsDKAQ"]{content:"hQcbNs,"}/*!sc*/ .hVvGed{text-align:center;font-weight:bold;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;display:inline-block;width:auto;line-height:1.35;border:1px solid transparent;border-radius:.3rem;padding:0.75rem 1.25rem;background:#E5E9EB;color:#3D4245;padding:6px 10px;font-size:12px;}/*!sc*/ .hVvGed:hover{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .hVvGed:focus{outline:none;box-shadow:inset 0 0 0 0.2rem rgba(45,149,222,0.4);}/*!sc*/ .hVvGed:visited{color:#3D4245;}/*!sc*/ .hVvGed:hover{background:#DADFE2;}/*!sc*/ data-styled.g4[id="sc-hKwDye"]{content:"hVvGed,"}/*!sc*/ .igQbsT{margin-bottom:1.25rem;}/*!sc*/ data-styled.g6[id="sc-jRQBWg"]{content:"igQbsT,"}/*!sc*/ .jApmux{margin:auto;width:90vw;}/*!sc*/ @media (min-width:768px){.jApmux{width:720px;}}/*!sc*/ @media (min-width:1000px){.jApmux{width:960px;}}/*!sc*/ data-styled.g7[id="sc-gKclnd"]{content:"jApmux,"}/*!sc*/ .kmLDKr{margin:0.75rem 0 0;}/*!sc*/ @media (min-width:768px){.kmLDKr{margin:0.75rem 0 0;}}/*!sc*/ .kmLDKr a{color:#6B7377;font-size:0.75rem;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .kmLDKr a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ .kmLDKr a svg{margin-right:0.25rem;}/*!sc*/ data-styled.g8[id="sc-iCfMLu"]{content:"kmLDKr,"}/*!sc*/ .fwuOgc{margin:1.25rem 0;text-align:center;}/*!sc*/ @media (min-width:768px){.fwuOgc{margin:0.75rem 0;}}/*!sc*/ .fwuOgc svg{vertical-align:baseline;}/*!sc*/ .fwuOgc span{display:inline-block;margin-left:0.25rem;font-weight:bold;font-size:1.25rem;color:#242527;}/*!sc*/ data-styled.g9[id="sc-furwcr"]{content:"fwuOgc,"}/*!sc*/ .LiGyC{padding-left:5vw;padding-right:5vw;overflow-x:auto;overflow-y:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:1.25rem;border-bottom:1px solid #DADFE2;}/*!sc*/ @media (min-width:768px){.LiGyC{padding-left:0;padding-right:0;width:720px;margin-left:auto;margin-right:auto;overflow:visible;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}}/*!sc*/ @media (min-width:1000px){.LiGyC{width:960px;}}/*!sc*/ .LiGyC > *:not(:first-child){margin-left:0.5rem;}/*!sc*/ data-styled.g10[id="sc-pVTFL"]{content:"LiGyC,"}/*!sc*/ .YnERV{display:inline-block;padding:0.75rem;font-size:0.875rem;font-weight:bold;color:#038662;border-bottom:3px solid #009D73;text-align:center;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;}/*!sc*/ .YnERV:hover{color:#242527;color:#038662;}/*!sc*/ .dlNnRT{display:inline-block;padding:0.75rem;font-size:0.875rem;font-weight:normal;color:#6B7377;border-bottom:3px solid none;text-align:center;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;}/*!sc*/ .dlNnRT:hover{color:#242527;color:#242527;}/*!sc*/ data-styled.g11[id="sc-jrQzAO"]{content:"YnERV,dlNnRT,"}/*!sc*/ .cfFZTJ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:0.5rem;}/*!sc*/ data-styled.g12[id="sc-kDTinF"]{content:"cfFZTJ,"}/*!sc*/ .jMkJCa{margin-right:0.375rem;}/*!sc*/ data-styled.g13[id="sc-iqseJM"]{content:"jMkJCa,"}/*!sc*/ .dkQbpU{display:inline-block;margin-left:-6px;}/*!sc*/ .dkQbpU:first-child{margin-left:0;}/*!sc*/ .dkQbpU img{width:24px;height:24px;border-radius:50%;border:2px solid #FFF;vertical-align:middle;}/*!sc*/ data-styled.g14[id="sc-crHmcD"]{content:"dkQbpU,"}/*!sc*/ .eLzidY{margin:0;padding:0;list-style:none;line-height:1.4;}/*!sc*/ data-styled.g15[id="sc-egiyK"]{content:"eLzidY,"}/*!sc*/ .hatryS{display:inline-block;margin-right:0.75rem;}/*!sc*/ .hatryS:last-child{margin-right:0;}/*!sc*/ data-styled.g16[id="sc-bqiRlB"]{content:"hatryS,"}/*!sc*/ .fOytDi{color:#6B7377;font-size:0.75rem;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .fOytDi:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g17[id="sc-ksdxgE"]{content:"fOytDi,"}/*!sc*/ .khBKZC{margin-top:2rem;color:#6B7377;font-size:0.75rem;}/*!sc*/ .khBKZC > *{margin-top:0.75rem;}/*!sc*/ data-styled.g18[id="sc-hBUSln"]{content:"khBKZC,"}/*!sc*/ .erCtv{color:#6B7377;font-size:0.75rem;}/*!sc*/ .erCtv ul{margin:0;padding:0;list-style:none;}/*!sc*/ .erCtv ul li{display:inline-block;}/*!sc*/ .erCtv ul li > span{margin:0 0.375rem;}/*!sc*/ .erCtv ul a{color:#6B7377;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .erCtv ul a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g19[id="sc-fotOHu"]{content:"erCtv,"}/*!sc*/ .bcqfTw{color:#6B7377;font-size:0.75rem;}/*!sc*/ data-styled.g20[id="sc-fFeiMQ"]{content:"bcqfTw,"}/*!sc*/ .jBxyPD{max-height:9rem;overflow:hidden;position:relative;z-index:1;}/*!sc*/ @media (min-width:768px){.jBxyPD{max-height:11rem;}}/*!sc*/ .jBxyPD:after{display:block;content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient( 0deg, #FFF, hsla(0,0%,100%,0) 3rem );}/*!sc*/ data-styled.g25[id="sc-dlVxhl"]{content:"jBxyPD,"}/*!sc*/ .kNJuwK:not(:first-child){margin-top:1.25rem;}/*!sc*/ .kNJuwK:nth-child(n + 3){display:none;}/*!sc*/ data-styled.g26[id="sc-kfPuZi"]{content:"kNJuwK,"}/*!sc*/ .bDsMXk{border-bottom:3px solid #DADFE2;}/*!sc*/ data-styled.g27[id="sc-fKVqWL"]{content:"bDsMXk,"}/*!sc*/ .fbwRLI{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}/*!sc*/ .fbwRLI h1{line-height:1.4;font-size:1.125rem;margin:0 0.375rem 0 0;word-break:break-all;color:#242527;}/*!sc*/ @media (min-width:768px){.fbwRLI h1{font-size:1.5rem;}}/*!sc*/ data-styled.g28[id="sc-bBHxTw"]{content:"fbwRLI,"}/*!sc*/ .bNhHde{font-size:0.7rem;display:inline-block;font-weight:bold;margin-right:0.375rem;}/*!sc*/ @media (min-width:768px){.bNhHde{font-size:0.75rem;}}/*!sc*/ data-styled.g29[id="sc-iwjdpV"]{content:"bNhHde,"}/*!sc*/ .ijbgJS{padding-bottom:0.25rem;font-size:0.7rem;color:#6B7377;font-weight:normal;}/*!sc*/ @media (min-width:768px){.ijbgJS{font-size:0.75rem;}}/*!sc*/ data-styled.g30[id="sc-cxpSdN"]{content:"ijbgJS,"}/*!sc*/ .csduoT p{line-height:1.75;margin:0.375rem 0 0.75rem;}/*!sc*/ @media (min-width:768px){.csduoT p{margin:0.5rem 0;}}/*!sc*/ .csduoT a{color:#3D4245;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .csduoT a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ .csduoT img{max-width:100%;}/*!sc*/ .csduoT h3,.csduoT h4,.csduoT h5{margin:1.25rem 0 0.5rem;}/*!sc*/ .csduoT h3{font-size:1.125rem;}/*!sc*/ .csduoT h4{font-size:1rem;}/*!sc*/ .csduoT h5{font-size:0.875rem;}/*!sc*/ .csduoT ul,.csduoT ol{padding-left:1.25rem;}/*!sc*/ .csduoT li{line-height:1.6;}/*!sc*/ .csduoT li:not(:first-child){margin-top:0.25rem;}/*!sc*/ .csduoT dt{margin:0.5rem 0;}/*!sc*/ .csduoT dd{margin:0.5rem 0 0.5rem 0.75rem;border-left:5px solid #DADFE2;padding:0 0 0 0.75rem;}/*!sc*/ .csduoT blockquote{background:#F7F8F9;border-radius:.3rem;padding:0.75rem 1.25rem;margin:1.25rem 0;}/*!sc*/ @media (min-width:768px){.csduoT blockquote{margin:1.25rem;}}/*!sc*/ .csduoT blockquote p:first-child{margin-top:0;}/*!sc*/ .csduoT blockquote p:last-child{margin-bottom:0;}/*!sc*/ .csduoT blockquote cite{border-top:3px double #DADFE2;padding:0.75rem 0 0;display:block;font-size:0.875rem;}/*!sc*/ .csduoT blockquote cite:before{content:"SOURCE:";color:#6B7377;font-size:0.75rem;margin:0 0.75rem 0 0;}/*!sc*/ .csduoT table{margin:1.25rem 0;border-collapse:collapse;border-spacing:0;border:none;font-size:0.75rem;display:block;overflow:auto;overflow-y:hidden;overflow-x:auto;}/*!sc*/ @media (min-width:768px){.csduoT table{font-size:0.875rem;}}/*!sc*/ .csduoT table th,.csduoT table td{padding:0.5rem;text-align:left;vertical-align:top;border:1px solid #DADFE2;}/*!sc*/ .csduoT table th{font-weight:bold;background:#F7F8F9;}/*!sc*/ .csduoT pre{white-space:pre-wrap;word-wrap:break-word;background:#F7F8F9;padding:1.25rem;margin:1.25rem 0px;font-size:0.75rem;line-height:1.75;overflow:auto;}/*!sc*/ @media (min-width:768px){.csduoT pre{font-size:0.875rem;}}/*!sc*/ .csduoT .hatena-asin-detail{margin:1.25rem 0;background-color:#F7F8F9;padding:0.8em;border-radius:.3rem;}/*!sc*/ .csduoT .hatena-asin-detail:after{content:"";display:block;clear:both;}/*!sc*/ .csduoT .hatena-asin-detail .hatena-asin-detail-image{float:left;margin-right:15px;border:1px solid #DADFE2;max-width:120px;}/*!sc*/ @media (min-width:768px){.csduoT .hatena-asin-detail .hatena-asin-detail-image{max-width:100%;}}/*!sc*/ .csduoT .hatena-asin-detail .hatena-asin-detail-title{font-weight:bold;margin:0;line-height:1.4;}/*!sc*/ .csduoT .hatena-asin-detail .hatena-asin-detail-info ul{list-style:none;margin:0.5rem 0 0;padding:0;font-size:0.75rem;}/*!sc*/ @media #{.csduoT .hatena-asin-detail .hatena-asin-detail-info ul{$mq-md;}}/*!sc*/ .csduoT .hatena-asin-detail .hatena-asin-detail-info ul{font-size:0.875rem;}/*!sc*/ .csduoT .hatena-asin-detail .hatena-asin-detail-info ul li{line-height:1.4;}/*!sc*/ .csduoT .hatena-asin-detail .hatena-asin-detail-info ul li:not(:first-child){margin-top:0;}/*!sc*/ .csduoT div.footnote{margin:1.25rem 0;border-top:3px double #DADFE2;padding:0.75rem 0 0;}/*!sc*/ .csduoT div.footnote p.footnote{margin:0;}/*!sc*/ data-styled.g31[id="sc-llYSUQ"]{content:"csduoT,"}/*!sc*/ .bzbQKv{display:none;padding-top:0.75rem;border-top:2px solid #DADFE2;}/*!sc*/ .bzbQKv details{font-size:0.875rem;color:#6B7377;}/*!sc*/ .bzbQKv summary{margin-bottom:0.375rem;cursor:pointer;}/*!sc*/ .bzbQKv summary::-webkit-details-marker{display:none;}/*!sc*/ .bzbQKv summary:focus{outline:none;}/*!sc*/ .bzbQKv summary span{display:inline-block;margin-left:0.25rem;}/*!sc*/ data-styled.g32[id="sc-iJKOTD"]{content:"bzbQKv,"}/*!sc*/ .djIgWd{display:block;position:relative;margin-top:-2rem;text-align:center;z-index:2;}/*!sc*/ data-styled.g33[id="sc-giYglK"]{content:"djIgWd,"}/*!sc*/ .A-dmbO{min-width:16em;}/*!sc*/ data-styled.g34[id="sc-ezbkAF"]{content:"A-dmbO,"}/*!sc*/ .cNZxev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2rem 0 1.25rem;padding-bottom:0.375rem;border-bottom:3px solid #DADFE2;}/*!sc*/ data-styled.g42[id="sc-cidDSM"]{content:"cNZxev,"}/*!sc*/ .iPveZk{margin:0;font-size:1.125rem;color:#242527;}/*!sc*/ .iPveZk a{margin-left:0.375rem;color:#6B7377;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .iPveZk a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ .iPveZk a svg{vertical-align:middle;}/*!sc*/ data-styled.g43[id="sc-jcFjpl"]{content:"iPveZk,"}/*!sc*/ .hRgjVf{font-size:0.875rem;-webkit-text-decoration:none;text-decoration:none;color:#3D4245;}/*!sc*/ .hRgjVf:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ .hRgjVf span{display:inline-block;margin-left:0.5rem;}/*!sc*/ data-styled.g44[id="sc-caiLqq"]{content:"hRgjVf,"}/*!sc*/ .dIowcK{overflow:scroll;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-left:calc(-5vw);margin-right:calc(-5vw);padding-left:calc(5vw);padding-right:calc(5vw);}/*!sc*/ .dIowcK::after{content:" ";padding-right:calc(5vw);}/*!sc*/ @media (min-width:768px){.dIowcK{overflow:visible;margin:0;padding:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.dIowcK::after{content:none;padding-right:0;}}/*!sc*/ data-styled.g45[id="sc-iUKqMP"]{content:"dIowcK,"}/*!sc*/ .iFOrlO{width:65%;min-width:65%;margin:0 0 0.75rem 0.75rem;border:1px solid #DADFE2;border-radius:.3rem;}/*!sc*/ .iFOrlO:first-child{margin-left:0;}/*!sc*/ @media (min-width:768px){.iFOrlO{width:32%;min-width:32%;margin:0 0 0.75rem 0;}.iFOrlO:first-child{margin-left:0;}}/*!sc*/ data-styled.g46[id="sc-iAKWXU"]{content:"iFOrlO,"}/*!sc*/ .eKDsnJ{display:block;padding:0.5rem 0.5rem 0.375rem;-webkit-text-decoration:none;text-decoration:none;color:#038662;font-size:0.6rem;line-height:1.2;}/*!sc*/ .eKDsnJ strong{margin-right:0.25rem;font-size:1rem;font-weight:normal;}/*!sc*/ data-styled.g48[id="sc-cTAqQK"]{content:"eKDsnJ,"}/*!sc*/ .cGnNsn{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:60px;margin:0 0.5rem 0.75rem;color:#242527;font-weight:bold;font-size:0.875rem;-webkit-text-decoration:none;text-decoration:none;line-height:1.4;}/*!sc*/ .cGnNsn:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g49[id="sc-jObWnj"]{content:"cGnNsn,"}/*!sc*/ .dcDqJM{position:relative;display:block;width:100%;height:100px;margin:0 auto;}/*!sc*/ .dcDqJM img{position:absolute;top:0px;left:0px;object-fit:cover;display:block;width:100%;height:100%;}/*!sc*/ data-styled.g50[id="sc-dPiLbb"]{content:"dcDqJM,"}/*!sc*/ .iVPXcx{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;height:100px;padding:0 0.5rem;color:#6B7377;font-size:0.75rem;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ data-styled.g51[id="sc-bBHHxi"]{content:"iVPXcx,"}/*!sc*/ .exscr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:0.5rem;-webkit-text-decoration:none;text-decoration:none;color:#6B7377;font-size:0.75rem;}/*!sc*/ .exscr:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g52[id="sc-cNKqjZ"]{content:"exscr,"}/*!sc*/ .ckjIGV img{width:16px;height:16px;margin-right:0.375rem;vertical-align:middle;}/*!sc*/ data-styled.g53[id="sc-AjmGg"]{content:"ckjIGV,"}/*!sc*/ .lltUDN{display:inline-block;margin-right:0.75rem;font-size:0.875rem;}/*!sc*/ .lltUDN:last-child{margin-right:0;}/*!sc*/ .lltUDN a{color:#3D4245;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .lltUDN a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g54[id="sc-khQegj"]{content:"lltUDN,"}/*!sc*/ .eTGxBZ{position:relative;border-radius:.3rem;border:1px solid #DADFE2;margin-top:1.25rem;}/*!sc*/ @media (min-width:768px){.eTGxBZ{margin-top:2rem;padding-left:40px;}}/*!sc*/ data-styled.g55[id="sc-hUpaCq"]{content:"eTGxBZ,"}/*!sc*/ @media (min-width:768px){.chuemY{position:absolute;top:16px;left:16px;}}/*!sc*/ .chuemY img{width:24px;height:24px;border-radius:50%;vertical-align:middle;}/*!sc*/ @media (min-width:768px){.chuemY img{width:32px;height:32px;}}/*!sc*/ data-styled.g56[id="sc-jgrJph"]{content:"chuemY,"}/*!sc*/ .gtijWP{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 1.25rem 0.5rem;font-size:0.75rem;line-height:1.4;color:#6B7377;}/*!sc*/ data-styled.g57[id="sc-gSQFLo"]{content:"gtijWP,"}/*!sc*/ .jiSLiQ{margin-left:0.5rem;}/*!sc*/ @media (min-width:768px){.jiSLiQ{margin-left:0;}}/*!sc*/ data-styled.g58[id="sc-lbhJGD"]{content:"jiSLiQ,"}/*!sc*/ .dCOBQS{vertical-align:middle;padding-right:0.25rem;color:#242527;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .dCOBQS:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g59[id="sc-iNGGcK"]{content:"dCOBQS,"}/*!sc*/ .cHHEBX{padding-left:0.25rem;vertical-align:middle;color:#6B7377;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .cHHEBX:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g60[id="sc-jeraig"]{content:"cHHEBX,"}/*!sc*/ .iGwSLi{-webkit-text-decoration:none;text-decoration:none;color:#3D4245;}/*!sc*/ .iGwSLi:hover h3{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g61[id="sc-eJwWfJ"]{content:"iGwSLi,"}/*!sc*/ .eKvbKi{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding:0 1.25rem;color:#242527;line-height:1.4;margin:0 0 1.25rem;font-size:1rem;}/*!sc*/ @media (min-width:768px){.eKvbKi{-webkit-line-clamp:3;font-size:1.125rem;}}/*!sc*/ data-styled.g62[id="sc-nVkyK"]{content:"eKvbKi,"}/*!sc*/ .cSVtPS{-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent);padding-bottom:0.75rem;}/*!sc*/ .cSVtPS p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin:0 1.25rem;font-size:0.875rem;line-height:1.75;}/*!sc*/ data-styled.g63[id="sc-hiwPVj"]{content:"cSVtPS,"}/*!sc*/ .fvupeU{position:relative;width:100%;margin:0 auto 1.25rem;}/*!sc*/ @media (min-width:768px){.fvupeU{width:auto;margin:0 1.25rem 1.25rem;}}/*!sc*/ .fvupeU img{display:block;max-width:100%;max-height:400px;margin:auto;}/*!sc*/ @media (min-width:768px){.fvupeU img{max-height:480px;}}/*!sc*/ data-styled.g64[id="sc-ehCJOs"]{content:"fvupeU,"}/*!sc*/ .bdhVtG{margin:0 1.25rem 1.25rem;}/*!sc*/ data-styled.g65[id="sc-lcepkR"]{content:"bdhVtG,"}/*!sc*/ .koQkfJ a{display:block;}/*!sc*/ .koQkfJ a img{width:200px;height:55px;display:block;}/*!sc*/ @media (min-width:768px){.koQkfJ a img{width:230px;height:63px;}}/*!sc*/ data-styled.g67[id="sc-gGCDDS"]{content:"koQkfJ,"}/*!sc*/ .cQSyCH{background:#FFF;border-bottom:1px solid #DADFE2;}/*!sc*/ data-styled.g68[id="sc-clIzBv"]{content:"cQSyCH,"}/*!sc*/ .euEQxt{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:auto;height:56px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/ @media (min-width:768px){.euEQxt{width:720px;}}/*!sc*/ @media (min-width:1000px){.euEQxt{width:960px;}}/*!sc*/ data-styled.g69[id="sc-faUpoM"]{content:"euEQxt,"}/*!sc*/ html{line-height:1.15;-webkit-text-size-adjust:100%;}/*!sc*/ body{margin:0;}/*!sc*/ main{display:block;}/*!sc*/ h1{font-size:2em;margin:0.67em 0;}/*!sc*/ hr{box-sizing:content-box;height:0;overflow:visible;}/*!sc*/ pre{font-family:monospace,monospace;font-size:1em;}/*!sc*/ a{background-color:transparent;}/*!sc*/ abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}/*!sc*/ b,strong{font-weight:bolder;}/*!sc*/ code,kbd,samp{font-family:monospace,monospace;font-size:1em;}/*!sc*/ small{font-size:80%;}/*!sc*/ sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}/*!sc*/ sub{bottom:-0.25em;}/*!sc*/ sup{top:-0.5em;}/*!sc*/ img{border-style:none;}/*!sc*/ button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}/*!sc*/ button,input{overflow:visible;}/*!sc*/ button,select{text-transform:none;}/*!sc*/ button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}/*!sc*/ button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}/*!sc*/ button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}/*!sc*/ fieldset{padding:0.35em 0.75em 0.625em;}/*!sc*/ legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}/*!sc*/ progress{vertical-align:baseline;}/*!sc*/ textarea{overflow:auto;}/*!sc*/ [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}/*!sc*/ [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}/*!sc*/ [type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}/*!sc*/ [type="search"]::-webkit-search-decoration{-webkit-appearance:none;}/*!sc*/ ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}/*!sc*/ details{display:block;}/*!sc*/ summary{display:list-item;}/*!sc*/ template{display:none;}/*!sc*/ [hidden]{display:none;}/*!sc*/ html{-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}/*!sc*/ body{font-family:-apple-system,BlinkMacSystemFont,'Avenir Next','Segoe UI',Arial,sans-serif;background:#FFF;color:#3D4245;line-height:1.6;word-wrap:break-word;}/*!sc*/ a{color:#0E6ACE;}/*!sc*/ *,*::before,*::after{box-sizing:border-box;}/*!sc*/ [hidden]{display:none !important;}/*!sc*/ data-styled.g81[id="sc-global-hlvyRX1"]{content:"sc-global-hlvyRX1,"}/*!sc*/ .fSZqjM{margin-bottom:calc(2rem + 50px);}/*!sc*/ @media (min-width:576px){.fSZqjM{margin-bottom:calc(2rem + 90px);}}/*!sc*/ data-styled.g82[id="sc-hOGkXu"]{content:"fSZqjM,"}/*!sc*/ .bmPyql{margin:0 auto 3.25rem;}/*!sc*/ data-styled.g83[id="sc-dtMgUX"]{content:"bmPyql,"}/*!sc*/ .fWpXUO{margin-top:2rem;padding-bottom:0.375rem;border-bottom:3px solid #DADFE2;}/*!sc*/ .fWpXUO h2{margin:0;font-size:1.125rem;color:#242527;}/*!sc*/ data-styled.g84[id="sc-cZMNgc"]{content:"fWpXUO,"}/*!sc*/ .gKiXsd{margin:auto;width:90vw;}/*!sc*/ @media (min-width:768px){.gKiXsd{width:720px;}}/*!sc*/ @media (min-width:1000px){.gKiXsd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:960px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}}/*!sc*/ data-styled.g86[id="sc-jQrDum"]{content:"gKiXsd,"}/*!sc*/ @media (min-width:1000px){.jDQHrM{width:calc(960px - 300px - 2rem);}}/*!sc*/ data-styled.g87[id="sc-fvxzrP"]{content:"jDQHrM,"}/*!sc*/ @media (min-width:1000px){.jDxbCk{width:300px;}}/*!sc*/ data-styled.g88[id="sc-fbyfCU"]{content:"jDxbCk,"}/*!sc*/ </style><link rel="icon" sizes="16x16 32x32 48x48 64x64" href="https://live.blog-tags.st-hatena.com//_next/static/images/favicon-8c3808340882afcb341562e33da12325.ico"/><link rel="apple-touch-icon" type="image/png" href="https://live.blog-tags.st-hatena.com//_next/static/images/favicon-180-d5514c44500bfeca92f576e984aacd8a.png"/><link rel="icon" type="image/png" href="https://live.blog-tags.st-hatena.com//_next/static/images/favicon-192-05f2ab3910776ea8e1aea414fc5257e4.png"/><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"/><meta charSet="utf-8"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-46136157-1"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-46136157-1'); </script><script src="https://cdn.pool.st-hatena.com/valve/valve.js" async=""></script><title>レンダリングとはコンピュータの人気・最新記事を集めました - はてな</title><meta property="og:title" content="レンダリングとはコンピュータの人気・最新記事を集めました - はてな"/><meta property="og:type" content="article"/><meta property="og:site_name" content="はてなブログタグ"/><meta name="twitter:card" content="summary_large_image"/><meta property="og:image" content="https://live.blog-tags.st-hatena.com//_next/static/images/ogImageDefault-0b14dbf84ffadcafc73ec8b1d951813c.png"/><meta property="og:url" content="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0"/><link rel="canonical" href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0"/><meta property="og:description" content="「レンダリング」とは - データとして与えられた情報を計算によって画像化すること。通常は3次元物体のデータを画像化することを…"/><meta name="next-head-count" content="13"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/8MX8gND8BYpmrsrzfNHI8/pages/keyword/_permalink_reborn.js" as="script"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/8MX8gND8BYpmrsrzfNHI8/pages/_app.js" as="script"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/runtime/webpack-035ac2b14bde147cb4a8.js" as="script"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/chunks/commons.d78459f0c3cff869b62b.js" as="script"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/runtime/main-389f2d5a5a59288bda75.js" as="script"/></head><body class="page-index"><div id="__next"><div class="sc-hOGkXu fSZqjM"><header class="sc-clIzBv cQSyCH"><div class="sc-faUpoM euEQxt"><div class="sc-gGCDDS koQkfJ"><a href="https://d.hatena.ne.jp/keyword/"><img src="https://live.blog-tags.st-hatena.com//_next/static/images/serviceLogo-69b3b2c074e155b6211649fba846eb8d.svg" alt="Hatena Blog Tags"/></a></div></div></header><div></div><div class="sc-jRQBWg igQbsT"><div class="sc-gKclnd jApmux"><div class="sc-iCfMLu kmLDKr"><a href="https://hatenablog.com/"><svg width="14" height="14" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M16.2,0,19,2.8,9.7,12,19,21.2,16.2,24,4,12Z"></path></svg>はてなブログトップ</a></div><div class="sc-furwcr fwuOgc"><svg width="18" height="18" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M22.4,15.1H17.6l1.2-6.2h3.6A1.6,1.6,0,0,0,24,7.4a1.6,1.6,0,0,0-1.6-1.6H19.5l.8-3.9A1.7,1.7,0,0,0,19,0a1.6,1.6,0,0,0-1.8,1.3l-.9,4.5H10.2L11,1.9A1.6,1.6,0,0,0,9.8,0,1.7,1.7,0,0,0,7.9,1.3L7,5.8H1.6A1.6,1.6,0,0,0,0,7.4,1.6,1.6,0,0,0,1.6,8.9H6.4L5.2,15.1H1.6A1.6,1.6,0,0,0,0,16.6a1.6,1.6,0,0,0,1.6,1.6H4.5l-.8,3.9A1.7,1.7,0,0,0,5,24h.3a1.5,1.5,0,0,0,1.5-1.3l.9-4.5h6.1L13,22.1A1.6,1.6,0,0,0,14.2,24h.4a1.6,1.6,0,0,0,1.5-1.3l.9-4.5h5.4A1.6,1.6,0,0,0,24,16.6,1.6,1.6,0,0,0,22.4,15.1Zm-14.1,0L9.6,8.9h6.1l-1.3,6.2Z"></path></svg><span>レンダリング</span></div><div class="sc-kDTinF cfFZTJ"><div class="sc-iqseJM jMkJCa"><span class="sc-crHmcD dkQbpU"><img src="https://cdn.image.st-hatena.com/image/square/ab7fe74c06326c54b84f012ebd2c729f6214c55d/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F154081835%2F1576146627939354" alt=""/></span><span class="sc-crHmcD dkQbpU"><img src="https://cdn.image.st-hatena.com/image/square/ac2118fbbcfc4183d68e069759a2503fc4b91c15/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159541034%2F1722341235916935" alt=""/></span><span class="sc-crHmcD dkQbpU"><img src="https://cdn.image.st-hatena.com/image/square/5195c3be617eb73ff090eefe1395e5aaca8a7b31/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F139758697%2F1517823016417395" alt=""/></span><span class="sc-crHmcD dkQbpU"><img src="https://cdn.image.st-hatena.com/image/square/ac2118fbbcfc4183d68e069759a2503fc4b91c15/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159541034%2F1722341235916935" alt=""/></span></div><a href="https://blog.hatena.ne.jp/my/edit?fill_tag=%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0" class="sc-hKwDye sc-eCImPb hVvGed">このタグでブログを書く</a></div></div><div class="sc-pVTFL LiGyC"><div><a href="#tag-body" selected="" class="sc-jrQzAO YnERV">言葉の解説</a></div><div><a href="#hot-topics" class="sc-jrQzAO dlNnRT">ネットで話題</a></div><div><a href="#related-blog" class="sc-jrQzAO dlNnRT">関連ブログ</a></div></div></div><div class="sc-jQrDum gKiXsd"><div class="sc-fvxzrP jDQHrM"><div class="sc-dtMgUX bmPyql"><div id="tag-body"><div class="sc-dlVxhl jBxyPD"><div class="sc-kfPuZi kNJuwK"><header class="sc-fKVqWL bDsMXk"><div class="sc-bBHxTw fbwRLI"><h1>レンダリング</h1><div class="sc-iwjdpV bNhHde">(コンピュータ)</div><div class="sc-cxpSdN ijbgJS">【れんだりんぐ】</div></div></header><div><div class="sc-llYSUQ csduoT"><p>データとして与えられた情報を計算によって画像化すること。<br /> 通常は3次元物体のデータを画像化することを指すが、データの画像化一般<a href="#f-632df227" name="fn-632df227" title="例えば、ブラウザがHTMLを表示すること・ビデオ編集ソフトで目的とする動画を作成すること">*1</a>を指すこともできる。<br /> 3次元物体のデータを画像化するときには、視点位置・光源(位置・種類・数)・物体(形状・材質)・頂点座標を加味し、陰面消去・陰影付け等の作業を経る。<br /> Also see:レイトレーシング法、ラジオシティ法</p> <p>><</p><div class="footnote"> <p class="footnote"><a href="#fn-632df227" name="f-632df227" class="footnote-number">*1</a><span class="footnote-delimiter">:</span><span class="footnote-text">例えば、ブラウザがHTMLを表示すること・ビデオ編集ソフトで目的とする動画を作成すること</span></p> </div></div></div></div></div><div class="sc-iJKOTD bzbQKv"><details><summary><svg width="16" height="16" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M13.2,7a1.2,1.2,0,0,1-2.4,0,1.2,1.2,0,1,1,2.4,0ZM24,12A12,12,0,1,1,12,0,12,12,0,0,1,24,12Zm-2,0A10,10,0,1,0,12,22,10,10,0,0,0,22,12ZM9,10v2h2v6h2V10Z"></path></svg><span>このタグの解説について</span></summary>この解説文は、<a href="https://staff.hatenablog.com/entry/2019/06/20/153000">すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集</a>した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、<a href="https://www.hatena.ne.jp/faq/q/blog#contact">お問い合わせフォーム</a>よりご連絡ください。</details></div><div class="sc-giYglK djIgWd"><div><button class="sc-gsDKAQ sc-ezbkAF hQcbNs A-dmbO">解説の続きを読む <svg width="16" height="16" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#3D4245" d="M0,7.8,2.8,5,12,14.3,21.2,5,24,7.8,12,20Z"></path></svg></button></div></div></div></div><div></div><div class="sc-cZMNgc fWpXUO"><h2 id="related-blog">関連ブログ</h2></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://kugi-masa.hatenablog.com/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/ab7fe74c06326c54b84f012ebd2c729f6214c55d/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F154081835%2F1576146627939354" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://kugi-masa.hatenablog.com/" class="sc-iNGGcK dCOBQS">kugi's notebook</a>•<a href="https://kugi-masa.hatenablog.com/entry/rtcamp10" class="sc-jeraig cHHEBX">3ヶ月前</a></div></div><a href="https://kugi-masa.hatenablog.com/entry/rtcamp10" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">レイトレ合宿10参加レポート</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/f4c036979206816ba119600483ce07fad03314e8/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fda9f7b035cd6752719f40178a2cd9874eaea0045%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkugi_masa%252F20241123%252F20241123205306.jpg" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>はじめに 10月11日(金)から10月13日(日)に初島で開催されたレイトレ合宿10に参加してきました！こちらはレイトレ合宿までの準備と当日の振り返り記事になります。はじめにレイトレ合宿に参加するまで今回の目標制作の過程 DirectX Raytracing Programming Vol.1 三角形描画までモデル描画まで提出作品『Chill in the Box』レイトレ合宿当日本戦セミナーレクリエーション Sponza ジグゾーパズル対決 Silent NaN の歌のライブまとめレイトレ合宿に参加するまでレイトレ合宿は自作レンダラーで描画されたレンダリング結果(…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%82%A4%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%B3%E3%82%B0">#レイトレーシング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%82%A4%E3%83%88%E3%83%AC%E5%90%88%E5%AE%BF">#レイトレ合宿</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/DXR">#DXR</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%82%A4%E3%83%88%E3%83%AC">#レイトレ</a></span></div></div><div id="hot-topics"><div><div class="sc-cidDSM cNZxev"><h2 class="sc-jcFjpl iPveZk">ネットで話題<a href="https://help.hatenablog.com/entry/hatenabookmark" aria-label="はてなブックマークとは"><svg width="16" height="16" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M12,2A10,10,0,1,1,2,12,10,10,0,0,1,12,2Zm0-2A12,12,0,1,0,24,12,12,12,0,0,0,12,0Zm1.2,17A1.2,1.2,0,1,1,12,15.8,1.2,1.2,0,0,1,13.2,17ZM14.6,7a3.6,3.6,0,0,0-2.5-1C9.9,6,8.5,7.6,8.5,10h2c0-1.5.8-2,1.6-2a1.2,1.2,0,0,1,1.3,1.2c.1.9-.4,1.3-.9,1.8A3.6,3.6,0,0,0,11,14.5h2a2.8,2.8,0,0,1,1-2.2,4.5,4.5,0,0,0,1.5-3A3.2,3.2,0,0,0,14.6,7Z"></path></svg></a></h2><a href="https://b.hatena.ne.jp/search/title?sort=popular&q=%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0" class="sc-caiLqq hRgjVf"><svg width="16" height="16" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M21,13V23H0V4H12V6H2V21H19V13ZM24,1H13l4,4-6.9,7.1,2.8,2.8,7-7.1L24,12Z"></path></svg><span>もっと見る</span></a></div></div><div class="sc-iUKqMP dIowcK"><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/how-the-browser-renders-a-web-page.html" class="sc-cTAqQK eKDsnJ"><strong>1127</strong>ブックマーク</a><a href="https://coliss.com/articles/build-websites/operation/work/how-the-browser-renders-a-web-page.html" class="sc-jObWnj cGnNsn">Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説</a><a href="https://coliss.com/articles/build-websites/operation/work/how-the-browser-renders-a-web-page.html" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/03c12073fab6c554d229314302e15d6ec7cfc7fd/height=200;version=1;width=200/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202004%2F2020110701%402x.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/coliss.com/" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Fhow-the-browser-renders-a-web-page.html" width="16px" height="16px" alt=""/>coliss.com</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/game.watch.impress.co.jp/docs/series/20100430_365048.html" class="sc-cTAqQK eKDsnJ"><strong>528</strong>ブックマーク</a><a href="http://game.watch.impress.co.jp/docs/series/20100430_365048.html" class="sc-jObWnj cGnNsn">西川善司の3Dゲームファンのための「ラブプラス」グラフィックス講座 DSの3D能力を超えた5,000ポリゴンキャラクターをレンダリングする技術に迫る - GAME Watch</a><a href="http://game.watch.impress.co.jp/docs/series/20100430_365048.html" class="sc-bBHHxi iVPXcx">西川善司の3Dゲームファンのための「ラブプラス」グラフィックス講座 DSの3D能力を超えた5,000ポリゴンキャラクターをレンダリングする技術に迫る会場：ＫＯＮＡＭＩ本社本連載は、センセーションを与えた3Dゲームグラフィックスにスポットをあてていく連載である。本連載ではこれまではどちらかと言えばハイエンド技...</a><a href="https://b.hatena.ne.jp/site/game.watch.impress.co.jp/" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=http%3A%2F%2Fgame.watch.impress.co.jp%2Fdocs%2Fseries%2F20100430_365048.html" width="16px" height="16px" alt=""/>game.watch.impress.co.jp</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/qiita.com/hellokenta/items/6b795501a0a8921bb6b5" class="sc-cTAqQK eKDsnJ"><strong>436</strong>ブックマーク</a><a href="https://qiita.com/hellokenta/items/6b795501a0a8921bb6b5" class="sc-jObWnj cGnNsn">Reactのレンダリングに関する完全ガイド - Qiita</a><a href="https://qiita.com/hellokenta/items/6b795501a0a8921bb6b5" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/601fe42b5b9927648d648d6d1a30fc3bd0e64ff3/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmVhY3QlRTMlODElQUUlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODAlRTMlODMlQUElRTMlODMlQjMlRTMlODIlQjAlRTMlODElQUIlRTklOTYlQTIlRTMlODElOTklRTMlODIlOEIlRTUlQUUlOEMlRTUlODUlQTglRTMlODIlQUMlRTMlODIlQTQlRTMlODMlODkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTgzNzc0NDAzZTM2MDc2YjNkMGY0M2Q1ZGIyNTBjZGNj%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoZWxsb2tlbnRhJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zYmFjNzVlZDA5ZGQyZWZlMDE2NGY3YmRlOTQzMTBjNQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D61ae04245a9c675324ee4eebddf9ae5f" alt=""/></a><a href="https://b.hatena.ne.jp/site/qiita.com/hellokenta" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fhellokenta%2Fitems%2F6b795501a0a8921bb6b5" width="16px" height="16px" alt=""/>qiita.com</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/19/micrsoft_edgeinternet_explorer_modeie11microsoft_build_2019.html" class="sc-cTAqQK eKDsnJ"><strong>430</strong>ブックマーク</a><a href="https://www.publickey1.jp/blog/19/micrsoft_edgeinternet_explorer_modeie11microsoft_build_2019.html" class="sc-jObWnj cGnNsn">［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019</a><a href="https://www.publickey1.jp/blog/19/micrsoft_edgeinternet_explorer_modeie11microsoft_build_2019.html" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/8317be4d588cb1007d85d910031732ca65191e1d/height=200;version=1;width=200/https%3A%2F%2Fwww.publickey1.jp%2F2019%2Fbuild201901.gif" alt=""/></a><a href="https://b.hatena.ne.jp/site/www.publickey1.jp/" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F19%2Fmicrsoft_edgeinternet_explorer_modeie11microsoft_build_2019.html" width="16px" height="16px" alt=""/>www.publickey1.jp</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/twitter.com/umiyuki_ai/status/1625738499986178050" class="sc-cTAqQK eKDsnJ"><strong>397</strong>ブックマーク</a><a href="https://twitter.com/umiyuki_ai/status/1625738499986178050" class="sc-jObWnj cGnNsn">うみゆき@AI研究 on Twitter: "はい、ゲームエンド。ハッキリ言ってControlNetの登場によって、今までの画像生成での複雑な呪文を試行錯誤してガチャ引きまくって何とかするパラダイムは試合終了しました。これからはプロンプトフリーになって、ボーンで直接構図やポーズを指定するAIレンダリングのパラダイムの始まりや https://t.co/st4tJMZIfo"</a><a href="https://twitter.com/umiyuki_ai/status/1625738499986178050" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/ce89f324445c9f4a4fdfd664c4016b5b0b8507a6/height=200;version=1;width=200/https%3A%2F%2Fpbs.twimg.com%2Fprofile_images%2F1581572203660787712%2FSAdL4WOj.jpg" alt=""/></a><a href="https://b.hatena.ne.jp/site/twitter.com/umiyuki_ai" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Ftwitter.com%2Fumiyuki_ai%2Fstatus%2F1625738499986178050" width="16px" height="16px" alt=""/>twitter.com</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/txxm/articles/f04b21949ddab3" class="sc-cTAqQK eKDsnJ"><strong>349</strong>ブックマーク</a><a href="https://zenn.dev/txxm/articles/f04b21949ddab3" class="sc-jObWnj cGnNsn">【レンダリング大全】CSR, SSR, SPA, MPA, PPRの意味、そもそもレンダリングとは【2025年始】</a><a href="https://zenn.dev/txxm/articles/f04b21949ddab3" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/aca59c790101b1369a7a5e0d7e4ee456216a34fd/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--pUwGNcRv--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E5%2525A4%2525A7%2525E5%252585%2525A8%2525E3%252580%252591CSR%25252C%252520SSR%25252C%252520SPA%25252C%252520MPA%25252C%252520PPR%2525E3%252581%2525AE%2525E6%252584%25258F%2525E5%252591%2525B3%2525E3%252580%252581%2525E3%252581%25259D%2525E3%252582%252582%2525E3%252581%25259D%2525E3%252582%252582%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252581%2525A8%2525E3%252581%2525AF%2525E3%252580%2525902025%2525E5%2525B9%2525B4%2525E5%2525A7%25258B%2525E3%252580%252591%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%2525A8%2525E3%252583%252593%2525E3%252583%252595%2525E3%252583%2525A9%2525E3%252582%2525A4%2525E3%252581%2525AE%2525E9%252580%252586%2525E8%2525A5%2525B2%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzVlOWEyMzM1NmEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/zenn.dev/txxm" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Ftxxm%2Farticles%2Ff04b21949ddab3" width="16px" height="16px" alt=""/>zenn.dev</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/webssrdenoisomorphic_javascriptuniversal_javascript.html" class="sc-cTAqQK eKDsnJ"><strong>342</strong>ブックマーク</a><a href="https://www.publickey1.jp/blog/23/webssrdenoisomorphic_javascriptuniversal_javascript.html" class="sc-jObWnj cGnNsn">Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？</a><a href="https://www.publickey1.jp/blog/23/webssrdenoisomorphic_javascriptuniversal_javascript.html" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/c7c0c5057ba8bf63989d2a8353e658d11896d9ba/height=200;version=1;width=200/https%3A%2F%2Fwww.publickey1.jp%2F2023%2F1uUM3zku.jpg" alt=""/></a><a href="https://b.hatena.ne.jp/site/www.publickey1.jp/" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F23%2Fwebssrdenoisomorphic_javascriptuniversal_javascript.html" width="16px" height="16px" alt=""/>www.publickey1.jp</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/qiita.com/shibukawa/items/184d3101946ec4fa98c1" class="sc-cTAqQK eKDsnJ"><strong>329</strong>ブックマーク</a><a href="https://qiita.com/shibukawa/items/184d3101946ec4fa98c1" class="sc-jObWnj cGnNsn">サーバーサイドレンダリング不要論 - Qiita</a><a href="https://qiita.com/shibukawa/items/184d3101946ec4fa98c1" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/a80cea050195248096102b47287a5985df2aad00/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgzJUJDJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg5JUUzJTgzJUFDJUUzJTgzJUIzJUUzJTgzJTgwJUUzJTgzJUFBJUUzJTgzJUIzJUUzJTgyJUIwJUU0JUI4JThEJUU4JUE2JTgxJUU4JUFCJTk2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zZTAwN2E4NGJkNmY5MjYwNWMyM2Q4NDRlYjkxMWM3OA%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBzaGlidWthd2EmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJlMmM1OTAxOWU0ODA5MWE4Y2I2YzAxM2I5MTEzZjQy%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g44OV44Ol44O844OB44Oj44O85qCq5byP5Lya56S-%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3Db1cca3f3579f32517cc0f7cfd767a31b" alt=""/></a><a href="https://b.hatena.ne.jp/site/qiita.com/shibukawa" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fshibukawa%2Fitems%2F184d3101946ec4fa98c1" width="16px" height="16px" alt=""/>qiita.com</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css-new-property-content-visibility.html" class="sc-cTAqQK eKDsnJ"><strong>318</strong>ブックマーク</a><a href="https://coliss.com/articles/build-websites/operation/css/css-new-property-content-visibility.html" class="sc-jObWnj cGnNsn">CSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上する</a><a href="https://coliss.com/articles/build-websites/operation/css/css-new-property-content-visibility.html" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/a36026ba64c7dea79e388f5711745621e85d0fce/height=200;version=1;width=200/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202101%2F2021012301%402x.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/coliss.com/" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss-new-property-content-visibility.html" width="16px" height="16px" alt=""/>coliss.com</span></a></div></div></div></div><div></div><div class="sc-cZMNgc fWpXUO"><div><h2>関連ブログ</h2></div></div><div><div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://nishimiyasora.hatenablog.com/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/ac2118fbbcfc4183d68e069759a2503fc4b91c15/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159541034%2F1722341235916935" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://nishimiyasora.hatenablog.com/" class="sc-iNGGcK dCOBQS">nishimiyasora’s blog</a>•<a href="https://nishimiyasora.hatenablog.com/entry/2024/10/16/114236" class="sc-jeraig cHHEBX">4ヶ月前</a></div></div><a href="https://nishimiyasora.hatenablog.com/entry/2024/10/16/114236" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">Wings Engineは工業デザインとインタラクションに新たな章を開く</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/3a40d3c317bb379b28dab1ad06e5249c3175b27b/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F9768bd47a8876bf2a2366c342053feab3bb0c709%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fassets.st-note.com%252Fimg%252F1729044540-4R9UTVvY6Ns5q7bSOIy0e1Gj.png%253Fwidth%253D1200" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>科学技術の急速な発展に伴い、デジタル化とインテリジェント化は工業発展の重要なトレンドとなっています。そのような背景の中、Wings Engineは革新的なインタラクティブな3DおよびXR（拡張現実）制作プラットフォームとして、工業分野で独自の魅力と巨大な潜在力を徐々に示しています。本記事では、Wings Engineが工業においてどのように活用され、工業デザインとインタラクションの新たな発展を促進しているかを探ります。製品デザインと展示工業デザインにおいて、Wings Engineはインタラクティブな製品モデルを簡単に作成できます。デザイナーはこのプラットフォームを使用して、製品のレンダリ…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E5%B7%A5%E6%A5%AD">#工業</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">#デザイン</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96">#インタラクティブ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%84%E3%82%A4%E3%83%B3">#デジタルツイン</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%A2%E3%83%87%E3%83%AB">#モデル</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%B7%E3%83%9F%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3">#シミュレーション</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E4%BB%AE%E6%83%B3%E7%8F%BE%E5%AE%9F">#仮想現実</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E6%8B%A1%E5%BC%B5%E7%8F%BE%E5%AE%9F">#拡張現実</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/WingsEngine">#WingsEngine</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span></div></div></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://tech-blog.rakus.co.jp/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/5195c3be617eb73ff090eefe1395e5aaca8a7b31/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F139758697%2F1517823016417395" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://tech-blog.rakus.co.jp/" class="sc-iNGGcK dCOBQS">RAKUS Developers Blog | ラクスエンジニアブログ</a>•<a href="https://tech-blog.rakus.co.jp/entry/20240927/rendering" class="sc-jeraig cHHEBX">5ヶ月前</a></div></div><a href="https://tech-blog.rakus.co.jp/entry/20240927/rendering" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">【初学者向け】CSR / SSR / SSG / ISRとは？架空アプリでレンダリング手法の違いを理解しよう！</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/5d96d59c18b0b27c717bbfc2805b4de647499a44/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F62100ce8dbffe1420d27323c6c8f05d17b5d0ccf%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmochi_protein%252F20240926%252F20240926124835.png" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>初めまして！新卒1年目のmochi_proteinと申します。 CSR / SSR / SSG / ISRがどのような概念か、架空アプリを例として、それぞれの違いを初学者向けにやさしく解説していきます！ 🔖目次は以下の通りです🔖 はじめに架空アプリ「楽楽鮮魚」の仕様前提知識レンダリングとは？動的にHTMLを生成するとは？ CSR（クライアントサイドレンダリング）とは？概要「楽楽鮮魚」が CSR を採用したら？初期画面(在庫一覧画面)表示までの流れ詳細画面への遷移時の流れ CSRのメリット CSRのデメリットどのようなサービスに向いているか SSR（サーバーサイドレンダリング…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/CSR">#CSR</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/SSR">#SSR</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/SSG">#SSG</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/ISR">#ISR</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89">#フロントエンド</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/JavaScript">#JavaScript</a></span></div></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://nishimiyasora.hatenablog.com/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/ac2118fbbcfc4183d68e069759a2503fc4b91c15/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159541034%2F1722341235916935" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://nishimiyasora.hatenablog.com/" class="sc-iNGGcK dCOBQS">nishimiyasora’s blog</a>•<a href="https://nishimiyasora.hatenablog.com/entry/2024/08/23/183353" class="sc-jeraig cHHEBX">6ヶ月前</a></div></div><a href="https://nishimiyasora.hatenablog.com/entry/2024/08/23/183353" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">3D技術が日常生活にどう浸透するのか—3Dシミュレーション技術の応用</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/883f6a99aeed19aa44641901ee7b173583e75e4c/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F1e51eeead0990ae0e3d63c6e41ce4cb54831775f%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fassets.st-note.com%252Fproduction%252Fuploads%252Fimages%252F151701124%252Fpicture_pc_05f4ece5a6fbb3ab051036cd5859e20d.gif%253Fwidth%253D1200" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>3Dモデルシミュレーション（3D modeling and simulation）は専門的な分野の用語のように聞こえますが、実際にはその応用は専門分野を超えており、私たちの日常生活にも広く浸透しています。建築デザインや映画制作、ゲーム開発などの従来の応用分野に加え、3Dモデルシミュレーションは教育、観光、ショッピング、医療などの多くの分野で私たちの生活に深い影響を与えています。特に、Wings Engineなどの先進技術の導入により、3Dモデルシミュレーションの応用はより普及し、多様化しています。 1.教育とトレーニングの変革 3Dモデルシミュレーションは教育分野での応用において、従来の教育方…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%B7%E3%83%9F%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3">#シミュレーション</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E4%BB%AE%E6%83%B3%E7%8F%BE%E5%AE%9F">#仮想現実</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E6%95%99%E8%82%B2">#教育</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E4%B8%8D%E5%8B%95%E7%94%A3">#不動産</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC">#テクノロジー</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%84%E3%82%A4%E3%83%B3">#デジタルツイン</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/WingsEngine">#WingsEngine</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E5%8C%BB%E7%99%82">#医療</a></span></div></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://nishimiyasora.hatenablog.com/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/ac2118fbbcfc4183d68e069759a2503fc4b91c15/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159541034%2F1722341235916935" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://nishimiyasora.hatenablog.com/" class="sc-iNGGcK dCOBQS">nishimiyasora’s blog</a>•<a href="https://nishimiyasora.hatenablog.com/entry/2024/08/22/175503" class="sc-jeraig cHHEBX">6ヶ月前</a></div></div><a href="https://nishimiyasora.hatenablog.com/entry/2024/08/22/175503" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">デジタル化推進！Wings Engineがもたらす新しい自動車購入体験</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/54535bfe4c8adb9137f5c372a048726dba78e219/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3f761ef26128e115468c00b5382851c8a2362e70%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fblogger.googleusercontent.com%252Fimg%252Fb%252FR29vZ2xl%252FAVvXsEjdvRxYNd3WW4V13U9MJmaY9tFEAnNK5d1htiDByDnSnlCiR5GIMO6Dg07XbiUQ4PMsxXaQq4XjSKggaJU0_q9ctLQecVAUd0FozUGoiIIoK0AuiYAguR3TVuE11xYQeLqAQvkcoE7LIHl__Is84tRaZOgfKv287slx3a5m4opFpTH6O-G_16xzcuwD6BEb%252Fw400-h221%252F4.%252520%2525E8%2525BD%2525A6%2525E9%252597%2525A8.gif" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>消費者の購買体験に対する期待が高まり、単なる静止画像や文字による紹介だけでは、車の外観、性能、ドライビング体験を包括的に理解することは難しくなっています。こうした背景の中、3D技術が徐々に自動車販売の分野で革新的な力となりつつあります。Wings Engineは、強力なリアルタイムレンダリングとインタラクティブな機能を備えた先進的な3Dエンジンとして、自動車販売に新たな体験をもたらしています。自動車販売における3Dシーンの重要性 1.没入型体験 3Dシーンの最大の利点は、ユーザーに没入型の体験を提供できることです。Wings Engineで構築された3Dバーチャルショールームを通じて、消費者…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E8%87%AA%E5%8B%95%E8%BB%8A%E8%B2%A9%E5%A3%B2">#自動車販売</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/3D">#3D</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E6%B2%A1%E5%85%A5%E5%9E%8B%E4%BD%93%E9%A8%93">#没入型体験</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96">#インタラクティブ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/WingsEngine">#WingsEngine</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0">#マーケティング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%87%E3%83%BC%E3%82%BF%E5%88%86%E6%9E%90">#データ分析</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E5%8C%96">#デジタル化</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E4%BB%AE%E6%83%B3%E7%8F%BE%E5%AE%9F">#仮想現実</a></span></div></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://edom18.hateblo.jp/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/7f5eb372ba025b552aea9078801b3acd863ce704/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fcustom_blog_icon%2F547925%2F1514225928473482" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://edom18.hateblo.jp/" class="sc-iNGGcK dCOBQS">e.blog</a>•<a href="https://edom18.hateblo.jp/entry/2024/04/13/105655" class="sc-jeraig cHHEBX">10ヶ月前</a></div></div><a href="https://edom18.hateblo.jp/entry/2024/04/13/105655" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">ECSを使ってTextMesh Proの文字を大量に描画する</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/d8a3849626d31d481b2082b83ecc6b0a349a010f/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F7bc9b66e3b968ad8a08143c704919ba75404ce4c%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fe%252Fedo_m18%252F20240412%252F20240412080035.jpg" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>前回の記事では、ECS自体の使いどころやそもそもなぜ高速化するのかという点について書きました。 edom18.hateblo.jp 記事の中で紹介した動画はTextMesh Proの文字を利用して大量に文字を空間に表示するというものでした。こんなやつ↓ 文字を表示するMeshをQuadのものに統一してBatch Group化の効率を上げて描画してみたら、80,000文字でも余裕で60FPS以上出た。プロファイラ見ると250FPSくらいの速度出てる。#Unity #ECS pic.twitter.com/yNcbk69Ukd— edom18@XR / MESON CTO (@edo_m18) …</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/Unity">#Unity</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/ECS">#ECS</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/C%23">#C#</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span></div></div><div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://blog.ecbeing.tech/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/0d10b8ab91c5f14ebbb98480ec677b94a6049ed6/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F154143773%2F1554353619782476" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://blog.ecbeing.tech/" class="sc-iNGGcK dCOBQS">ecbeing labs（イーシービーイング・ラボ）</a>•<a href="https://blog.ecbeing.tech/entry/2024/03/25/080000" class="sc-jeraig cHHEBX">1年前</a></div></div><a href="https://blog.ecbeing.tech/entry/2024/03/25/080000" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">SSRってMPAやSPAと何が違うの!?</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/0b74ac6a0e055026140388656c7e4df1c6a82033/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff5979add26fe1694bc5b605d3c003214abb30362%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fe%252Fecb_HasegawaHiroto%252F20240308%252F20240308151438.jpg" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>こんにちは！ ecbeing新卒一年目の長谷川啓人です！二度目の投稿になり、初めましての呪縛から解放されました。今回はモダンなWebレンダリング方式であるSSRについて、まとめさせて頂きます。このテーマについて解説されている記事自体は多く公開されています。しかし、新人目線ではわかりにくいものも多く感じたので、ここでは同じような立場の方々に向けて噛み砕いた解説をさせていただきましょう！</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/SSR">#SSR</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/SPA">#SPA</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/MPA">#MPA</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/Web%20%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3">#Web アプリケーション</a></span></div></div></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://squid-angler-55.hateblo.jp/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/a2c1b5330f28e131a826026a91187425d72dea58/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158669386%2F1691459616670979" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://squid-angler-55.hateblo.jp/" class="sc-iNGGcK dCOBQS">Squid_Angler_55’s blog</a>•<a href="https://squid-angler-55.hateblo.jp/entry/2024/02/25/105557" class="sc-jeraig cHHEBX">1年前</a></div></div><a href="https://squid-angler-55.hateblo.jp/entry/2024/02/25/105557" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">久しぶりの動画編集、趣味を愉しむ！ (その６)</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/97b9dfeea99019ce7000987dffc807165f5447ca/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc4aed4a25df7840b1b764edf014a179c03c867b4%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FS%252FSquid_Angler_55%252F20240225%252F20240225101445.jpg" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>解決に向けて、もがいてみると、達成感が得られるもの！動画編集を始めて３３年ですが、編集アプリの『アドビプレミア』は、奥が深くて、いまだに判らないことに、直面するものです。今回、ＤＶＤ１２８枚に収めていたこれまでの動画ファイルをパソコンのハードディスクに、移して、１年ごとの再編集をしようとした矢先２度もトラブって、紛糾してしまったのです。１度目は、ハードディスクドライブＣの空きがなくなったことです。ディスククリーンアップ作業や、ドライブＤへ重たいアプリを移したりして、一時的に空きが増えたのですが、映像ファイルをドライブＤに移していると、再びドライブＣの空き領域が、なく…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E5%8B%95%E7%94%BB%E7%B7%A8%E9%9B%86">#動画編集</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%A2%E3%83%89%E3%83%93%E3%83%97%E3%83%AC%E3%83%9F%E3%82%A2">#アドビプレミア</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%EF%BC%A4%EF%BC%B6%EF%BC%A4%E6%98%A0%E5%83%8F">#ＤＶＤ映像</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%8F%E3%83%BC%E3%83%89%E3%83%87%E3%82%A3%E3%82%B9%E3%82%AF">#ハードディスク</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E7%A9%BA%E3%81%8D%E9%A0%98%E5%9F%9F">#空き領域</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7%E3%83%A5%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB">#メディアキャッシュファイル</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%93%E3%83%87%E3%82%AA%E3%82%B3%E3%83%B3%E3%83%90%E3%83%BC%E3%82%BF%E3%82%A2%E3%83%97%E3%83%AA">#ビデオコンバータアプリ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88%E5%A4%89%E6%8F%9B">#フォーマット変換</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E9%81%94%E6%88%90%E6%84%9F">#達成感</a></span></div></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://www.lovehatetubaki.work/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/040eb79b4462b698ce1895aa8eeaca87526821e0/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F148905177%2F152635469467621" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://www.lovehatetubaki.work/" class="sc-iNGGcK dCOBQS">うにty生活</a>•<a href="https://www.lovehatetubaki.work/entry/substance-painter-iray-camera-hidden" class="sc-jeraig cHHEBX">1年前</a></div></div><a href="https://www.lovehatetubaki.work/entry/substance-painter-iray-camera-hidden" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">Substance Painter Irayでカメラ設定が変えられない場合の対処法</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/2307db2e9387dc917b2391f339451df525be3273/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fccf53a1c73cd431b9ce7fa3810ce2d4f2a7ad357%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ft%252FtubakihimeLoveHate%252F20240118%252F20240118083020.png" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>初歩的なことでしたが、初心者の私には半日くらいわからなかったのでメモ結論投影方法によってカメラで設定できる項目が異なるカメラ設定が一部変更できない Iray(レンダリング)を使っていると下画像のようになりました。 Substance Painter初心者なのですが、lrayでカメラがモデルに食い込んでる？っぽく直し方がわかりませんかなり離れると直りますがこの距離で正しく映したいです pic.twitter.com/YCIHLwwknV — ラブヘイト@うにty生活ブログ (@unity_stamp) January 17, 2024 カメラが悪さしていることはわかっていましたが、そのカメ…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/Substance%20Painter">#Substance Painter</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/SP">#SP</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%AB%E3%83%A1%E3%83%A9">#カメラ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span></div></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://nicotravel.hatenablog.com/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/07528ae03a107bbf32ffd145ca4766808ec6e3b8/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158191046%2F167462066288184" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://nicotravel.hatenablog.com/" class="sc-iNGGcK dCOBQS">NicoTravelの日記</a>•<a href="https://nicotravel.hatenablog.com/entry/2024/01/16/001007" class="sc-jeraig cHHEBX">1年前</a></div></div><a href="https://nicotravel.hatenablog.com/entry/2024/01/16/001007" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">【Lenovo パソコン「無料モニター」シリーズ③「IdeaPad Gaming 370i」体験談】ついにデスクトップパソコンがノートパソコンに敗北！アフターエフェクトのレンダリングを短縮させるのはメモリの量ではなかった！？</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/03500b3e14be0a18f18fcab554c50ca845a5f615/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F4937ae6b451e44f9fe96a6b35c27b9644e98071c%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fn%252Fnicotravel%252F20240115%252F20240115221159.png" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>みなさん、こんばんは！レノボの無料モニターキャンペーンに引き続き参加させていただいております。 gaming 今日は、IdeaPad Gaming 370i という機種を試させていただきましたが、こちら、グラフィックボード（良いもの）が付いているパソコンになります！もう結論を言っちゃいましょう！私の愛用する自慢のデスクトップパソコンが今回紹介させていただきますIdeaPad Gaming 370iに完敗してしまいました！涙😿☟ IdeaPad もう一度こちらのPCのスペックを確認しておきます。初のRTX3060 230WのACアダプターでパワフルに使いこなす IdeaPad Ga…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/Lenovo">#Lenovo</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%A2%E3%83%95%E3%82%BF%E3%83%BC%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88">#アフターエフェクト</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0">#レンダリング</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E6%A4%9C%E8%A8%BC">#検証</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%8E%E3%83%9C">#レノボ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%B2%E3%83%BC%E3%83%9F%E3%83%B3%E3%82%B0pc%20%E3%81%8A%E3%81%99%E3%81%99%E3%82%81">#ゲーミングpc おすすめ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/Adobe">#Adobe</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/RTX%203060">#RTX 3060</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/nVidia">#nVidia</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%B0%E3%83%A9%E3%83%9C">#グラボ</a></span></div></div><div></div></div></div><div class="sc-fbyfCU jDxbCk"><div></div><footer class="sc-hBUSln khBKZC"><div class="sc-fotOHu erCtv"><ul itemscope="" itemType="http://schema.org/BreadcrumbList"><li itemscope="" itemProp="itemListElement" itemType="http://schema.org/ListItem"><a href="https://hatenablog.com/" itemProp="item"><span itemProp="name">はてなブログ</span></a><meta itemProp="position" content="1"/></li><li itemscope="" itemProp="itemListElement" itemType="http://schema.org/ListItem"><span>></span><span itemProp="name">コンピュータ</span><meta itemProp="position" content="2"/></li><li itemscope="" itemProp="itemListElement" itemType="http://schema.org/ListItem"><span>></span><a href="https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0" itemProp="item"><span itemProp="name">レンダリング</span></a><meta itemProp="position" content="3"/></li></ul></div><ul class="sc-egiyK eLzidY"><li class="sc-bqiRlB hatryS"><a href="https://d.hatena.ne.jp/" class="sc-ksdxgE fOytDi">はてなブログタグとは</a></li><li class="sc-bqiRlB hatryS"><a href="https://help.hatenablog.com/" class="sc-ksdxgE fOytDi">ヘルプ</a></li><li class="sc-bqiRlB hatryS"><a href="https://staff.hatenablog.com/" class="sc-ksdxgE fOytDi">開発ブログ</a></li><li class="sc-bqiRlB hatryS"><a href="https://hatenablog.com/" class="sc-ksdxgE fOytDi">はてなブログトップ</a></li></ul><div class="sc-fFeiMQ bcqfTw">Copyright (C) 2001-2025 Hatena.</div></footer></div></div><div></div><div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"dataManager":"[]","props":{"pageProps":{},"apolloState":{"data":{"ROOT_QUERY":{"__typename":"Query","tag({\"name\":\"レンダリング\"})":{"__typename":"Tag","meanings({\"first\":5})":{"__typename":"MeaningConnection","nodes":[{"__typename":"Meaning","canBeIndexedBySearchEngine":true,"tagId":"65506","revisions({\"first\":1})":{"__typename":"TagRevisionConnection","nodes":[{"__typename":"TagRevision","formattedBody({\"plainTextLength\":50})":{"__typename":"FormattedBody","HTML":"\u003cp\u003eデータとして与えられた情報を計算によって画像化すること。\u003cbr /\u003e\n通常は3次元物体のデータを画像化することを指すが、データの画像化一般\u003ca href=\"#f-632df227\" name=\"fn-632df227\" title=\"例えば、ブラウザがHTMLを表示すること・ビデオ編集ソフトで目的とする動画を作成すること\"\u003e*1\u003c/a\u003eを指すこともできる。\u003cbr /\u003e\n3次元物体のデータを画像化するときには、視点位置・光源(位置・種類・数)・物体(形状・材質)・頂点座標を加味し、陰面消去・陰影付け等の作業を経る。\u003cbr /\u003e\nAlso see:レイトレーシング法、ラジオシティ法\u003c/p\u003e\n\u003cp\u003e\u003e\u003c!-- --\u003e\u003c\u003c/p\u003e\u003cdiv class=\"footnote\"\u003e\n\u003cp class=\"footnote\"\u003e\u003ca href=\"#fn-632df227\" name=\"f-632df227\" class=\"footnote-number\"\u003e*1\u003c/a\u003e\u003cspan class=\"footnote-delimiter\"\u003e:\u003c/span\u003e\u003cspan class=\"footnote-text\"\u003e例えば、ブラウザがHTMLを表示すること・ビデオ編集ソフトで目的とする動画を作成すること\u003c/span\u003e\u003c/p\u003e\n\u003c/div\u003e","Text":"データとして与えられた情報を計算によって画像化すること。通常は3次元物体のデータを画像化することを…"}}]},"name":"レンダリング","furigana":"れんだりんぐ","genre":{"__typename":"Genre","name":"コンピュータ","url":"/keywordlist?cname=%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF"}}]},"hotArticles({\"first\":16})":{"__typename":"HotArticleConnection","nodes":[]},"taggedBlogArticlesRealResult({\"first\":10})":{"__typename":"TaggedBlogArticleConnection","nodes":[{"__typename":"BlogArticle","title":"レイトレ合宿10参加レポート","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/da9f7b035cd6752719f40178a2cd9874eaea0045/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkugi_masa%2F20241123%2F20241123205306.jpg","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/f4c036979206816ba119600483ce07fad03314e8/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fda9f7b035cd6752719f40178a2cd9874eaea0045%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkugi_masa%252F20241123%252F20241123205306.jpg"},"hasOwnThumbnail":true,"summary":"はじめに 10月11日(金)から10月13日(日)に初島で開催されたレイトレ合宿10に参加してきました！こちらはレイトレ合宿までの準備と当日の振り返り記事になります。はじめにレイトレ合宿に参加するまで今回の目標制作の過程 DirectX Raytracing Programming Vol.1 三角形描画までモデル描画まで提出作品『Chill in the Box』レイトレ合宿当日本戦セミナーレクリエーション Sponza ジグゾーパズル対決 Silent NaN の歌のライブまとめレイトレ合宿に参加するまでレイトレ合宿は自作レンダラーで描画されたレンダリング結果(…","url":"https://kugi-masa.hatenablog.com/entry/rtcamp10","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%82%A4%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%B3%E3%82%B0","name":"レイトレーシング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%82%A4%E3%83%88%E3%83%AC%E5%90%88%E5%AE%BF","name":"レイトレ合宿"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/DXR","name":"DXR"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%82%A4%E3%83%88%E3%83%AC","name":"レイトレ"}]},"publishedAt":"2024-11-24T19:47:14+09:00","blog":{"__typename":"Blog","url":"https://kugi-masa.hatenablog.com/","title":"kugi's notebook","iconURL":"https://cdn.image.st-hatena.com/image/square/ab7fe74c06326c54b84f012ebd2c729f6214c55d/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F154081835%2F1576146627939354"}},{"__typename":"BlogArticle","title":"Wings Engineは工業デザインとインタラクションに新たな章を開く","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/9768bd47a8876bf2a2366c342053feab3bb0c709/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fassets.st-note.com%2Fimg%2F1729044540-4R9UTVvY6Ns5q7bSOIy0e1Gj.png%3Fwidth%3D1200","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/3a40d3c317bb379b28dab1ad06e5249c3175b27b/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F9768bd47a8876bf2a2366c342053feab3bb0c709%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fassets.st-note.com%252Fimg%252F1729044540-4R9UTVvY6Ns5q7bSOIy0e1Gj.png%253Fwidth%253D1200"},"hasOwnThumbnail":true,"summary":"科学技術の急速な発展に伴い、デジタル化とインテリジェント化は工業発展の重要なトレンドとなっています。そのような背景の中、Wings Engineは革新的なインタラクティブな3DおよびXR（拡張現実）制作プラットフォームとして、工業分野で独自の魅力と巨大な潜在力を徐々に示しています。本記事では、Wings Engineが工業においてどのように活用され、工業デザインとインタラクションの新たな発展を促進しているかを探ります。製品デザインと展示工業デザインにおいて、Wings Engineはインタラクティブな製品モデルを簡単に作成できます。デザイナーはこのプラットフォームを使用して、製品のレンダリ…","url":"https://nishimiyasora.hatenablog.com/entry/2024/10/16/114236","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E5%B7%A5%E6%A5%AD","name":"工業"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3","name":"デザイン"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96","name":"インタラクティブ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%84%E3%82%A4%E3%83%B3","name":"デジタルツイン"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%A2%E3%83%87%E3%83%AB","name":"モデル"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%B7%E3%83%9F%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3","name":"シミュレーション"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E4%BB%AE%E6%83%B3%E7%8F%BE%E5%AE%9F","name":"仮想現実"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E6%8B%A1%E5%BC%B5%E7%8F%BE%E5%AE%9F","name":"拡張現実"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/WingsEngine","name":"WingsEngine"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"}]},"publishedAt":"2024-10-16T11:42:36+09:00","blog":{"__typename":"Blog","url":"https://nishimiyasora.hatenablog.com/","title":"nishimiyasora’s blog","iconURL":"https://cdn.image.st-hatena.com/image/square/ac2118fbbcfc4183d68e069759a2503fc4b91c15/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159541034%2F1722341235916935"}},{"__typename":"BlogArticle","title":"【初学者向け】CSR / SSR / SSG / ISRとは？架空アプリでレンダリング手法の違いを理解しよう！","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/62100ce8dbffe1420d27323c6c8f05d17b5d0ccf/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmochi_protein%2F20240926%2F20240926124835.png","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/5d96d59c18b0b27c717bbfc2805b4de647499a44/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F62100ce8dbffe1420d27323c6c8f05d17b5d0ccf%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmochi_protein%252F20240926%252F20240926124835.png"},"hasOwnThumbnail":true,"summary":"初めまして！新卒1年目のmochi_proteinと申します。 CSR / SSR / SSG / ISRがどのような概念か、架空アプリを例として、それぞれの違いを初学者向けにやさしく解説していきます！ 🔖目次は以下の通りです🔖 はじめに架空アプリ「楽楽鮮魚」の仕様前提知識レンダリングとは？動的にHTMLを生成するとは？ CSR（クライアントサイドレンダリング）とは？概要「楽楽鮮魚」が CSR を採用したら？初期画面(在庫一覧画面)表示までの流れ詳細画面への遷移時の流れ CSRのメリット CSRのデメリットどのようなサービスに向いているか SSR（サーバーサイドレンダリング…","url":"https://tech-blog.rakus.co.jp/entry/20240927/rendering","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/CSR","name":"CSR"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/SSR","name":"SSR"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/SSG","name":"SSG"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/ISR","name":"ISR"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89","name":"フロントエンド"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/JavaScript","name":"JavaScript"}]},"publishedAt":"2024-09-27T15:00:00+09:00","blog":{"__typename":"Blog","url":"https://tech-blog.rakus.co.jp/","title":"RAKUS Developers Blog | ラクスエンジニアブログ","iconURL":"https://cdn.image.st-hatena.com/image/square/5195c3be617eb73ff090eefe1395e5aaca8a7b31/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F139758697%2F1517823016417395"}},{"__typename":"BlogArticle","title":"3D技術が日常生活にどう浸透するのか—3Dシミュレーション技術の応用","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/1e51eeead0990ae0e3d63c6e41ce4cb54831775f/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F151701124%2Fpicture_pc_05f4ece5a6fbb3ab051036cd5859e20d.gif%3Fwidth%3D1200","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/883f6a99aeed19aa44641901ee7b173583e75e4c/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F1e51eeead0990ae0e3d63c6e41ce4cb54831775f%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fassets.st-note.com%252Fproduction%252Fuploads%252Fimages%252F151701124%252Fpicture_pc_05f4ece5a6fbb3ab051036cd5859e20d.gif%253Fwidth%253D1200"},"hasOwnThumbnail":true,"summary":"3Dモデルシミュレーション（3D modeling and simulation）は専門的な分野の用語のように聞こえますが、実際にはその応用は専門分野を超えており、私たちの日常生活にも広く浸透しています。建築デザインや映画制作、ゲーム開発などの従来の応用分野に加え、3Dモデルシミュレーションは教育、観光、ショッピング、医療などの多くの分野で私たちの生活に深い影響を与えています。特に、Wings Engineなどの先進技術の導入により、3Dモデルシミュレーションの応用はより普及し、多様化しています。 1.教育とトレーニングの変革 3Dモデルシミュレーションは教育分野での応用において、従来の教育方…","url":"https://nishimiyasora.hatenablog.com/entry/2024/08/23/183353","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%B7%E3%83%9F%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3","name":"シミュレーション"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E4%BB%AE%E6%83%B3%E7%8F%BE%E5%AE%9F","name":"仮想現実"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E6%95%99%E8%82%B2","name":"教育"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E4%B8%8D%E5%8B%95%E7%94%A3","name":"不動産"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC","name":"テクノロジー"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%84%E3%82%A4%E3%83%B3","name":"デジタルツイン"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/WingsEngine","name":"WingsEngine"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E5%8C%BB%E7%99%82","name":"医療"}]},"publishedAt":"2024-08-23T18:33:53+09:00","blog":{"__typename":"Blog","url":"https://nishimiyasora.hatenablog.com/","title":"nishimiyasora’s blog","iconURL":"https://cdn.image.st-hatena.com/image/square/ac2118fbbcfc4183d68e069759a2503fc4b91c15/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159541034%2F1722341235916935"}},{"__typename":"BlogArticle","title":"デジタル化推進！Wings Engineがもたらす新しい自動車購入体験","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/3f761ef26128e115468c00b5382851c8a2362e70/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEjdvRxYNd3WW4V13U9MJmaY9tFEAnNK5d1htiDByDnSnlCiR5GIMO6Dg07XbiUQ4PMsxXaQq4XjSKggaJU0_q9ctLQecVAUd0FozUGoiIIoK0AuiYAguR3TVuE11xYQeLqAQvkcoE7LIHl__Is84tRaZOgfKv287slx3a5m4opFpTH6O-G_16xzcuwD6BEb%2Fw400-h221%2F4.%2520%25E8%25BD%25A6%25E9%2597%25A8.gif","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/54535bfe4c8adb9137f5c372a048726dba78e219/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3f761ef26128e115468c00b5382851c8a2362e70%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fblogger.googleusercontent.com%252Fimg%252Fb%252FR29vZ2xl%252FAVvXsEjdvRxYNd3WW4V13U9MJmaY9tFEAnNK5d1htiDByDnSnlCiR5GIMO6Dg07XbiUQ4PMsxXaQq4XjSKggaJU0_q9ctLQecVAUd0FozUGoiIIoK0AuiYAguR3TVuE11xYQeLqAQvkcoE7LIHl__Is84tRaZOgfKv287slx3a5m4opFpTH6O-G_16xzcuwD6BEb%252Fw400-h221%252F4.%252520%2525E8%2525BD%2525A6%2525E9%252597%2525A8.gif"},"hasOwnThumbnail":true,"summary":"消費者の購買体験に対する期待が高まり、単なる静止画像や文字による紹介だけでは、車の外観、性能、ドライビング体験を包括的に理解することは難しくなっています。こうした背景の中、3D技術が徐々に自動車販売の分野で革新的な力となりつつあります。Wings Engineは、強力なリアルタイムレンダリングとインタラクティブな機能を備えた先進的な3Dエンジンとして、自動車販売に新たな体験をもたらしています。自動車販売における3Dシーンの重要性 1.没入型体験 3Dシーンの最大の利点は、ユーザーに没入型の体験を提供できることです。Wings Engineで構築された3Dバーチャルショールームを通じて、消費者…","url":"https://nishimiyasora.hatenablog.com/entry/2024/08/22/175503","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E8%87%AA%E5%8B%95%E8%BB%8A%E8%B2%A9%E5%A3%B2","name":"自動車販売"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/3D","name":"3D"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E6%B2%A1%E5%85%A5%E5%9E%8B%E4%BD%93%E9%A8%93","name":"没入型体験"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96","name":"インタラクティブ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/WingsEngine","name":"WingsEngine"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0","name":"マーケティング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%87%E3%83%BC%E3%82%BF%E5%88%86%E6%9E%90","name":"データ分析"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E5%8C%96","name":"デジタル化"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E4%BB%AE%E6%83%B3%E7%8F%BE%E5%AE%9F","name":"仮想現実"}]},"publishedAt":"2024-08-22T17:55:03+09:00","blog":{"__typename":"Blog","url":"https://nishimiyasora.hatenablog.com/","title":"nishimiyasora’s blog","iconURL":"https://cdn.image.st-hatena.com/image/square/ac2118fbbcfc4183d68e069759a2503fc4b91c15/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159541034%2F1722341235916935"}},{"__typename":"BlogArticle","title":"ECSを使ってTextMesh Proの文字を大量に描画する","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/7bc9b66e3b968ad8a08143c704919ba75404ce4c/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fe%2Fedo_m18%2F20240412%2F20240412080035.jpg","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/d8a3849626d31d481b2082b83ecc6b0a349a010f/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F7bc9b66e3b968ad8a08143c704919ba75404ce4c%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fe%252Fedo_m18%252F20240412%252F20240412080035.jpg"},"hasOwnThumbnail":true,"summary":"前回の記事では、ECS自体の使いどころやそもそもなぜ高速化するのかという点について書きました。 edom18.hateblo.jp 記事の中で紹介した動画はTextMesh Proの文字を利用して大量に文字を空間に表示するというものでした。こんなやつ↓ 文字を表示するMeshをQuadのものに統一してBatch Group化の効率を上げて描画してみたら、80,000文字でも余裕で60FPS以上出た。プロファイラ見ると250FPSくらいの速度出てる。#Unity #ECS pic.twitter.com/yNcbk69Ukd— edom18@XR / MESON CTO (@edo_m18) …","url":"https://edom18.hateblo.jp/entry/2024/04/13/105655","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/Unity","name":"Unity"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/ECS","name":"ECS"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/C%23","name":"C#"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"}]},"publishedAt":"2024-04-13T10:56:55+09:00","blog":{"__typename":"Blog","url":"https://edom18.hateblo.jp/","title":"e.blog","iconURL":"https://cdn.image.st-hatena.com/image/square/7f5eb372ba025b552aea9078801b3acd863ce704/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fcustom_blog_icon%2F547925%2F1514225928473482"}},{"__typename":"BlogArticle","title":"SSRってMPAやSPAと何が違うの!?","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/f5979add26fe1694bc5b605d3c003214abb30362/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fe%2Fecb_HasegawaHiroto%2F20240308%2F20240308151438.jpg","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/0b74ac6a0e055026140388656c7e4df1c6a82033/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff5979add26fe1694bc5b605d3c003214abb30362%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fe%252Fecb_HasegawaHiroto%252F20240308%252F20240308151438.jpg"},"hasOwnThumbnail":true,"summary":"こんにちは！ ecbeing新卒一年目の長谷川啓人です！二度目の投稿になり、初めましての呪縛から解放されました。今回はモダンなWebレンダリング方式であるSSRについて、まとめさせて頂きます。このテーマについて解説されている記事自体は多く公開されています。しかし、新人目線ではわかりにくいものも多く感じたので、ここでは同じような立場の方々に向けて噛み砕いた解説をさせていただきましょう！","url":"https://blog.ecbeing.tech/entry/2024/03/25/080000","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/SSR","name":"SSR"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/SPA","name":"SPA"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/MPA","name":"MPA"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/Web%20%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3","name":"Web アプリケーション"}]},"publishedAt":"2024-03-25T08:00:00+09:00","blog":{"__typename":"Blog","url":"https://blog.ecbeing.tech/","title":"ecbeing labs（イーシービーイング・ラボ）","iconURL":"https://cdn.image.st-hatena.com/image/square/0d10b8ab91c5f14ebbb98480ec677b94a6049ed6/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F154143773%2F1554353619782476"}},{"__typename":"BlogArticle","title":"久しぶりの動画編集、趣味を愉しむ！ (その６)","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/c4aed4a25df7840b1b764edf014a179c03c867b4/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FS%2FSquid_Angler_55%2F20240225%2F20240225101445.jpg","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/97b9dfeea99019ce7000987dffc807165f5447ca/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc4aed4a25df7840b1b764edf014a179c03c867b4%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FS%252FSquid_Angler_55%252F20240225%252F20240225101445.jpg"},"hasOwnThumbnail":true,"summary":"解決に向けて、もがいてみると、達成感が得られるもの！動画編集を始めて３３年ですが、編集アプリの『アドビプレミア』は、奥が深くて、いまだに判らないことに、直面するものです。今回、ＤＶＤ１２８枚に収めていたこれまでの動画ファイルをパソコンのハードディスクに、移して、１年ごとの再編集をしようとした矢先２度もトラブって、紛糾してしまったのです。１度目は、ハードディスクドライブＣの空きがなくなったことです。ディスククリーンアップ作業や、ドライブＤへ重たいアプリを移したりして、一時的に空きが増えたのですが、映像ファイルをドライブＤに移していると、再びドライブＣの空き領域が、なく…","url":"https://squid-angler-55.hateblo.jp/entry/2024/02/25/105557","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E5%8B%95%E7%94%BB%E7%B7%A8%E9%9B%86","name":"動画編集"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%A2%E3%83%89%E3%83%93%E3%83%97%E3%83%AC%E3%83%9F%E3%82%A2","name":"アドビプレミア"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%EF%BC%A4%EF%BC%B6%EF%BC%A4%E6%98%A0%E5%83%8F","name":"ＤＶＤ映像"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%8F%E3%83%BC%E3%83%89%E3%83%87%E3%82%A3%E3%82%B9%E3%82%AF","name":"ハードディスク"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E7%A9%BA%E3%81%8D%E9%A0%98%E5%9F%9F","name":"空き領域"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7%E3%83%A5%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB","name":"メディアキャッシュファイル"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%93%E3%83%87%E3%82%AA%E3%82%B3%E3%83%B3%E3%83%90%E3%83%BC%E3%82%BF%E3%82%A2%E3%83%97%E3%83%AA","name":"ビデオコンバータアプリ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88%E5%A4%89%E6%8F%9B","name":"フォーマット変換"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E9%81%94%E6%88%90%E6%84%9F","name":"達成感"}]},"publishedAt":"2024-02-25T10:55:57+09:00","blog":{"__typename":"Blog","url":"https://squid-angler-55.hateblo.jp/","title":"Squid_Angler_55’s blog","iconURL":"https://cdn.image.st-hatena.com/image/square/a2c1b5330f28e131a826026a91187425d72dea58/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158669386%2F1691459616670979"}},{"__typename":"BlogArticle","title":"Substance Painter Irayでカメラ設定が変えられない場合の対処法","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/ccf53a1c73cd431b9ce7fa3810ce2d4f2a7ad357/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2FtubakihimeLoveHate%2F20240118%2F20240118083020.png","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/2307db2e9387dc917b2391f339451df525be3273/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fccf53a1c73cd431b9ce7fa3810ce2d4f2a7ad357%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ft%252FtubakihimeLoveHate%252F20240118%252F20240118083020.png"},"hasOwnThumbnail":true,"summary":"初歩的なことでしたが、初心者の私には半日くらいわからなかったのでメモ結論投影方法によってカメラで設定できる項目が異なるカメラ設定が一部変更できない Iray(レンダリング)を使っていると下画像のようになりました。 Substance Painter初心者なのですが、lrayでカメラがモデルに食い込んでる？っぽく直し方がわかりませんかなり離れると直りますがこの距離で正しく映したいです pic.twitter.com/YCIHLwwknV — ラブヘイト@うにty生活ブログ (@unity_stamp) January 17, 2024 カメラが悪さしていることはわかっていましたが、そのカメ…","url":"https://www.lovehatetubaki.work/entry/substance-painter-iray-camera-hidden","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/Substance%20Painter","name":"Substance Painter"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/SP","name":"SP"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%AB%E3%83%A1%E3%83%A9","name":"カメラ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"}]},"publishedAt":"2024-01-18T08:39:16+09:00","blog":{"__typename":"Blog","url":"https://www.lovehatetubaki.work/","title":"うにty生活","iconURL":"https://cdn.image.st-hatena.com/image/square/040eb79b4462b698ce1895aa8eeaca87526821e0/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F148905177%2F152635469467621"}},{"__typename":"BlogArticle","title":"【Lenovo パソコン「無料モニター」シリーズ③「IdeaPad Gaming 370i」体験談】ついにデスクトップパソコンがノートパソコンに敗北！アフターエフェクトのレンダリングを短縮させるのはメモリの量ではなかった！？","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/4937ae6b451e44f9fe96a6b35c27b9644e98071c/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fn%2Fnicotravel%2F20240115%2F20240115221159.png","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/03500b3e14be0a18f18fcab554c50ca845a5f615/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F4937ae6b451e44f9fe96a6b35c27b9644e98071c%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fn%252Fnicotravel%252F20240115%252F20240115221159.png"},"hasOwnThumbnail":true,"summary":"みなさん、こんばんは！レノボの無料モニターキャンペーンに引き続き参加させていただいております。 gaming 今日は、IdeaPad Gaming 370i という機種を試させていただきましたが、こちら、グラフィックボード（良いもの）が付いているパソコンになります！もう結論を言っちゃいましょう！私の愛用する自慢のデスクトップパソコンが今回紹介させていただきますIdeaPad Gaming 370iに完敗してしまいました！涙😿☟ IdeaPad もう一度こちらのPCのスペックを確認しておきます。初のRTX3060 230WのACアダプターでパワフルに使いこなす IdeaPad Ga…","url":"https://nicotravel.hatenablog.com/entry/2024/01/16/001007","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/Lenovo","name":"Lenovo"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%A2%E3%83%95%E3%82%BF%E3%83%BC%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88","name":"アフターエフェクト"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","name":"レンダリング"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E6%A4%9C%E8%A8%BC","name":"検証"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%8E%E3%83%9C","name":"レノボ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%B2%E3%83%BC%E3%83%9F%E3%83%B3%E3%82%B0pc%20%E3%81%8A%E3%81%99%E3%81%99%E3%82%81","name":"ゲーミングpc おすすめ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/Adobe","name":"Adobe"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/RTX%203060","name":"RTX 3060"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/nVidia","name":"nVidia"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%B0%E3%83%A9%E3%83%9C","name":"グラボ"}]},"publishedAt":"2024-01-16T00:10:07+09:00","blog":{"__typename":"Blog","url":"https://nicotravel.hatenablog.com/","title":"NicoTravelの日記","iconURL":"https://cdn.image.st-hatena.com/image/square/07528ae03a107bbf32ffd145ca4766808ec6e3b8/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158191046%2F167462066288184"}}],"pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MTcwNDMxNDE5Niw2ODAxODgzMTg5MDc1MzkzMDE2"}},"name":"レンダリング","primaryMeaning":{"__typename":"Meaning","genre":{"__typename":"Genre","name":"コンピュータ","url":"/keywordlist?cname=%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF"}},"url":"https://d.hatena.ne.jp/keyword/%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0","furigana":"れんだりんぐ","bookmarkedEntries({\"first\":10,\"order\":\"RECENT\"})":{"__typename":"BookmarkedEntryConnection","nodes":[{"__typename":"BookmarkEntry","title":"React のレンダリングとオブジェクト参照を理解する","description":"はじめに React アプリケーションのパフォーマンスを最適化する上で、レンダリングの挙動を理解することは非常に重要です。特に、オブジェクト参照の等価性（Object Referential Equality）は、React のレンダリングメカニズムの根幹をなす概念の一つです。この記事で学ぶこと React のレンダリングが発生するメカニズ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/bd0e93e7185ce0d87d044249178d36928493520f/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--0uN_gGOp--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%252520%2525E3%252581%2525AE%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252581%2525A8%2525E3%252582%2525AA%2525E3%252583%252596%2525E3%252582%2525B8%2525E3%252582%2525A7%2525E3%252582%2525AF%2525E3%252583%252588%2525E5%25258F%252582%2525E7%252585%2525A7%2525E3%252582%252592%2525E7%252590%252586%2525E8%2525A7%2525A3%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AFarStep%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzI1NDRiZmJiZGQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":5,"siteURL":"zenn.dev","url":"https://zenn.dev/farstep/articles/react-rendering-object-reference","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/farstep/articles/react-rendering-object-reference","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/farstep","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Ffarstep%2Farticles%2Freact-rendering-object-reference"},{"__typename":"BookmarkEntry","title":"Microsoftが「Chromium」のテキストレンダリングを改善～Windowsなら「Edge」以外にも恩恵／他のネイティブWindowsアプリケーションの品質と鮮明度に匹敵","description":"","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/dc37392d9c9ed98a67b02c876d1264186cc6a15f/height=200;version=1;width=200/https%3A%2F%2Fforest.watch.impress.co.jp%2Fimg%2Fwf%2Flist%2F1660%2F913%2Fmicrosoft_edge.jpg"},"bookmarksCount":26,"siteURL":"forest.watch.impress.co.jp","url":"https://forest.watch.impress.co.jp/docs/news/1660913.html","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/forest.watch.impress.co.jp/docs/news/1660913.html","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/forest.watch.impress.co.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fforest.watch.impress.co.jp%2Fdocs%2Fnews%2F1660913.html"},{"__typename":"BookmarkEntry","title":"【レンダリング大全】CSR, SSR, SPA, MPA, PPRの意味、そもそもレンダリングとは【2025年始】","description":"はじめにフロントエンド開発においてレンダリングという言葉はさまざまな場面で登場します。さらに、Server-Side Rendering(SSR)のように「レンダリング」という言葉が名前に含まれているものを含め、Single-Page Application(SPA)など、レンダリングに関連した議論でよく使われる用語も数多く存在します。そして、こ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/aca59c790101b1369a7a5e0d7e4ee456216a34fd/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--pUwGNcRv--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E5%2525A4%2525A7%2525E5%252585%2525A8%2525E3%252580%252591CSR%25252C%252520SSR%25252C%252520SPA%25252C%252520MPA%25252C%252520PPR%2525E3%252581%2525AE%2525E6%252584%25258F%2525E5%252591%2525B3%2525E3%252580%252581%2525E3%252581%25259D%2525E3%252582%252582%2525E3%252581%25259D%2525E3%252582%252582%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252581%2525A8%2525E3%252581%2525AF%2525E3%252580%2525902025%2525E5%2525B9%2525B4%2525E5%2525A7%25258B%2525E3%252580%252591%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%2525A8%2525E3%252583%252593%2525E3%252583%252595%2525E3%252583%2525A9%2525E3%252582%2525A4%2525E3%252581%2525AE%2525E9%252580%252586%2525E8%2525A5%2525B2%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzVlOWEyMzM1NmEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":349,"siteURL":"zenn.dev","url":"https://zenn.dev/txxm/articles/f04b21949ddab3","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/txxm/articles/f04b21949ddab3","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/txxm","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Ftxxm%2Farticles%2Ff04b21949ddab3"},{"__typename":"BookmarkEntry","title":"Reactは初回レンダリングを特別扱いしない - honey32","description":"#Reactというパラダイムについて React の画面インタラクションの実装は、イベントハンドラの実行→ ステートの更新→レンダー（コンポーネントたる関数の実行）→エフェクトの実行（→ステートの更新→…）という流れになっている。実は、たいていのロジックは「イベントハンドラ→ステート更新→レンダー」だけで書けるので...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/3aa0d502c35c19c0d5762813e93b4e10bf7c083b/height=200;version=1;width=200/https%3A%2F%2Fscrapbox.io%2Ffiles%2F67765eb17e79bd9fbd23b5fc.png%3Ftype%3Dthumbnail"},"bookmarksCount":37,"siteURL":"scrapbox.io","url":"https://scrapbox.io/honey32/React%E3%81%AF%E5%88%9D%E5%9B%9E%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%92%E7%89%B9%E5%88%A5%E6%89%B1%E3%81%84%E3%81%97%E3%81%AA%E3%81%84","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/scrapbox.io/honey32/React%E3%81%AF%E5%88%9D%E5%9B%9E%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%92%E7%89%B9%E5%88%A5%E6%89%B1%E3%81%84%E3%81%97%E3%81%AA%E3%81%84","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/scrapbox.io/honey32/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fscrapbox.io%2Fhoney32%2FReact%25E3%2581%25AF%25E5%2588%259D%25E5%259B%259E%25E3%2583%25AC%25E3%2583%25B3%25E3%2583%2580%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25B0%25E3%2582%2592%25E7%2589%25B9%25E5%2588%25A5%25E6%2589%25B1%25E3%2581%2584%25E3%2581%2597%25E3%2581%25AA%25E3%2581%2584"},{"__typename":"BookmarkEntry","title":"リアクションを効率化するRBT、レンダリングを軽量化するcontent-visibility | gihyo.jp","description":"Misskey \u0026 Webテクノロジー最前線リアクションを効率化するRBT⁠⁠、レンダリングを軽量化するcontent-visibility 本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行っています。 Misskeyでは、新機能の追加や改修・バグ修正はもちろんですが、運営者がより少な...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/0cd34618d809d76d5e3f78e9a7cdc9f3cabe6378/height=200;version=1;width=200/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2023%2F2030_misskey.png"},"bookmarksCount":6,"siteURL":"gihyo.jp","url":"https://gihyo.jp/article/2024/11/misskey-17","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/gihyo.jp/article/2024/11/misskey-17","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/gihyo.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fgihyo.jp%2Farticle%2F2024%2F11%2Fmisskey-17"},{"__typename":"BookmarkEntry","title":"レンダリングを探訪する","description":"※ 当記事は、さくらじまハウス 2024 のLT「レンダリングを探訪する」の書き起こしとして作成しました。 LT資料: はじめにこの記事では、ブラウザのレンダリングについて掘り下げていきます。Web アプリケーション開発において、パフォーマンスの最適化や複雑なバグの解決は日常的な課題です。ブラウザのレンダリングフ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/2b0e087356c5793d4e5d21db5f186cc6fdcdd851/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--4XSg4lUm--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252582%252592%2525E6%25258E%2525A2%2525E8%2525A8%2525AA%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ayoshikouki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2I5YzZhMTdlMTIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":91,"siteURL":"zenn.dev","url":"https://zenn.dev/yoshikouki/articles/explore-rendering","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/yoshikouki/articles/explore-rendering","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/yoshikouki","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fyoshikouki%2Farticles%2Fexplore-rendering"},{"__typename":"BookmarkEntry","title":"Reactのレンダリングとメモ化についてようやく理解したので書く - Qiita","description":"Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? レンダリングとメモ化についてようやく理解したので書くなぜこの記事を書こうと思ったのか Reactを学び始めてから、props の渡し方、配列処理のメソッド、ユーティリティ関数の使...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/57a68b0341890d696504641088f5f4a8afb4adfc/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmVhY3QlRTMlODElQUUlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODAlRTMlODMlQUElRTMlODMlQjMlRTMlODIlQjAlRTMlODElQTglRTMlODMlQTElRTMlODMlQTIlRTUlOEMlOTYlRTMlODElQUIlRTMlODElQTQlRTMlODElODQlRTMlODElQTYlRTMlODIlODglRTMlODElODYlRTMlODIlODQlRTMlODElOEYlRTclOTAlODYlRTglQTclQTMlRTMlODElOTclRTMlODElOUYlRTMlODElQUUlRTMlODElQTclRTYlOUIlQjglRTMlODElOEYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTVjMjIwMTQwYmMwZWViYWVjOGQ4OTIzYmEyNDJmYWMz%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBudWhhaGFfMjAyMyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZWQyZGIwZGY1NmU0YjI3ZWM2Mzg4Yzk3NDM2MDMwYTU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D7e06ae142577d8345981a0c676bebab7"},"bookmarksCount":163,"siteURL":"qiita.com","url":"https://qiita.com/nuhaha_2023/items/9ce5fbde8646e490906e","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/qiita.com/nuhaha_2023/items/9ce5fbde8646e490906e","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/qiita.com/nuhaha_2023","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fnuhaha_2023%2Fitems%2F9ce5fbde8646e490906e"},{"__typename":"BookmarkEntry","title":"便利なヘルプセンターにはいろんなレンダリング手法が必要！ ── SSG・CSR・ISR・SSR - SmartHR Tech Blog","description":"こんにちは、UXライティング部のibulogです。社内では「サポートコンテンツマネージャー」というポジションでお仕事をしています。普通は記事の最後で「We Are Hiring!」するのが相場と心得ておりますが、逸る気持ちを抑えきれませんので、もう求人情報を貼っちゃいます。サポートコンテンツ戦略・基盤担当 / 株式会社...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/0c548e02f8c80364992e5190df98de332684816a/height=200;version=1;width=200/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F32f8e390c63c7c863d604d86191b867be7877180%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fs%252Fsmarthr%252F20241002%252F20241002150024.png"},"bookmarksCount":7,"siteURL":"tech.smarthr.jp","url":"https://tech.smarthr.jp/entry/2024/10/02/150000","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/tech.smarthr.jp/entry/2024/10/02/150000","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/tech.smarthr.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Ftech.smarthr.jp%2Fentry%2F2024%2F10%2F02%2F150000"},{"__typename":"BookmarkEntry","title":"[Unity]崩壊スターレイルのキャラクターレンダリング再現 - Qiita","description":"はじめに zhihuのNPR技術解説記事を色々読んで知見がたまってきたので練習として崩壊スターレイルのキャラクターレンダリング再現をしてみました右がfbxを読み込んでtoon shaderを適用しただけの状態で左が調整後ですこれは参考用に撮影してきたゲーム内の画像です注意 unity 2022.3.22f1 URP14 を使用しています記...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/f8e14e051bd24c2a62ea3d58206b39ac502911c4/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlRTUlQjQlQTklRTUlQTMlOEElRTMlODIlQjklRTMlODIlQkYlRTMlODMlQkMlRTMlODMlQUMlRTMlODIlQTQlRTMlODMlQUIlRTMlODElQUUlRTMlODIlQUQlRTMlODMlQTMlRTMlODMlQTklRTMlODIlQUYlRTMlODIlQkYlRTMlODMlQkMlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODAlRTMlODMlQUElRTMlODMlQjMlRTMlODIlQjAlRTUlODYlOEQlRTclOEYlQkUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTNmMjBiNGJjMzU4N2EyMmZmOWQxZjZjMWMwMzhjOTM2%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtZXRhYWEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTdmMmQ4ZTYwMmNkZGM5NDdjM2FiNjZkMGRhMDcxMDgz%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D494b314743fc242eab038f03d96293e7"},"bookmarksCount":99,"siteURL":"qiita.com","url":"https://qiita.com/metaaa/items/c8968257e40dcfb7d0d8","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/qiita.com/metaaa/items/c8968257e40dcfb7d0d8","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/qiita.com/metaaa","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fmetaaa%2Fitems%2Fc8968257e40dcfb7d0d8"},{"__typename":"BookmarkEntry","title":"【初学者向け】CSR / SSR / SSG / ISRとは？架空アプリでレンダリング手法の違いを理解しよう！ - RAKUS Developers Blog | ラクスエンジニアブログ","description":"初めまして！新卒1年目のmochi_proteinと申します。 CSR / SSR / SSG / ISRがどのような概念か、架空アプリを例として、それぞれの違いを初学者向けにやさしく解説していきます！ 🔖目次は以下の通りです🔖 はじめに架空アプリ「楽楽鮮魚」の仕様前提知識レンダリングとは？動的にHTMLを生成するとは？ CSR（クライ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/8a11de5a3549a5b6066d74b5cb559e5e3db19482/height=200;version=1;width=200/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F51d1a2968d3da79b4afc343cfdc233d7fec634dc%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmochi_protein%252F20240926%252F20240926124835.png"},"bookmarksCount":73,"siteURL":"tech-blog.rakus.co.jp","url":"https://tech-blog.rakus.co.jp/entry/20240927/rendering","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/tech-blog.rakus.co.jp/entry/20240927/rendering","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/tech-blog.rakus.co.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Ftech-blog.rakus.co.jp%2Fentry%2F20240927%2Frendering"}]},"bookmarkedEntries({\"first\":9,\"order\":\"POPULAR\"})":{"__typename":"BookmarkedEntryConnection","nodes":[{"__typename":"BookmarkEntry","title":"Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説","description":"ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/03c12073fab6c554d229314302e15d6ec7cfc7fd/height=200;version=1;width=200/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202004%2F2020110701%402x.png"},"bookmarksCount":1127,"siteURL":"coliss.com","url":"https://coliss.com/articles/build-websites/operation/work/how-the-browser-renders-a-web-page.html","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/how-the-browser-renders-a-web-page.html","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/coliss.com/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Fhow-the-browser-renders-a-web-page.html"},{"__typename":"BookmarkEntry","title":"西川善司の3Dゲームファンのための「ラブプラス」グラフィックス講座 DSの3D能力を超えた5,000ポリゴンキャラクターをレンダリングする技術に迫る - GAME Watch","description":"西川善司の3Dゲームファンのための「ラブプラス」グラフィックス講座 DSの3D能力を超えた5,000ポリゴンキャラクターをレンダリングする技術に迫る会場：ＫＯＮＡＭＩ本社本連載は、センセーションを与えた3Dゲームグラフィックスにスポットをあてていく連載である。本連載ではこれまではどちらかと言えばハイエンド技...","thumbnail":null,"bookmarksCount":528,"siteURL":"game.watch.impress.co.jp","url":"http://game.watch.impress.co.jp/docs/series/20100430_365048.html","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/game.watch.impress.co.jp/docs/series/20100430_365048.html","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/game.watch.impress.co.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=http%3A%2F%2Fgame.watch.impress.co.jp%2Fdocs%2Fseries%2F20100430_365048.html"},{"__typename":"BookmarkEntry","title":"Reactのレンダリングに関する完全ガイド - Qiita","description":"この記事はComplete Guide to React Rendering Behaviorの翻訳記事になっています。ご本人(Markさん)にも許可を頂いて翻訳しております。こちらの記事がReactのレンダリングを理解する上で今までで一番体系的で一番分かりやすかったので、ぜひ紹介したく翻訳させて頂きました。翻訳ツールにもたくさん助けてもらいな...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/601fe42b5b9927648d648d6d1a30fc3bd0e64ff3/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmVhY3QlRTMlODElQUUlRTMlODMlQUMlRTMlODMlQjMlRTMlODMlODAlRTMlODMlQUElRTMlODMlQjMlRTMlODIlQjAlRTMlODElQUIlRTklOTYlQTIlRTMlODElOTklRTMlODIlOEIlRTUlQUUlOEMlRTUlODUlQTglRTMlODIlQUMlRTMlODIlQTQlRTMlODMlODkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTgzNzc0NDAzZTM2MDc2YjNkMGY0M2Q1ZGIyNTBjZGNj%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoZWxsb2tlbnRhJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zYmFjNzVlZDA5ZGQyZWZlMDE2NGY3YmRlOTQzMTBjNQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D61ae04245a9c675324ee4eebddf9ae5f"},"bookmarksCount":436,"siteURL":"qiita.com","url":"https://qiita.com/hellokenta/items/6b795501a0a8921bb6b5","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/qiita.com/hellokenta/items/6b795501a0a8921bb6b5","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/qiita.com/hellokenta","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fhellokenta%2Fitems%2F6b795501a0a8921bb6b5"},{"__typename":"BookmarkEntry","title":"［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019","description":"［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019 マイクロソフトは米シアトルで開催中のイベント「Microsoft Build 2019」で、次期Microsoft Edgeの企業向け新機能としてInternet Explorer 11と同じ機能をMicrosoft Edge内で提供する「Internet ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/8317be4d588cb1007d85d910031732ca65191e1d/height=200;version=1;width=200/https%3A%2F%2Fwww.publickey1.jp%2F2019%2Fbuild201901.gif"},"bookmarksCount":430,"siteURL":"www.publickey1.jp","url":"https://www.publickey1.jp/blog/19/micrsoft_edgeinternet_explorer_modeie11microsoft_build_2019.html","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/19/micrsoft_edgeinternet_explorer_modeie11microsoft_build_2019.html","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/www.publickey1.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F19%2Fmicrsoft_edgeinternet_explorer_modeie11microsoft_build_2019.html"},{"__typename":"BookmarkEntry","title":"うみゆき@AI研究 on Twitter: \"はい、ゲームエンド。ハッキリ言ってControlNetの登場によって、今までの画像生成での複雑な呪文を試行錯誤してガチャ引きまくって何とかするパラダイムは試合終了しました。これからはプロンプトフリーになって、ボーンで直接構図やポーズを指定するAIレンダリングのパラダイムの始まりや https://t.co/st4tJMZIfo\"","description":"","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/ce89f324445c9f4a4fdfd664c4016b5b0b8507a6/height=200;version=1;width=200/https%3A%2F%2Fpbs.twimg.com%2Fprofile_images%2F1581572203660787712%2FSAdL4WOj.jpg"},"bookmarksCount":397,"siteURL":"twitter.com","url":"https://twitter.com/umiyuki_ai/status/1625738499986178050","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/twitter.com/umiyuki_ai/status/1625738499986178050","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/twitter.com/umiyuki_ai","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Ftwitter.com%2Fumiyuki_ai%2Fstatus%2F1625738499986178050"},{"__typename":"BookmarkEntry","title":"【レンダリング大全】CSR, SSR, SPA, MPA, PPRの意味、そもそもレンダリングとは【2025年始】","description":"はじめにフロントエンド開発においてレンダリングという言葉はさまざまな場面で登場します。さらに、Server-Side Rendering(SSR)のように「レンダリング」という言葉が名前に含まれているものを含め、Single-Page Application(SPA)など、レンダリングに関連した議論でよく使われる用語も数多く存在します。そして、こ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/aca59c790101b1369a7a5e0d7e4ee456216a34fd/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--pUwGNcRv--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E5%2525A4%2525A7%2525E5%252585%2525A8%2525E3%252580%252591CSR%25252C%252520SSR%25252C%252520SPA%25252C%252520MPA%25252C%252520PPR%2525E3%252581%2525AE%2525E6%252584%25258F%2525E5%252591%2525B3%2525E3%252580%252581%2525E3%252581%25259D%2525E3%252582%252582%2525E3%252581%25259D%2525E3%252582%252582%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252581%2525A8%2525E3%252581%2525AF%2525E3%252580%2525902025%2525E5%2525B9%2525B4%2525E5%2525A7%25258B%2525E3%252580%252591%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%2525A8%2525E3%252583%252593%2525E3%252583%252595%2525E3%252583%2525A9%2525E3%252582%2525A4%2525E3%252581%2525AE%2525E9%252580%252586%2525E8%2525A5%2525B2%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzVlOWEyMzM1NmEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":349,"siteURL":"zenn.dev","url":"https://zenn.dev/txxm/articles/f04b21949ddab3","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/txxm/articles/f04b21949ddab3","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/txxm","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Ftxxm%2Farticles%2Ff04b21949ddab3"},{"__typename":"BookmarkEntry","title":"Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？","description":"Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？静的なHTMLファイルをWebサーバが配信する仕組みから始まったWebは、サーバ側で動的にHTMLを生成するCGIの仕組みや、Webブラウザ上でJavaScriptを実行してインタラクティブ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/c7c0c5057ba8bf63989d2a8353e658d11896d9ba/height=200;version=1;width=200/https%3A%2F%2Fwww.publickey1.jp%2F2023%2F1uUM3zku.jpg"},"bookmarksCount":342,"siteURL":"www.publickey1.jp","url":"https://www.publickey1.jp/blog/23/webssrdenoisomorphic_javascriptuniversal_javascript.html","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/23/webssrdenoisomorphic_javascriptuniversal_javascript.html","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/www.publickey1.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F23%2Fwebssrdenoisomorphic_javascriptuniversal_javascript.html"},{"__typename":"BookmarkEntry","title":"サーバーサイドレンダリング不要論 - Qiita","description":"サーバーサイドレンダリング、Isomorphic、Universal JavaScriptなどの言葉をよく見かけます。なるほどね、良さそうだね、外部公開するサービスを書くことがあったら挑戦してみたいね、Mithrilにもisomorphic-mithrilってのをがんばっている人がいるし、みたいなことを漠然と思っていたのですが、最近ASCII.jpのシステム...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/a80cea050195248096102b47287a5985df2aad00/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgzJUJDJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg5JUUzJTgzJUFDJUUzJTgzJUIzJUUzJTgzJTgwJUUzJTgzJUFBJUUzJTgzJUIzJUUzJTgyJUIwJUU0JUI4JThEJUU4JUE2JTgxJUU4JUFCJTk2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zZTAwN2E4NGJkNmY5MjYwNWMyM2Q4NDRlYjkxMWM3OA%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBzaGlidWthd2EmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJlMmM1OTAxOWU0ODA5MWE4Y2I2YzAxM2I5MTEzZjQy%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g44OV44Ol44O844OB44Oj44O85qCq5byP5Lya56S-%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3Db1cca3f3579f32517cc0f7cfd767a31b"},"bookmarksCount":329,"siteURL":"qiita.com","url":"https://qiita.com/shibukawa/items/184d3101946ec4fa98c1","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/qiita.com/shibukawa/items/184d3101946ec4fa98c1","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/qiita.com/shibukawa","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fshibukawa%2Fitems%2F184d3101946ec4fa98c1"},{"__typename":"BookmarkEntry","title":"CSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上する","description":"Webページのパフォーマンスを向上させることは、CSSでも可能です。去年の暮れからChromeで利用できるようになったCSSの新しいプロパティで、2021年現在Edge, Operaにもサポートされています。読み込みパフォーマンスを向上させるために最も効果があるCSSの新しいプロパティcontent-visibilityについて紹介します。 cont...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/a36026ba64c7dea79e388f5711745621e85d0fce/height=200;version=1;width=200/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202101%2F2021012301%402x.png"},"bookmarksCount":318,"siteURL":"coliss.com","url":"https://coliss.com/articles/build-websites/operation/css/css-new-property-content-visibility.html","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css-new-property-content-visibility.html","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/coliss.com/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss-new-property-content-visibility.html"}]}}}}}},"page":"/keyword/_permalink_reborn","query":{"name":"レンダリング","fromHatenaBlog":""},"buildId":"8MX8gND8BYpmrsrzfNHI8","assetPrefix":"https://live.blog-tags.st-hatena.com","runtimeConfig":{"KOTOBA_GRAPHQL_ENDPOINT":"https://live.blog-tags.hatenaapis.com/api/graphql","KOTOBA_API_KEY":"Vm6DEwznUvNxxOnvDJZquQjC5cQacmbAW2O8CoZf0Xw="}}</script><script async="" data-next-page="/keyword/_permalink_reborn" src="https://live.blog-tags.st-hatena.com/_next/static/8MX8gND8BYpmrsrzfNHI8/pages/keyword/_permalink_reborn.js"></script><script async="" data-next-page="/_app" src="https://live.blog-tags.st-hatena.com/_next/static/8MX8gND8BYpmrsrzfNHI8/pages/_app.js"></script><script src="https://live.blog-tags.st-hatena.com/_next/static/runtime/webpack-035ac2b14bde147cb4a8.js" async=""></script><script src="https://live.blog-tags.st-hatena.com/_next/static/chunks/commons.d78459f0c3cff869b62b.js" async=""></script><script src="https://live.blog-tags.st-hatena.com/_next/static/runtime/main-389f2d5a5a59288bda75.js" async=""></script></body></html>

CINXE.COM

レンダリングとは コンピュータの人気・最新記事を集めました - はてな

レンダリングとはコンピュータの人気・最新記事を集めました - はてな