CINXE.COM
ハーバード大のコンピュータサイエンス講座「CS50」の日本語化が完了し、無償公開 LABOTがコロナ禍で影響を受けた学生に履修証明書ありの講座も開設 - こどもとIT
<!DOCTYPE HTML> <html lang="ja"><head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article# fb: http://ogp.me/ns/fb#"><link rel="canonical" href="https://edu.watch.impress.co.jp/docs/news/1436768.html"><meta charset="UTF-8"><meta name="author" content="株式会社インプレス"><meta name="copyright" content="Copyright © Impress Corporation. All Rights Reserved."><title>ハーバード大のコンピュータサイエンス講座「CS50」の日本語化が完了し、無償公開 LABOTがコロナ禍で影響を受けた学生に履修証明書ありの講座も開設 - こどもとIT</title><meta name="keywords" content="製品・サービス,プログラミング教育,トピック,情報Ⅰ必修化,校種,高等学校,大学・短大・専門学校"><meta name="creation_date" content="2022-09-02T06:40:00+09:00"><meta property="date" content="2022-12-28T11:45:03+09:00"><meta name="ipw:id" content="1436768"><meta name="ipw:site" content="kit"><meta name="ipw:year" content="2022"><meta name="ipw:month" content="9"><meta name="ipw:day" content="2"><meta name="ipw:firstpage" content="/docs/news/1436768.html"><meta property="fb:app_id" content="313703452412789" /><meta property="og:type" content="article"><meta property="og:locale" content="ja_JP"><meta property="og:site_name" content="こどもとIT"><meta property="og:url" content="https://edu.watch.impress.co.jp/docs/news/1436768.html"><meta property="og:title" content="ハーバード大のコンピュータサイエンス講座「CS50」の日本語化が完了し、無償公開"><meta property="og:description" content=" エンジニア養成スクール「CODEGYM」を運営しているLABOTは、米ハーバード大学がオンラインで無償公開しているプログラミング学習、コンピュータサイエンスの入門講座「CS50: Introduction to Computer Science」と「CS50’s Web Programming with Python and JavaScript」の2022年度版の日本語化を完了したと発表した。Webサイトで無償公開中。"><meta property="og:image" content="https://edu.watch.impress.co.jp/img/kit/list/1436/768/01.png"><meta property="article:published_time" content="2022-09-02T06:40:00+09:00"><meta property="article:modified_time" content="2022-12-28T11:45:03+09:00"><meta property="article:tag" content="製品・サービス,プログラミング教育,トピック,情報Ⅰ必修化,校種,高等学校,大学・短大・専門学校"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@EdTech_for_Kids"><meta name="twitter:image:src" content="https://edu.watch.impress.co.jp/img/kit/list/1436/768/01.png"><meta name="twitter:url" content="https://edu.watch.impress.co.jp/docs/news/1436768.html"><meta name="twitter:title" content="ハーバード大のコンピュータサイエンス講座「CS50」の日本語化が完了し、無償公開"><meta name="twitter:description" content=" エンジニア養成スクール「CODEGYM」を運営しているLABOTは、米ハーバード大学がオンラインで無償公開しているプログラミング学習、コンピュータサイエンスの入門講座「CS50: Introduction to Computer Science」と「CS50’s Web Programming with Python and JavaScript」の2022年度版の日本語化を完了したと発表した。Webサイトで無償公開中。"><meta name="distributable" content="licensee"><script type="application/ld+json">{"@context":"http://schema.org","@type":"NewsArticle","headline":"ハーバード大のコンピュータサイエンス講座「CS50」の日本語化が完了し、無償公開","image":["https://edu.watch.impress.co.jp/img/kit/list/1436/768/01.png"],"datePublished":"2022-09-02T06:40:00+09:00"}</script><script>ipc_article_info={url_struct:{total_page:1,urls:['/docs/news/1436768.html'],page_idx:0,cannonical:'/docs/news/1436768.html'},corner:['news'],category:[['breadcrumb','product','programming'],['breadcrumb','topic','joho1'],['breadcrumb','type','highschool'],['breadcrumb','type','higher_education'],['specialsite','kodomo_it']],tag:[],marketing_category:[]};</script><meta name="referrer" content="always"><meta name="robots" content="max-image-preview:large"><script>(function(d,c,a){console.log("dataLayer start");d.dataLayer=d.dataLayer||[];d.dataLayer.push({pageId:"",pageCmsSite:"",pageType:"",pageTitle:"",pageCreationDate:"",pageCreationHour:"",pageCreationWeekday:"",pageModifiedDate:"",pageElapsedTime:"",pageElapsedHour:"",pageElapsedDate:"",pageElapsedMonth:"",pageCanonicalUrl:"",pageImage:"",pageCorner:"",pageCategories:"",pageTags:"",pageAdvertise:"",pageBodyLength:"",pageRelated:"",pageExtend1:"",pageDevice:a,ipc_uid:"",clientWidth:"",clientHeight:""}); a=d.dataLayer[0];c.querySelector('meta[property="og:type"]')&&(a.pageType=c.querySelector('meta[property="og:type"]').getAttribute("content"));c.querySelector("title")&&(a.pageTitle=c.querySelector("title").innerText);c.querySelector('meta[name="keywords"]')&&(a.pageTags=c.querySelector('meta[name="keywords"]').getAttribute("content"));c.querySelector('meta[name="ipw:id"]')&&(a.pageId=c.querySelector('meta[name="ipw:id"]').getAttribute("content"));c.querySelector('meta[name="ipw:site"]')&&(a.pageCmsSite= c.querySelector('meta[name="ipw:site"]').getAttribute("content"));c.querySelector('meta[name="creation_date"]')&&(a.pageCreationDate=c.querySelector('meta[name="creation_date"]').getAttribute("content"));c.querySelector('meta[property="date"]')&&(a.pageModifiedDate=c.querySelector('meta[property="date"]').getAttribute("content"));if(c.querySelector('script[type="application/ld+json"]')){var b=JSON.parse(c.querySelector('script[type="application/ld+json"]').innerText);b.headline&&(a.pageTitle=b.headline); b.image&&(a.pageImage=b.image);b.datePublished&&(a.pageCreationDate=b.datePublished);b["@type"]&&(a.pageType=b["@type"])}"/"==location.pathname||location.pathname.match(/^\/(m\.|amp\.)?index\.html?/)?a.pageType="top":location.pathname.match(/\/([0-9]{4,5,6,7}|[0-9]{3,4}\/[0-9]{3}\/(m\.|amp\.)?index)\.html/)?a.pageType="article":location.pathname.match(/\/img\/.*\/docs\/.*\.html/)?a.pageType="zoom":location.pathname.match(/index/)&&(a.pageType="list");"website"==a.pageType||"WebSite"==a.pageType?a.pageType= "top":"NewsArticle"==a.pageType?a.pageType="article":"ImageObject"==a.pageType?a.pageType="zoom":"Periodical"==a.pageType&&(a.pageType="list");if(a.pageCreationDate){var f=new Date(a.pageCreationDate),e=((new Date).getTime()-f.getTime())/1E3;a.pageElapsedTime="1441. >=1d";if(86400>e)for(b=1;1440>=b;b++)if(e<60*b){a.pageElapsedTime=(10>b?"000":100>b?"00":1E3>b?"0":"")+b+". <"+b+"m";break}a.pageElapsedHour="169. >=7d";for(b=1;168>=b;b++)if(e<3600*b){a.pageElapsedHour=(10>b?"00":100>b?"0":"")+b+". <"+ b+"h";break}a.pageElapsedDate="91. >=90d";for(b=1;90>=b;b++)if(e<86400*b){a.pageElapsedDate=(10>b?"0":"")+b+". <"+b+"d";break}a.pageElapsedMonth="61. >=60M";for(b=1;60>=b;b++)if(e<2592E3*b){a.pageElapsedMonth=(10>b?"0":"")+b+". <"+b+"M";break}a.pageCreationHour=(10>f.getHours()?"0":"")+f.getHours();a.pageCreationWeekday=f.getDay()}c.querySelector('meta[property="og:image"]')&&(a.pageImage=c.querySelector('meta[property="og:image"]').getAttribute("content"));c.querySelector('link[rel="canonical"]')&& (a.pageCanonicalUrl=c.querySelector('link[rel="canonical"]').getAttribute("href"));window.ipc_article_info&&ipc_article_info.corner&&(a.pageCorner=ipc_article_info.corner[0]);if(window.ipc_article_info&&ipc_article_info.category)for(b=0;b<ipc_article_info.category.length;b++)for(0<b&&(a.pageCategories+=","),1==ipc_article_info.category[b].length&&"native-tie-up"==ipc_article_info.category[b][0]&&(a.pageAdvertise="1"),c=0;c<ipc_article_info.category[b].length;c++)0<c&&(a.pageCategories+="-"),a.pageCategories+= ipc_article_info.category[b][c];if(window.ipc_article_info&&ipc_article_info.tag)for(b=0;b<ipc_article_info.tag.length;b++)a.pageTags&&(a.pageTags+=","),a.pageTags+=ipc_article_info.tag[b];document.cookie&&0<=document.cookie.indexOf("ipc_uid=")&&(0<document.cookie.indexOf(";",document.cookie.indexOf("ipc_uid="))?a.ipc_uid=document.cookie.substring(document.cookie.indexOf("ipc_uid=")+8,document.cookie.indexOf(";",document.cookie.indexOf("ipc_uid="))):a.ipc_uid=document.cookie.substring(document.cookie.indexOf("ipc_uid=")+ 8));a.clientWidth=100*Math.floor(window.innerWidth/100);a.clientHeight=100*Math.floor(window.innerHeight/100);console.log("dataLayer = "+JSON.stringify(d.dataLayer))})(window,document,"pc");</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-W6795MB');</script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('set', 'forceSSL', true); ga('create', 'UA-245639-55', 'auto'); var d2 = []; var d3 = []; if (typeof ipc_article_info !== "undefined" && ipc_article_info && ipc_article_info.category && ipc_article_info.category.length >0) { var c = JSON.parse(JSON.stringify(ipc_article_info.category)); for (var i = 0; i< c.length; i++) { if (c[i] && c[i][0]) { if (c[i][0] == 'breadcrumb') { c[i].shift(); d2.push(c[i].join('|')); } else { d3.push(c[i].join('|')); } } } } ga('send', 'pageview' , {'dimension1':'art', 'dimension2':d2.join(','), 'dimension3':d3.join(',')});ga('create', 'UA-81004055-1', 'auto', {'name': 'EventTracking'});</script><script async src="https://fundingchoicesmessages.google.com/i/pub-5723665484085034?ers=1" nonce="eqwhAOG8vYkIHlHDX7VA4w"></script><script nonce="eqwhAOG8vYkIHlHDX7VA4w">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script><script> if (!window.ipc) ipc = {}; if (!ipc.loader) ipc.loader = { status: 'start', props: ['jquery', 'cxense', 'dfp', 'watch', 'ready', 'load'], loaded: [], queue: { jquery: [], cxense: [], dfp: [], watch: [], ready: [], load: [], }, on: function(queue_name) { var l = ipc.loader, i = 0; for (i = 0; i < l.props.length; i++) { if (queue_name == l.props[i]) break; if (queue_name == 'load' && l.props[i] == 'ready') { l.on('ready'); } else { l.bind(l.props[i], -1); } } l.status = queue_name; if (i < l.props.length) { l.props.splice(i, 1); l.loaded.push(queue_name); } var q = l.queue[queue_name]; while (q.length) { var exe = q.shift(); exe.call(); } q.push = function(exe) { exe.call(); } }, bind: function(queue_name, counter) { var d = document, w = window, onready = false, oncxfail = false, l = ipc.loader, p = l.props; if (typeof counter == 'undefined') counter = 6000; counter--; if (l.props.indexOf(queue_name) < 0) { if (l.loaded.indexOf(queue_name) >= 0) return true; console.log('[FATAL] EVENT:cannot bind ' + queue_name); return false; } switch (queue_name) { case 'jquery': onready = (w.$); break; case 'cxense': if (w.cX && cX.getUserSegmentIds) { onready = true; } else if (w.cX && cX.library) { onready = oncxfail = true; } break; case 'dfp': onready = (w.googletag && googletag.apiReady); break; case 'watch': onready = (w.ipc && ipc.watch && ipc.watch.article); break; case 'ready': counter = -1; if (d.addEventListener) { d.addEventListener("DOMContentLoaded", function() { l.on(queue_name); }, false); } else { l.queue.jquery.push(function(){ $(d).ready(function(){ l.on(queue_name); }); }); } break; case 'load': counter = -1; if (w.addEventListener) { w.addEventListener("load", function() { l.on(queue_name); }, false); } else if (w.attachEvent) { w.attachEvent('onload', function() { l.on(queue_name); }); } else { w.onload = function(){ l.on(queue_name); }; } break; default: count = -1; break; } if (oncxfail) { l.bind('dfp', -1); } if (onready) { counter = -1; l.on(queue_name); } if (counter > 0) { w.setTimeout(function(){ l.bind(queue_name, counter); }, 10); } else if (counter == 0) { console.log('[FATAL] EVENT:failed to load ' + queue_name); for (var i = 0; i < p.length; i++) { l.bind(p[i], -1); if (queue_name == p[i]) break; } } return true; }, script: function(src, callback) { var d = document, s = 'script', e = d.createElement(s), t = d.getElementsByTagName(s)[0]; e.type = 'text/java' + s; e.async = 1; e.src = src; if (callback) { e.onload = e.onreadystatechange = function() { if ((!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) { this.onload = this.onreadystatechange = null; callback.call(this); } }; } t.parentNode.insertBefore(e, t); }, beacon: function(src) { navigator && navigator.sendBeacon ? navigator.sendBeacon(src) : (new Image(1,1)).src=src; }, meta: function(key, value) { var d = document, head = d.getElementsByTagName('head')[0], meta = d.createElement('meta'); meta.setAttribute('name', key); meta.setAttribute('content', value); head.appendChild(meta); }, has_101gglplcad: function() { var info = window.ipc_article_info; if(!info || !info.category || info.category.length == 0) return null; info = info.category; for (var i = 0; i < info.length; i++) { if (info[i].length <= 0) continue; if(info[i][0] == '101gglplcad') { return true; } } return false; }, get_breadcrumb: function(sep, leaf_only, breadcrumb_only, max_depth) { if (typeof sep == 'undefined') sep = '-'; if (typeof leaf_only == 'undefined') leaf_only = false; if (typeof breadcrumb_only == 'undefined') breadcrumb_only = false; if (typeof max_depth == 'undefined') max_depth = 3; var info = window.ipc_article_info, rv = []; if(!info || !info.category || info.category.length == 0) return rv; info = info.category; if (sep == 'level') rv = [null, [], [], []]; for (var i = 0; i < info.length; i++) { if (info[i].length <= 0) continue; var j = (info[i][0] == 'breadcrumb' ? 1 : 0), v = []; if (sep == 'imp_cat') v = {}; if (!breadcrumb_only || j) { for (var k = j; k < info[i].length; k++) { if (k > max_depth) break; if (sep == 'level') { v = info[i][k]; if (!rv.some(function(comp) { return v === comp; })) { rv[k].push(v); } v = []; } else if (sep == 'imp_cat') { v[sep + k] = info[i][k]; } else { v.push(info[i][k]); } } } if (sep == 'imp_cat') { rv.push(v); } else if (v.length > 0) { v = (sep ? v.join(sep) : v); if (!rv.some(function(comp) { return v === comp; })) { rv.push(v); } } } return rv; }, ad: { dfp: { set_breadcrumb: function(page, site_key, type, device) { var g = googletag; g.pubads().setTargeting("100device", device); g.pubads().setTargeting("101page", page); if (typeof(type) == 'undefined') type = 'cat'; if (ipc.loader.has_101gglplcad()) { g.pubads().setTargeting('101gglplcad', 'no'); } var breadcrumbs = ipc.loader.get_breadcrumb('level', false, true, 3); if (breadcrumbs.length > 0 && (type == 'cat' || type == 'genre')) { for (var k = 1; k <= 3; k++) { g.pubads().setTargeting('i' + site_key + type + k, breadcrumbs[k]); } } }, _init: function(fnc_dfp_head, page, site_key, device, enable_hb, enable_sra) { var g = googletag; if (typeof enable_hb != 'undefined' && enable_hb) g.pubads().disableInitialLoad(); fnc_dfp_head(); if (!!(window.pbFlux) && !!(window.fluxtag)) { if (!!(window.pbFlux) && !!(window.pbFlux.prebidBidder) && fluxtag.isFn(window.pbFlux.prebidBidder)) { /* Prebidが呼び出せる状態の場合 */ pbjs.que.push(function () { window.pbFlux.prebidBidder(); }); } else { /* Prebidが呼び出せない場合、すぐにGAMを呼び出す */ fluxtag.readyBids.prebid = true; fluxtag.launchAdServer(); } } ipc.loader.ad.dfp.set_breadcrumb(page, site_key, 'cat', device); g.pubads().setTargeting("CxSegments", ipc.loader.ad.cxense.get_segment()); if (enable_sra) g.pubads().enableSingleRequest(); g.pubads().collapseEmptyDivs(true); ipc.loader.ad.dfp.centering('haikei', 'haikei', 1600); /* -------20211125 */ var ipc_uid = 'nouid' + Math.random(); if (document.cookie && document.cookie.indexOf('ipc_uid=') >= 0) { if (document.cookie.indexOf(';', document.cookie.indexOf('ipc_uid=')) > 0) { ipc_uid = document.cookie.substring(document.cookie.indexOf('ipc_uid='), document.cookie.indexOf(';', document.cookie.indexOf('ipc_uid='))); } else { ipc_uid = document.cookie.substring(document.cookie.indexOf('ipc_uid=')); } } else if (document.cookie && document.cookie.indexOf('_gid=') >= 0) { if (document.cookie.indexOf(';', document.cookie.indexOf('_gid=')) > 0) { ipc_uid = document.cookie.substring(document.cookie.indexOf('_gid='), document.cookie.indexOf(';', document.cookie.indexOf('_gid='))); } else { ipc_uid = document.cookie.substring(document.cookie.indexOf('_gid=')); } } ipc_uid = ipc_uid.replace(/[^0-9a-zA-Z]/g, ''); /*console.log('ipc_uid = ' + ipc_uid);*/ if (ipc_uid.indexOf('nouid') !== 0) { g.pubads().setPublisherProvidedId('impress' + ipc_uid); } /* --------20211125 */ g.enableServices(); }, init: function(fnc_dfp_head, page, site_key, device, enable_hb, enable_sra) { window.googletag = window.googletag || {}; googletag.cmd = googletag.cmd || []; window.initialLoadAdSlots = [], window.gateAdSlots = []; ipc.loader.script('https://securepubads.g.doubleclick.net/tag/js/gpt.js', function(){ ipc.loader.bind('dfp', -1); }); googletag.cmd.push(function(){ ipc.loader.ad.dfp._init(fnc_dfp_head, page, site_key, device, enable_hb, enable_sra); }); }, display_onready: function(prefix, adslots) { ipc.loader.queue.ready.push(function(){ googletag.cmd.push(function(){ for (var i = 0; i < adslots.length; i++) { googletag.display(prefix + adslots[i]); } }); }); }, display_btf: function(prefix, adslots) { ipc.loader.queue.ready.push(function(){ googletag.cmd.push(function(){ if (!window.initialLoadAdSlots || initialLoadAdSlots.length <= 0) return false; for (var i = 0; i < initialLoadAdSlots.length; i++) { var divid = initialLoadAdSlots[i].getSlotElementId(); if (divid && (prefix == '' || divid.indexOf(prefix) == 0)) { var comp = divid.substring(prefix.length); if (adslots.indexOf(comp) >= 0 && document.getElementById(divid)) { googletag.display(divid); } } } }); }); }, centering: function(slotid_part, divclass, default_width) { googletag.pubads().addEventListener('slotRenderEnded', function(e) { if (e && e.slot && e.slot.getSlotElementId() && e.slot.getSlotElementId().indexOf(slotid_part) >= 0 && e.size && e.size[0] && e.size[0] != default_width) { var div = document.getElementById(e.slot.getSlotElementId()); if (div && div.parentNode && div.parentNode.parentNode && (!divclass || div.parentNode.parentNode.className.indexOf(divclass) >= 0)) { div.parentNode.parentNode.style.width = e.size[0] + 'px'; div.parentNode.parentNode.style.marginLeft = (-parseInt(e.size[0], 10)/2) + 'px'; } } }); } }, cxense: { set_breadcrumb: function() { var breadcrumbs = ipc.loader.get_breadcrumb('level', false, true, 3); if (breadcrumbs.length > 0) { for (var k = 1; k <= 3; k++) { for (var i = 0; i < breadcrumbs[k].length; i++) { ipc.loader.meta('cXenseParse:imp-cat' + k, breadcrumbs[k][i]); } } } }, set_segment: function() { cX.callQueue.push(['getUserSegmentIds', {persistedQueryId: "6731ab9b80b5141d3c1f6e46ba04f4dab6a0d658", callback: function(segments) { if(typeof window.localStorage === 'object' && typeof window.localStorage.getItem === 'function') { localStorage.setItem("cxSegments", segments.join(",")); } }}]); }, get_segment: function() { if(typeof window.localStorage === 'object' && typeof window.localStorage.getItem === 'function' && localStorage.getItem("cxSegments") !== null && localStorage.getItem("cxSegments").length > 0) { return localStorage.getItem("cxSegments").split(','); } return []; }, init: function(site_id, device, page, site_symbol) { window.cX = window.cX || {options : { consent: cx_getOptOutStatus('cx_optout_impress'), campaignReporting: true }}; cX.callQueue = cX.callQueue || []; window.cXcustom = window.cXcustom || function() {(window.cXcustom.q = window.cXcustom.q || []).push(arguments)}; cX.callQueue.push(['setSiteId', site_id]); cX.callQueue.push(['sendPageViewEvent']); ipc.loader.meta('cXenseParse:imp-100device', device); ipc.loader.meta('cXenseParse:imp-101page', page); ipc.loader.meta('cXenseParse:imp-101site', site_symbol); ipc.loader.ad.cxense.set_breadcrumb(); ipc.loader.script('//cdn.cxense.com/cx.js', function(){ ipc.loader.bind('cxense', -1); }); ipc.loader.ad.cxense.set_segment(); }, init_cc: function() { var cx_click_params = {origin: "imp-click", persistedQueryId: "88d9edd75a775acbd8ac1f4141560c1880395d68"}; cXcustom("externalLink", function(area, params) {cX.sendEvent("linkclick", { exturl: params.exturl, amazonid: params.amazonid, title: params.title, text: params.text, domain: params.domain, extdomain: params.extdomain, area: area }, cx_click_params);}); }, init_ct: function() { var cx_dmp_params = {origin: "imp-rankclick", persistedQueryId: "88d9edd75a775acbd8ac1f4141560c1880395d68"}; cXcustom("clickedTracker", function(func, obj) { func("clicked", obj, cx_dmp_params); }); }, init_sc: function() { cX.callQueue.push(['invoke', function() { cX.setEventAttributes({origin: 'imp-website', persistedQueryId: '88d9edd75a775acbd8ac1f4141560c1880395d68'}); cX.sendEvent('scroll', {verticalpos:'0%'}); var contents = document.getElementsByTagName('ARTICLE'); if (contents && contents.length) { contents[0].className = 'contents'; } cXcustom("scrollDepth", function(percentage) { cX.sendEvent('scroll', {verticalpos:String(percentage)+'%'}); }, 1, 'contents', true, 1000); }]); }, init_ex: function(site_symbol) { if(!site_symbol) site_symbol = 'watch'; cX.callQueue.push(['invoke', function() { cX.loadScript("/js/" + site_symbol + "/p02/cx_extend.js"); }]); } }, blade: { set_breadcrumb: function() { var breadcrumbs = ipc.loader.get_breadcrumb('imp_cat', false, true, 3); if (breadcrumbs.length > 0) { if (window.microadBlade && microadBlade.EHN) { microadBlade.EHN.start({'imp_cat':breadcrumbs}); } } }, init: function() { ipc.loader.script('//d-cache.microad.jp/js/td_iw_access.js', function(){ cX.callQueue.push(['sync','bla']); ipc.loader.ad.blade.set_breadcrumb(); }); var i = new Image(1,1); i.src = '//aid.send.microad.jp/asr?v=1&code=dY-5ZLLSddc&format=pixel'; } }, prebid: { init: function(adUnits) { }, bids_back: function() { } }, tam: { /* APS Header Bidding */ /* function calling order without flux 1. tam.init 1.2. tam._init 1.3. cxense.init 1.5. tam.bids 1.7. dfp.init 2. cxense.init_cc ...etc. 3. dfp.display_btf 4. blade.init 5. VWO */ _init: function() { /* ----- Begin Step 1 ----- */ /* Load the APS JavaScript Library */ !function(a9,a,p,s,t,A,g){if(a[a9])return;function q(c,r){a[a9]._Q.push([c,r])}a[a9]={init:function(){q("i",arguments)},fetchBids:function(){q("f",arguments)},setDisplayBids:function(){},targetingKeys:function(){return[]},_Q:[]};A=p.createElement(s);A.async=!0;A.src=t;g=p.getElementsByTagName(s)[0];g.parentNode.insertBefore(A,g)}("apstag",window,document,"script","//c.amazon-adsystem.com/aax2/apstag.js"); /* Initialize the Library */ apstag.init({ pubID: '3583', adServer: 'googletag' }); }, init: function(cxense_site_id, device, page, site_symbol, fnc_dfp_head, dfp_site_key, enable_sra) { var ad = ipc.loader.ad, cxense_site_symbol = site_symbol; switch (cxense_site_symbol) { case 'caw': cxense_site_symbol = 'car'; break; case 'pw': cxense_site_symbol = 'pcw'; break; } ad.tam._init(); ad.cxense.init(cxense_site_id, device, page, cxense_site_symbol); ad.tam.bids(site_symbol, device); ad.dfp.init(fnc_dfp_head, page, dfp_site_key, device, true, enable_sra); }, bids: function(s, d, p) { var slots = []; if (d == 'pc') { if (p == 'top') { /* pc top */ if (',grw,ipw,trw,wf,wvd,hbw,'.indexOf(s) > 0) { slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-billboard001', slotName: '/49282802/ipc-'+s+'/pc/billboard001', sizes: [[728,90],[970,90],[970,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-flw-rect001', slotName: '/49282802/ipc-'+s+'/pc/flw-rect001', sizes: [[300,250],[300,600]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-mdl-rect001', slotName: '/49282802/ipc-'+s+'/pc/mdl-rect001', sizes: [[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-rect001', slotName: '/49282802/ipc-'+s+'/pc/rect001', sizes: [[300,250]] }); } if (s == 'hbw') { slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-rect002', slotName: '/49282802/ipc-'+s+'/pc/rect002', sizes: [[300,250]] }); } if (',grw,trw,wf,wvd,hbw,'.indexOf(s) > 0) { slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-sky001', slotName: '/49282802/ipc-'+s+'/pc/sky001', sizes: [[300,250]] }); } if (',grw,ipw,trw,wf,wvd,'.indexOf(s) > 0) { slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-2nd-rect001', slotName: '/49282802/ipc-'+s+'/pc/2nd-rect001', sizes: [[300,250]] }); } } else { /* pc art */ if (',clw,'.indexOf(s) < 0) { slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-rect-kiji001', slotName: '/49282802/ipc-'+s+'/pc/rect-kiji001', sizes: [[300,250],[336,280]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-r-pre001', slotName: '/49282802/ipc-'+s+'/pc/r-pre001', sizes: [[300,250],[336,280]] }); } if (',gmw,hbw,'.indexOf(s) > 0) { slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-billboard001', slotName: '/49282802/ipc-'+s+'/pc/billboard001', sizes: [[728,90],[970,90],[970,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-flw-rect001', slotName: '/49282802/ipc-'+s+'/pc/flw-rect001', sizes: [[300,250],[300,600]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-mdl-rect001', slotName: '/49282802/ipc-'+s+'/pc/mdl-rect001', sizes: [[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-rect001', slotName: '/49282802/ipc-'+s+'/pc/rect001', sizes: [[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-rect002', slotName: '/49282802/ipc-'+s+'/pc/rect002', sizes: [[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-sky001', slotName: '/49282802/ipc-'+s+'/pc/sky001', sizes: [[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-rect-kiji002', slotName: '/49282802/ipc-'+s+'/pc/rect-kiji002', sizes: [[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-rect-kiji003', slotName: '/49282802/ipc-'+s+'/pc/rect-kiji003', sizes: [[300,250]] }); } else { slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-billboard-kiji001', slotName: '/49282802/ipc-'+s+'/pc/billboard-kiji001', sizes: [[728,90],[970,90],[970,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-flw-rect001', slotName: '/49282802/ipc-'+s+'/pc/flw-rect001', sizes: [[300,250],[300,600]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-mdl-rect001', slotName: '/49282802/ipc-'+s+'/pc/mdl-rect001', sizes: [[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-2nd-r-rect001', slotName: '/49282802/ipc-'+s+'/pc/2nd-r-rect001', sizes: [[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-r-rect001', slotName: '/49282802/ipc-'+s+'/pc/r-rect001', sizes: [[300,250],[300,600]] }); } if (',gmw,hbw,ipw,'.indexOf(s) < 0 || s == 'pw') { slots.push({ slotID: 'gpt-div-ipc-'+s+'-pc-r-sky001', slotName: '/49282802/ipc-'+s+'/pc/r-sky001', sizes: [[300,250]] }); } } } else { if (p == 'top') { /* sp top */ slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect001', slotName: '/49282802/ipc-'+s+'/sp/rect001', sizes: [[336,280],[320,50],[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect002', slotName: '/49282802/ipc-'+s+'/sp/rect002', sizes: [[336,280],[320,50],[300,600],[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect003', slotName: '/49282802/ipc-'+s+'/sp/rect003', sizes: [[336,280],[320,50],[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect004', slotName: '/49282802/ipc-'+s+'/sp/rect004', sizes: [[336,280],[320,50],[300,250]] }); } else { /* sp art */ slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect001', slotName: '/49282802/ipc-'+s+'/sp/rect001', sizes: [[336,280],[320,50],[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect002', slotName: '/49282802/ipc-'+s+'/sp/rect002', sizes: [[336,280],[320,50],[300,600],[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect-kiji001', slotName: '/49282802/ipc-'+s+'/sp/rect-kiji001', sizes: [[336,280],[320,50],[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-overlay001', slotName: '/49282802/ipc-'+s+'/sp/overlay001', sizes: [[320,50],[320,100]] }); if (',gmw,hbw,'.indexOf(s) > 0) { slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect-kiji002', slotName: '/49282802/ipc-'+s+'/sp/rect-kiji002', sizes: [[336,280],[320,50],[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-rect-kiji003', slotName: '/49282802/ipc-'+s+'/sp/rect-kiji003', sizes: [[336,280],[320,50],[300,250]] }); slots.push({ slotID: 'gpt-div-ipc-'+s+'-sp-video001', slotName: '/49282802/ipc-'+s+'/sp/video001', sizes: [[320,50]] }); } } } /* ----- Begin Step 2 ----- */ apstag.fetchBids({ slots: slots, timeout: 1e3 }, function(bids) { /* ----- Begin Step 3 ----- */ /* set apstag targeting on googletag, then trigger the first DFP request in googletag's disableInitialLoad integration */ if (window.fluxtag) { googletag.cmd.push(function () { /* TAM(UAM)を呼び出す */ fluxtag.readyBids.amazon = true; fluxtag.launchAdServer(); }); } else { googletag.cmd.push(function(){ apstag.setDisplayBids(); googletag.pubads().refresh(); }); } /* ----- End Step 3 ----- */ }); /* ----- End Step 2 ----- */ } }, flux: { /* FLUX Prebid */ /* function calling order 0. async script loading https://flux-cdn.com/client/impress/media.min.js 1. flux.init 1.1 flux._init 1.2. tam._init 1.3. cxense.init 1.4. flux.define_callback 1.5. tam.bids 1.6. flux.set_fail_safe 1.7. dfp.init 2. cxense.init_cc ...etc. 3. dfp.display_btf 4. blade.init 5. VWO */ _init: function() { window.pbjs = window.pbjs || {}; pbjs.que = pbjs.que || []; window.pbFlux = window.pbFlux || {}; pbFlux.bidderTimeout = 2e3; }, init: function(with_tam, cxense_site_id, device, page, site_symbol, fnc_dfp_head, dfp_site_key, enable_sra) { var ad = ipc.loader.ad, cxense_site_symbol = site_symbol; switch (cxense_site_symbol) { case 'caw': cxense_site_symbol = 'car'; break; case 'pw': cxense_site_symbol = 'pcw'; break; } ad.flux._init(); if (with_tam) ad.tam._init(); ad.cxense.init(cxense_site_id, device, page, cxense_site_symbol); ad.flux.define_callback(); if (with_tam) ad.tam.bids(site_symbol, device, page); ad.flux.set_fail_safe(); ad.dfp.init(fnc_dfp_head, page, dfp_site_key, device, true, enable_sra); }, define_callback: function() { /* Define callback function */ window.fluxtag = { readyBids: { prebid: false, amazon: !(window.apstag), google: false }, failSafeTimeout: (!!window.pbFlux && !!window.pbFlux.bidderTimeout) ? window.pbFlux.bidderTimeout + 1e3 : 3e3, isFn: function isFn(object) { var _t = 'Function'; var toString = Object.prototype.toString; return toString.call(object) === '[object ' + _t + ']'; }, launchAdServer: function() { if (!fluxtag.readyBids.prebid || !fluxtag.readyBids.amazon) { return; } fluxtag.requestAdServer(); }, requestAdServer: function() { if (!fluxtag.readyBids.google) { fluxtag.readyBids.google = true; googletag.cmd.push(function () { if (!!(pbjs.setTargetingForGPTAsync) && fluxtag.isFn(pbjs.setTargetingForGPTAsync)) { pbjs.que.push(function () { pbjs.setTargetingForGPTAsync(); }); } if (window.apstag) { /* TAM未実装ページ対応 */ apstag.setDisplayBids(); } googletag.pubads().refresh(); }); } } }; /* /Define callback function */ }, set_fail_safe: function() { setTimeout(function () { fluxtag.requestAdServer(); }, fluxtag.failSafeTimeout); } }, anchor: { show: function(require_refresh) { console.log('show anchorSlot'); googletag.cmd.push(function(){ googletag.display(window.anchorSlot); if (require_refresh) googletag.pubads().refresh([window.anchorSlot]); }); }, init: function() { let exist_haikei = false, is_pr = false; if (window.initialLoadAdSlots && window.initialLoadAdSlots.length) { for (var i = 0; i < initialLoadAdSlots.length; i++) { if (initialLoadAdSlots[i].getSlotElementId().indexOf('haikeijack') >= 0) { exist_haikei = true; break; } } } if (window.ipc_article_info && ipc_article_info.category) { for (var i = 0; i < ipc_article_info.category.length; i++) { if (ipc_article_info.category[i] && ipc_article_info.category[i].length && ipc_article_info.category[i][0] == 'native-tie-up') { is_pr = true; } } } if (!is_pr && exist_haikei) { googletag.pubads().addEventListener('slotRenderEnded', function(e) { if (e.slot.getSlotElementId().indexOf('-haikeijack') >= 0) { if(e.isEmpty) { console.log('choose anchor'); ipc.loader.ad.anchor.show(1); } else { console.log('choose haikei'); } } }); } else if (!is_pr && !exist_haikei) { console.log('choose anchor(2)'); ipc.loader.ad.anchor.show(0); } } } } }; (function(p){ for (var i = 0; i < p.length; i++) { ipc.loader.bind(p[i]); } })(ipc.loader.props); </script> <script> (function(w){ w.ipc = w.ipc || {}; ipc.hold_image = function() { var _hold = function(img, colsize) { var w = img.style.width, h = img.style.height, aspect_ratio = 1, imgs = null; if (!colsize) colsize = 1; if (!w || !h || !w.indexOf('px') || !h.indexOf('px')) { w = img.parentNode.parentNode.style.width; h = img.parentNode.parentNode.style.height; } if (!w || !h || !w.indexOf('px') || !h.indexOf('px')) { w = img.parentNode.parentNode.parentNode.style.width; h = img.parentNode.parentNode.parentNode.style.height; } if (w && h && w.indexOf('px') && h.indexOf('px')) { w = parseInt(w.substring(0, w.indexOf('px')), 10); h = parseInt(h.substring(0, h.indexOf('px')), 10); aspect_ratio = (w ? h / w : 1); w = img.parentNode.parentNode.clientWidth / colsize; console.log('width = ' + w); h = w * aspect_ratio; img.style.minWidth = w + 'px'; img.style.minHeight = h + 'px'; img.setAttribute('data-fixed-height', h); } }; imgs = document.querySelectorAll('div.image-wrap .row > .column:only-child img:not([data-fixed-height])'); if (imgs && imgs.length) _hold(imgs[0]); }; })(window); function cx_getOptOutStatus(key){ let status = false; key = key + '='; if (document.cookie.indexOf(key) >= 0) { status = true; } return status; } </script> <script>ipc.loader.queue.jquery.push(function(){ ipc.loader.script('https://beacon.watch.impress.co.jp/count.js?v=202402280');});</script><script>ipc.loader.queue.jquery.push(function(){ ipc.loader.script('/js/kit/p02/ipc.watch.js?v=202402280');});ipc.loader.queue.watch.push(function(){ ipc.watch.totop.init(); ipc.watch.scroll(); ipc.watch.anker();});ipc.loader.queue.ready.push(function(){ ipc.loader.queue.jquery.push(function(){ $('.main-contents img[ajax]').each(function(){ $(this).attr('src', $(this).attr('ajax')); $(this).removeAttr('ajax'); }); });});</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" async></script><link rel='stylesheet' href='/css/kit/p02/article.css?v=20240607' type='text/css'><script>window.grumi = { cfg: { advs: { '73612282': true, '4723006721': true, '4693239831': true, '4696899522': true, '4719544775': true, '4719232311': true, '4693770225': true, '4704798158': true, '4487036810': true, '4757304394': true, '73661362': true, '4945929806': true, '91406122': true, '109470322': true, '5290088345': true, '5316270393': true, '5359049171': true }, }, key: '73a9870c-4ca2-4a34-a1a6-376ab3858cb8' };</script><script src="//rumcdn.geoedge.be/73a9870c-4ca2-4a34-a1a6-376ab3858cb8/grumi-ip.js" async></script><!-- Cxense --> <script> ipc.loader.ad.cxense.init('1137493020624178973', 'pc', 'art', 'kit'); </script> <!-- /Cxense --> <!-- DFP --> <script> ipc.loader.ad.dfp.init(function(){ initialLoadAdSlots.push(googletag.defineSlot('/49282802/ipc-kit/pc/billboard-kiji001',[[1,1],[728,90],[728,180],[970,90],[970,250],[980,250]],'gpt-div-ipc-kit-pc-billboard-kiji001').addService(googletag.pubads()));initialLoadAdSlots.push(googletag.defineSlot('/49282802/ipc-kit/pc/r-pre001',[[300,250],[300,300],[336,280],[468,150],[468,300],[600,300]],'gpt-div-ipc-kit-pc-r-pre001').addService(googletag.pubads()));initialLoadAdSlots.push(googletag.defineSlot('/49282802/ipc-kit/pc/r-rect001',[[300,100],[300,150],[300,250],[300,300],[300,600],[300,800],[300,900]],'gpt-div-ipc-kit-pc-r-rect001').addService(googletag.pubads()));initialLoadAdSlots.push(googletag.defineSlot('/49282802/ipc-kit/pc/2nd-r-rect001',[[300,250],[300,300],[300,600],[300,800]],'gpt-div-ipc-kit-pc-2nd-r-rect001').addService(googletag.pubads()));initialLoadAdSlots.push(googletag.defineSlot('/49282802/ipc-kit/pc/flw-rect001',[[300,250],[300,300],[300,600]],'gpt-div-ipc-kit-pc-flw-rect001').addService(googletag.pubads()));initialLoadAdSlots.push(googletag.defineSlot('/49282802/ipc-kit/pc/rect-kiji001',[[300,250],[336,280]],'gpt-div-ipc-kit-pc-rect-kiji001').addService(googletag.pubads())); console.log('define anchor'); window.anchorSlot = googletag.defineOutOfPageSlot('/49282802/ipc-kit/pc/overlay001', googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR).addService(googletag.pubads()); }, 'art', '119', 'pc', false); </script> <!-- /DFP --> <!-- Cxense2 --> <script> ipc.loader.ad.cxense.init_cc(); </script> <script> ipc.loader.ad.cxense.init_ct(); </script> <script> ipc.loader.ad.cxense.init_sc(); </script> <script> ipc.loader.ad.cxense.init_ex('kit'); </script> <!-- /Cxense2 --> <!-- DFP anchor --> <script>googletag.cmd.push(function(){ ipc.loader.ad.anchor.init(); });</script> <!-- /DFP anchor --> <!-- DFP2 --> <script> ipc.loader.ad.dfp.display_btf('gpt-div-ipc-kit-pc-', ['native001','hyb003','hyb004','r-pre001','u-kiji001','2nd-r-rect001','2nd-rect001','flw-rect001']); </script> <!-- /DFP2 --> <!-- BLADE --> <script> ipc.loader.ad.blade.init(); </script> <!-- /BLADE --> <script type="text/javascript"> var _sf_async_config = _sf_async_config || {}; /** CONFIGURATION START **/ _sf_async_config.uid = 65787; _sf_async_config.domain = 'edu.watch.impress.co.jp'; _sf_async_config.flickerControl = false; _sf_async_config.useCanonical = true; _sf_async_config.useCanonicalDomain = true; /** CONFIGURATION END **/ </script> <script async src="//static.chartbeat.com/js/chartbeat_mab.js"></script></head><body id="article" class="news breadcrumb product programming topic joho1 type highschool higher_education specialsite kodomo_it"><script>var _load_facebook_sdk = function() {(function(d,s,id){ if ($('body#article').length<= 0) return; var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.9"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));};if (window.ipc && ipc.loader) { ipc.loader.queue.load.push(_load_facebook_sdk);} else if (window.jQuery) { _load_facebook_sdk();}</script><aside class="ad top"></aside><header><section><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W6795MB"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><style>header { height: 71px; padding-bottom: 28px; } body #global-nav { background-color: #e8e8e8; position: relative; left: 0; width: 970px; margin: 0 auto; z-index: 100; height: 71px; } body #global-nav >div { position: fixed; height: 74px; } #global-nav>div>h1 { display: inline-block; } #global-list { line-height: 0; } #global-nav .inline { display: inline-block; } #global-nav ul.row1 { width: 630px; } #global-nav div.row1 { background-color: #e8e8e8; vertical-align: top; width: 251px; } #global-nav .gnav-search { height: 36px; width: 240px; padding: 6px 10px 0 0; margin: 0 0 0 auto; } #global-nav .gnav-search input.query { line-height: 20px; padding: 0 2px; margin: 0; width: 165px; height: 26px; background: #fff url(https://www.google.com/cse/intl/ja/images/google_custom_search_watermark.gif) no-repeat center left; font-size: 12px; border: 1px solid #ccc; } #global-nav .gnav-search input.btn { background: url(/img/watch/parts/icon/search.svg) top 3px left -7px no-repeat; text-indent: 15px; color: #33498e; border: 1px solid #bbb; height: 26px; float: right; cursor: pointer; } #global-nav ul.row2 { max-width: 757px; display: inline-block; } #global-nav diev.row2 { background-color: #e8e8e8; } #global-nav #impress-site-button { height: 33px; padding: 6px 2px 4px; text-align: right; cursor: pointer; } #global-nav #impress-site-button div.image { height: 23px; margin: 0; } #global-nav #impress-site-button div.text { color: #33498e; height: 23px; line-height: 23px; text-align: left; vertical-align: top; margin-left: 5px; font-size: 11px; } body #category-nav { position: relative; top: 0; height: 30px; } body.gnav-hide #category-nav { position: relative; } #impress-site-bg { background: rgba(0,0,0,0.8); height: 100%; width: 100%; position: fixed; top: 0; left: 0; } #impress-site-list { margin: 0 0 0 -89px; height: 690px; max-height: calc(100vh - 72px); overflow-y: auto; background-color: #e8e8e8; } #btn-watch { width: 960px; } #impress-site-section { margin: 0 25px; } .query.hastext { background: #fff !important; } #page-wrap { padding-top: 30px; } aside.ad.billboard { padding-top: 0; } aside.ad.billboard>div>div { padding-top: 4px; } .ad.haikei { top: 0; } header:before { display: block; content: ' '; width: 100vw; position: fixed; top: 0; left: 0; right: 0; height: 71px; } body #global-nav { background-color: transparent; }/* impress site */#global-nav #impress-site-list ul>li>a { display: block; width: 62px; height: auto; margin: 0 auto; padding: 0; line-height: 16px; background-color: inherit; vertical-align: top; text-align: center;}/* *//* --- LOGO TILE --- */ul.site-icons { padding: 20px 0; display:inline-block; width:100%;}ul.site-icons.watch { border-bottom: #fff 3px solid;}ul.site-icons >li { float: left; height: 100px; font-size: 12px; line-height: 16px; margin:10px; overflow: hidden;}ul.site-icons a { display: block; width: 62px; margin: 0 auto; color:#333;}ul.site-icons a >span { display: block; width: 62px; height: 62px; margin: 0 auto 5px; border-radius: 4px;}ul.site-icons >li.headline >a >span { background: url('/img/watch/parts/logo/headline.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.clw >a >span { background: url('/img/watch/parts/logo/clw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.pcw >a >span { background: url('/img/watch/parts/logo/pcw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.dcw >a >span { background: url('/img/watch/parts/logo/dcw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.ah >a >span { background: url('/img/watch/parts/logo/ah.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.avw >a >span { background: url('/img/watch/parts/logo/avw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.gmw >a >span { background: url('/img/watch/parts/logo/gmw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.ktw >a >span { background: url('/img/watch/parts/logo/ktw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.iw >a >span { background: url('/img/watch/parts/logo/iw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.wf >a >span { background: url('/img/watch/parts/logo/wf.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.kdw >a >span { background: url('/img/watch/parts/logo/kdw.svg') 0 0 no-repeat; background-size: 62px 62px; border: 1px solid rgba(100,100,100, 0.3);}ul.site-icons >li.car >a >span { background: url('/img/watch/parts/logo/car.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.trw >a >span { background: url('/img/watch/parts/logo/trw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.ctw >a >span { background: url('/img/watch/parts/logo/ctw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.video >a >span { background: url('/img/watch/parts/logo/video.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.ntp >a >span { background: url('/img/watch/parts/logo/ntp.svg') 0 0 no-repeat; background-size: 62px 62px; background-color: #fff; border: 1px solid rgba(100,100,100, 0.3);}ul.site-icons >li.sng >a >span { background: url('/img/watch/parts/logo/sng.svg') 0 0 no-repeat; background-size: 62px 62px; background-color: #fff; border: 1px solid rgba(100,100,100, 0.3);}ul.site-icons >li.dkr >a >span { background: url('/img/watch/parts/logo/dkr.svg') 0 0 no-repeat; background-size: 62px 62px; background-color: #f7f7ef; border: 1px solid rgba(100,100,100, 0.3);}ul.site-icons >li.grf >a >span { background: url('/img/watch/parts/logo/grf.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.qfr >a >span { background: url('/img/watch/parts/logo/qfr.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.pth >a >span { background: url('/img/watch/parts/logo/pth.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.ipw >a >span { background: url('/img/watch/parts/logo/ipw.new.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.hbw >a >span { background: url('/img/watch/parts/logo/hbw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.grw >a >span { background: url('/img/watch/parts/logo/grw.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.kit >a >span { background: url('/img/watch/parts/logo/kit.svg') 0 0 no-repeat; background-size: 62px 62px;}ul.site-icons >li.mgw >a >span { background: url('/img/watch/parts/logo/mgw.svg') 0 0 no-repeat; background-size: 62px 62px;}</style><style type="text/css" media="print">body #global-nav >div { position: absolute; }</style><div id="impress-site-bg" style="display:none;"></div><nav id="global-nav"><div><div id="site-logo" class="logo" onclick="location.href=('/');"></div><div id="global-list" class="list"><ul class="inline row1"><li class="headline"><a href="//www.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/ipw.svg" alt="Impress Watch"></div></a></li><li class="iw"><a href="//internet.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/iw.20161117.svg" alt="INTERNET Watch"></div></a></li><li class="pcw"><a href="//pc.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/pcw.20161117.svg" alt="PC Watch"></div></a></li><li class="dcw"><a href="//dc.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/dcw.20161117.svg" alt="デジカメ Watch"></div></a></li><li class="ah"><a href="//akiba-pc.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/ah.20161117.svg" alt="AKIBA PC Hotline!"></div></a></li><li class="avw"><a href="//av.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/avw.20161117.svg" alt="AV Watch"></div></a></li><li class="kdw"><a href="//kaden.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/kdw.20161117.svg" alt="家電 Watch"></div></a></li><li class="ktw"><a href="//k-tai.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/ktw.20161117.svg" alt="ケータイ Watch"></div></a></li><li class="clw"><a href="//cloud.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/clw.20161117.svg" alt="クラウド Watch"></div></a></li><li class="video"><a href="//video.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/video.20161117.svg" alt="Watch Video"></div></a></li></ul><div class="inline row1 float right"><div class="gnav-search"><form method="get" action="/extra/kit/search/" accept-charset="utf-8" target="_parent"><input class="query" name="q" type="text" onkeyup="this.className = (this.value == '' ? 'query' : 'query hastext');"><input class="btn float right" type="submit" value="検索"><div class="clear"></div></form></div></div><ul class="inline row2"><li class="wf"><a href="//forest.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/wf.20161117.svg" alt="窓の杜"></div></a></li><li class="kit"><a href="//edu.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/kodomo_it.20170419.svg" alt="こどもとIT"></div></a></li><li class="car"><a href="//car.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/car.20161117.svg" alt="Car Watch"></div></a></li><li class="trw"><a href="//travel.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/trw.20161117.svg" alt="トラベル Watch"></div></a></li><li class="grw"><a href="//gourmet.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/grw.20210309.svg" alt="グルメ Watch"></div></a></li><li class="gmw"><a href="//game.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/gmw.20161117.svg" alt="GAME Watch"></div></a></li><li class="hbw"><a href="//hobby.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/hbw.svg" alt="HOBBY Watch"></div></a></li><li class="mgw"><a href="//manga.watch.impress.co.jp/" data-ipc-count="gnav"><div class="icon-wrapper"><img src="/img/watch/parts/g-nav/mgw.svg" alt="MANGA Watch"></div></a></li></ul><div class="inline row2 float right"><div id="impress-site-button"><div class="inline image"><svg class="open" width="23px" height="23px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg"><g fill="#33498e" transform="translate(-255.000000, -13.000000),translate(-47.000000, 0.000000),translate(257.000000, 0.000000)"><path d="M45,18 L50,18 L50,13 L45,13 L45,18 Z M52,32 L57,32 L57,27 L52,27 L52,32 Z M45,32 L50,32 L50,27 L45,27 L45,32 Z M45,25 L50,25 L50,20 L45,20 L45,25 Z M52,25 L57,25 L57,20 L52,20 L52,25 Z M59,18 L64,18 L64,13 L59,13 L59,18 Z M52,18 L57,18 L57,13 L52,13 L52,18 Z M59,25 L64,25 L64,20 L59,20 L59,25 Z M59,32 L64,32 L64,27 L59,27 L59,32 Z"></path></g></svg><svg class="close" width="23px" height="23px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" style="display: none;"><g><path fill="#33498e" d="M8 9.414l4.95 4.95 1.414-1.414L9.414 8l4.95-4.95-1.414-1.414L8 6.586l-4.95-4.95L1.636 3.05 6.586 8l-4.95 4.95 1.414 1.414L8 9.414z"></path></g></svg></div><div class="inline text">Impress サイト</div></div></div><div class="clear"></div><div id="impress-site-list" style="display: none;"><section><ul><li id="btn-watch" class="nav__item impress-sites open"><section id="impress-site-section"><ul class="site-icons watch kit"><li class="ipw"><a href="//www.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>Impress Watch</a></li><li class="iw"><a href="//internet.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>INTERNET Watch</a></li><li class="pcw"><a href="//pc.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>PC Watch</a></li><li class="dcw"><a href="//dc.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>デジカメ Watch</a></li><li class="ah"><a href="//akiba-pc.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>AKIBA PC Hotline!</a></li><li class="avw"><a href="//av.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>AV Watch</a></li><li class="kdw"><a href="//kaden.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>家電 Watch</a></li><li class="ktw"><a href="//k-tai.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>ケータイ Watch</a></li><li class="clw"><a href="//cloud.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>クラウド Watch</a></li><li class="wf"><a href="//forest.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>窓の杜</a></li><li class="kit"><a href="//edu.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>こどもとIT</a></li><li class="car"><a href="//car.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>Car Watch</a></li><li class="trw"><a href="//travel.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>トラベル Watch</a></li><li class="grw"><a href="//gourmet.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>グルメ Watch</a></li><li class="gmw"><a href="//game.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>GAME Watch</a></li><li class="hbw"><a href="//hobby.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>HOBBY Watch</a></li><li class="mgw"><a href="//manga.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>MANGA Watch</a></li><li class="video"><a href="//video.watch.impress.co.jp" data-ipc-count="ipcsite"><span></span>Watch Video</a></li><li><a href="//www.watch.impress.co.jp/drone/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-sp-avw/drone.svg');background-size: 58px 58px;background-position:center;"></span>ドローン<br>ジャーナル</a></li><li><a href="//akiba-pc.watch.impress.co.jp/topics/usedpc_hotline/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-pd/usedpc191101.svg');background-size: 58px 58px;background-color:rgba(255,255,255,1);background-repeat:no-repeat;background-position:center;border: 1px solid rgba(100,100,100, 0.3);"></span>中古PC Hotline!</a></li><li><a href="//kaden.watch.impress.co.jp/summary/e-bike/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-pd/e-bike191225.png');background-size: 58px 58px;background-position:center;"></span>e-bike<br>Watch</a></li><li><a href="//www.watch.impress.co.jp/summary/lifeathome/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-pd/lifeathome200427.svg');background-size: 62px 62px;background-position:center;"></span>在宅ライフ<br>特集</a></li><li><a href="//www.watch.impress.co.jp/pckoubou/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-sp-headline/pckoubou.svg');background-size: 62px 62px;"></span>パソコン<br>工房</a></li><li><a href="//www.watch.impress.co.jp/asus/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-pcsp-ipw/sp-asus.svg');background-size: 58px 58px;background-position:center;"></span>ASUS<br>Watch</a></li><li><a href="//www.watch.impress.co.jp/donya/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-ah/donya231204i.svg');background-size: 58px 58px;background-color:rgba(255,255,255,1);background-repeat:no-repeat;background-position:center;border: 1px solid rgba(100,100,100, 0.3);"></span>ドスパラ</a></li><li><a href="//dc.watch.impress.co.jp/summary/alpha/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-sp-headline/alpha_icon.svg');background-size: 58px 58px;background-position:center;"></span>注目の一眼<br>「α」</a></li><li><a href="//game.watch.impress.co.jp/summary/galleria/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-gmw/galleria.svg');background-size: 62px 62px;"></span>GALLERIA<br>Watch</a></li><li><a href="//akiba-pc.watch.impress.co.jp/topics/samsung2009/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-ah/samsung200930.svg');background-size: 58px 58px;background-color:rgba(255,255,255,1);background-repeat:no-repeat;background-position:center;border: 1px solid rgba(100,100,100, 0.3);"></span>Samsung<br>SSD</a></li><li><a href="//pc.watch.impress.co.jp/summary/vaio/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-pcw/vaio210513.svg');background-size: 58px 58px;background-position:center;"></span>VAIO<br>Watch</a></li><li><a href="//k-tai.watch.impress.co.jp/summary/iijmio/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-ktw/iijmio210524.svg');background-size: 58px 58px;background-position:center;"></span>IIJmio<br>Watch</a></li><li><a href="//internet.watch.impress.co.jp/summary/vpro/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-iw/intel_icon3.svg');background-size: 62px 62px;"></span>匠道場</a></li><li><a href="//k-tai.watch.impress.co.jp/summary/povo2.0/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-ktw/povo2.0.220616.svg');background-size: 58px 58px;background-position:center;"></span>povo2.0</a></li><li><a href="//k-tai.watch.impress.co.jp/summary/his_mobile/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-ktw/his-mobile230904i.svg');background-size: 58px 58px;background-position:center;"></span>HIS<br>モバイル</a></li><li><a href="//k-tai.watch.impress.co.jp/summary/bicsim/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-ktw/bicsim231121i.svg');background-size: 58px 58px;background-position:center;"></span>BIC SIM</a></li><li><a href="//k-tai.watch.impress.co.jp/summary/rakuten_mobile/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-ktw/rakuten2408i.svg');background-size: 58px 58px;background-position:center;"></span>楽天<br>モバイル</a></li><li><a href="//kaden.watch.impress.co.jp/summary/jackery/" data-ipc-count="ipcsite"><span style="background-image:url('/img/watch/page_components/gnav-ipcsite-kdw/jackery221024.svg');background-size: 62px 62px;"></span>Jackery<br>Watch</a></li></ul><ul class="site-icons cm"><li class="ntp"><a href="https://netatopi.jp" data-ipc-count="ipcsite"><span></span>ネタとぴ</a></li><li class="dkr"><a href="https://dekiru.net/" data-ipc-count="ipcsite"><span></span>できる<br>ネット</a></li><li class="grf"><a href="//ganref.jp" data-ipc-count="ipcsite"><span></span>GANREF</a></li></ul></section></li></ul></section></div></div></div></nav><script>(function(e,w,c,u){var g=document.getElementById(e);if (g&&u&&u.indexOf(w)>=0&&u.indexOf(c)>=0){ var f=function(e){e.preventDefault();location.href=this.href;e.stopPropagation();return false;},as=g.getElementsByTagName('A'); if(as&&as.length)for(var i=0;i<as.length;i++){as[i].addEventListener('touchstart',f,true);as[i].addEventListener('touchend',f,true);}}})('global-list','Windows','Chrome',navigator.userAgent);</script><script>ipc.loader.queue.jquery.push(function(){ $('#impress-site-button, #impress-site-bg').on('click', function(){ $('#impress-site-button .open, #impress-site-button .close, #category-nav, #impress-site-bg, #impress-site-list').toggle(); $('#global-nav').css({'height': ($('#impress-site-button .open').css('display') == 'none') ? '700px' : '71px' /*, 'position': ($('#impress-site-button .open').css('display') == 'none') ? 'absolute' : 'fixed'*/}); });});</script><style>#global-nav #global-list .inline.row2 { max-width: 820px;}#global-nav #global-list .inline.row2 #impress-site-button .inline.text { font-size: 6px; width: 28px; line-height: 12px;}</style><script>(function(){ const lis = document.querySelectorAll('#global-nav #global-list .inline.row2 >li'); if (lis.length< 13) { document.querySelector('#global-nav #global-list .inline.row2').style.maxWidth = '757px'; document.querySelector('#global-nav #global-list #impress-site-button .inline.text').style.fontSize = '11px'; document.querySelector('#global-nav #global-list #impress-site-button .inline.text').style.width = 'auto'; document.querySelector('#global-nav #global-list #impress-site-button .inline.text').style.lineHeight = '23px'; } console.log(lis.length);})();</script><style>header { background-color: #102C54;}#site-logo { background-color: #FFF; background-position: center; background-size: 77px auto;}#global-list ul.inline li.kit .icon-wrapper img { position:absolute; top: -30px; left: 0;}</style><div id="category-nav"><div class="list" style="width: 100%; padding-right: 0;"><div id="category-logo" class="logo" onclick="location.href=('/');"></div><nav id="category-list" class="list"><div id="category-jump" style="float: right; position: relative; top: auto; right: auto; width: auto; height: auto; padding: 0 10px 0 0;"><a href="/category/list.html" style="line-height: 28px; background: none; color: #333; width: auto; height: auto;"><span>全カテゴリ</span></a></div><ul style="max-width: 890px; width: auto;"><li><a href="/backno/top/"><span class="strong color blue">バックナンバー</a></span></li><li><a href="/category/topic/giga_school/">小中GIGA</a></li><li><a href="/category/topic/giga_highschool/">高校GIGA</a></li><li><a href="/category/topic/minecraftee/">教育版マイクラ</a></li><li><a href="/category/product/programming/">プログラミング教育</a></li><li><a href="/category/case/">実践・事例</a></li><li><a href="/category/event/">イベント・セミナー</a></li><li><a href="/category/product/">製品・サービス</a></li></ul></nav></div><div id="search-area" style="display: none;"><p class="open" onclick="ipc.watch.search.open();">検索</p><form method="get" action="/extra/kit/search/" accept-charset="utf-8" target="_parent"><label>記事を探す</label><input class="query" name="q" type="text" onkeyup="this.className = (this.value == '' ? 'query' : 'query hastext');"><input class="btn" type="submit" value="検索"></form><p class="close" onclick="ipc.watch.search.close();">閉じる</p></div></div></section></header><div id="page-wrap"><aside class="ad haikei"></aside><aside class="ad billboard"><div id="gpt-div-ipc-kit-pc-billboard-kiji001"><script>googletag.cmd.push(function(){googletag.display('gpt-div-ipc-kit-pc-billboard-kiji001');});</script></div></aside><div id="page"><aside id="extra" class="nocontent"><aside class="recursive right upper"></aside><aside class="ad right"><div id="gpt-div-ipc-kit-pc-r-rect001"><script>googletag.cmd.push(function(){googletag.display('gpt-div-ipc-kit-pc-r-rect001');});</script></div><div id="gpt-div-ipc-kit-pc-2nd-r-rect001"><script>googletag.cmd.push(function(){googletag.display('gpt-div-ipc-kit-pc-2nd-r-rect001');});</script></div><!-- include virtual="/include/auto/kit/page_components/site-social-right.utf"--> <aside class="topics list special"><p><label>Special Site</label><span></span></p><ul class="list-02" id="special-site-ul"></ul></aside><script>ipc.loader.queue.load.push(function(){ ipc.watch.ajax.insertUlList02('special-site-ul', '/include/auto/watch/page_components/special-sites.utf', 5, function() { $('#gnav').length >0 && ipc.watch.button_link('#special-site-ul li'); });});</script> <aside class="ranking topics list"><p class="ranking-title"><label>アクセスランキング</label></p><div class="tabs"><input id="ranking-1-select" type="radio" name="ranking" checked><label class="ranking" for="ranking-1-select">1時間</label><input id="ranking-24-select" type="radio" name="ranking"><label class="ranking" for="ranking-24-select">24時間</label><input id="ranking-168-select" type="radio" name="ranking"><label class="ranking" for="ranking-168-select">1週間</label><input id="ranking-720-select" type="radio" name="ranking"><label class="ranking" for="ranking-720-select">1カ月</label><div class="ranking-content" id="ranking-1-list" data-cx-select="1h"><div class="ranking-list"><aside class="ranking topics list"><ul class="list" id="site-access-ranking-ul-latest"></ul><a href="/docs/static/ranking/" class="access-ranking-more"><span>もっと見る</span></a></aside></div></div><div class="ranking-content" id="ranking-24-list" data-cx-select="1d"><div class="ranking-list"><aside class="ranking topics list"><ul class="list" id="site-access-ranking-ul-daily"></ul><a href="/docs/static/ranking/index-24.html" class="access-ranking-more"><span>もっと見る</span></a></aside></div></div><div class="ranking-content" id="ranking-168-list" data-cx-select="1w"><div class="ranking-list"><aside class="ranking topics list"><ul class="list" id="site-access-ranking-ul-weekly"></ul><a href="/docs/static/ranking/index-168.html" class="access-ranking-more"><span>もっと見る</span></a></aside></div></div><div class="ranking-content" id="ranking-720-list" data-cx-select="1m"><div class="ranking-list"><aside class="ranking topics list"><ul class="list" id="site-access-ranking-ul-monthly"></ul><a href="/docs/static/ranking/index-720.html" class="access-ranking-more"><span>もっと見る</span></a></aside></div></div></div></aside><script>ipc.loader.queue.load.push(function(){ var e = new Date(); var query_string = '?' + e.getFullYear() + ('0' + (e.getMonth() + 1)).slice(-2) + e.getDate() + ('0' + e.getHours()).slice(-2); ipc.watch.ajax.insertRanking('site-access-ranking-ul-latest', '/include/auto/kit/ranking/access_1_5.json'+query_string, 5, 'site-access-ranking'); ipc.watch.ajax.insertRanking('site-access-ranking-ul-daily', '/include/auto/kit/ranking/access_24_5.json'+query_string, 5, 'site-access-ranking'); ipc.watch.ajax.insertRanking('site-access-ranking-ul-weekly', '/include/auto/kit/ranking/access_168_5.json'+query_string, 5, 'site-access-ranking'); ipc.watch.ajax.insertRanking('site-access-ranking-ul-monthly', '/include/auto/kit/ranking/access_720_5.json'+query_string, 5, 'site-access-ranking');});</script> <aside class="list static latest-backnumber"><p>最新記事</p><ul class="list-02"><ul class="list-02 selected-category"><li class="item news learning_management workstyle higher_education kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1643072.html"><img src="/img/kit/list/1643/072/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1643072.html">生成AIが音声から文字起こし&要約、法人向けChatGPTサービス「ChatSense」に新機能を追加</a></p></div></div></li><li class="item news contest joho1 giga_school giga_highschool juniorhigh highschool kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1642796.html"><img src="/img/kit/list/1642/796/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1642796.html">中高生がデジタルを活用した課題解決策をプレゼン、「全国情報教育コンテスト」のグランプリを決定</a></p></div></div></li><li class="item news workstyle etc elementary_school juniorhigh highschool higher_education special_needs_school kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1642793.html"><img src="/img/kit/list/1642/793/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1642793.html">教職調整額について教員259名に調査「引き上げで教員志望者は増えない」が96%、給与増より業務改善を求める</a></p></div></div></li><li class="item news school_management security giga_highschool giga_school apple ipad mac elementary_school juniorhigh highschool special_needs_school kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1642296.html"><img src="/img/kit/list/1642/296/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1642296.html">【iOS・iPadOS】年次更新の新機能と端末管理方法をウェビナーで紹介、インヴェンティット</a></p></div></div></li><li class="item report google training workstyle kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/report/1639140.html"><img src="/img/kit/list/1639/140/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/report/1639140.html">AIを活用した発音と英作文の個別学習で、生徒の自己改善プロセスを高速化</a></p></div></div></li></ul></ul></aside> <aside class="ranking topics list"><p class="hdg"><label>Impress Watchシリーズ 人気記事</label></p><div class="tabs"><input id="all-ranking-1-select" type="radio" name="all-ranking" checked><label class="ranking" for="all-ranking-1-select">1時間</label><input id="all-ranking-24-select" type="radio" name="all-ranking"><label class="ranking" for="all-ranking-24-select">24時間</label><input id="all-ranking-168-select" type="radio" name="all-ranking"><label class="ranking" for="all-ranking-168-select">1週間</label><input id="all-ranking-720-select" type="radio" name="all-ranking"><label class="ranking" for="all-ranking-720-select">1カ月</label><div class="ranking-content" id="all-ranking-1-list" data-cx-select="1h"><div class="ranking-list"><aside class="ranking topics list"><ul class="list-02" id="allsite-access-ranking-ul-latest" ></ul><a href="https://www.watch.impress.co.jp/docs/static/ranking/" class="access-ranking-more"><span>もっと見る</span></a></aside></div></div><div class="ranking-content" id="all-ranking-24-list" data-cx-select="1d"><div class="ranking-list"><aside class="ranking topics list"><ul class="list" id="allsite-access-ranking-ul-daily"></ul><a href="https://www.watch.impress.co.jp/docs/static/ranking/index-24.html" class="access-ranking-more"><span>もっと見る</span></a></aside></div></div><div class="ranking-content" id="all-ranking-168-list" data-cx-select="1w"><div class="ranking-list"><aside class="ranking topics list"><ul class="list" id="allsite-access-ranking-ul-weekly"></ul><a href="https://www.watch.impress.co.jp/docs/static/ranking/index-168.html" class="access-ranking-more"><span>もっと見る</span></a></aside></div></div><div class="ranking-content" id="all-ranking-720-list" data-cx-select="1m"><div class="ranking-list"><aside class="ranking topics list"><ul class="list" id="allsite-access-ranking-ul-monthly"></ul><a href="https://www.watch.impress.co.jp/docs/static/ranking/index-720.html" class="access-ranking-more"><span>もっと見る</span></a></aside></div></div></div><script>ipc.loader.queue.load.push(function(){ var e = new Date(); var query_string = '?' + e.getFullYear() + ('0' + (e.getMonth() + 1)).slice(-2) + e.getDate() + ('0' + e.getHours()).slice(-2); ipc.watch.ajax.insertRanking('allsite-access-ranking-ul-latest', '/include/auto/watch/ranking/access_1_10.json'+query_string, 5, 'allsite-access-ranking'); ipc.watch.ajax.insertRanking('allsite-access-ranking-ul-daily', '/include/auto/watch/ranking/access_24_10.json'+query_string, 5, 'allsite-access-ranking'); ipc.watch.ajax.insertRanking('allsite-access-ranking-ul-weekly', '/include/auto/watch/ranking/access_168_10.json'+query_string, 5, 'allsite-access-ranking'); ipc.watch.ajax.insertRanking('allsite-access-ranking-ul-monthly', '/include/auto/watch/ranking/access_720_10.json'+query_string, 5, 'allsite-access-ranking');});</script></aside><style>#all-ranking-1-select:checked ~ #all-ranking-1-list , #all-ranking-24-select:checked ~ #all-ranking-24-list , #all-ranking-168-select:checked ~ #all-ranking-168-list , #all-ranking-720-select:checked ~ #all-ranking-720-list { display: block; } input[name="all-ranking"] { display: none; } #extra .topics >p.hdg { margin: 0; }#extra .ranking >ul#allsite-access-ranking-ul-latest { padding:0;} #extra .list ul[id^="allsite-access-ranking-ul-"] >li >span { font-size: 12px; line-height: 1.4; }</style> <aside class="list static latest-backnumber"><p>【連載】1人1台時代の学校現場</p><ul class="list-02"><li class="item"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/serial/1to1/1490546.html"><img src="" ajax="https://edu.watch.impress.co.jp/img/kit/list/1490/546/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/serial/1to1/1490546.html">自分は理解できている、生徒が実感できる個別最適な学びのカタチ</a></p><p class="outline">――愛知県春日井市立藤山台小学校と高森台中学校の取り組み(後編)</p></div></div></li><li class="item"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/serial/1to1/1490516.html"><img src="" ajax="https://edu.watch.impress.co.jp/img/kit/list/1490/516/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/serial/1to1/1490516.html">学びの中心は「自分」、個別最適な学びの中で力を発揮する子供たち</a></p><p class="outline">――春日井市立藤山台小学校と高森台中学校の取り組み(前編)</p></div></div></li><li class="item"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/serial/1to1/1461197.html"><img src="" ajax="https://edu.watch.impress.co.jp/img/kit/list/1461/197/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/serial/1to1/1461197.html">SSH公立高校のChromebook活用、アクティブ・ラーニングからGASプログラミングまで</a></p><p class="outline">宮城県仙台第三高等学校の取り組み</p></div></div></li><li class="item"><div class="body"><div class="image"><p><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1322435.html"><img src="" ajax="https://www.watch.impress.co.jp/img/headline/list/1322/435/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1322435.html">20,500台のWindowsタブレットPC、1人1台環境のメリットを引き出す整備と運用体</a></p><p class="outline">千葉県・市原市教育委員会の取り組み</p></div></div></li><li class="item"><div class="body"><div class="image"><p><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1314907.html"><img src="" ajax="https://www.watch.impress.co.jp/img/headline/list/1314/907/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1314907.html">公立中がLTEとChromebookで、生徒の学びと教員の働き方を進化させる</a></p><p class="outline">東京都町田市立堺中学校の取り組み</p></div></div></li><li class="item"><div class="body"><div class="image"><p><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1306239.html"><img src="" ajax="https://www.watch.impress.co.jp/img/headline/list/1306/239/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1306239.html">iPadを文房具にした名門校の学びとは?子どもたちが自ら発表を楽しむ授業へ</a></p><p class="outline">洗足学園小学校の取り組み</p></div></div></li><li class="item"><div class="body"><div class="image"><p><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1289199.html"><img src="" ajax="https://www.watch.impress.co.jp/img/headline/list/1289/199/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1289199.html">公立高校でChromebook1人1台環境、3年間の活用で見えためざす学びの方向性</a></p><p class="outline">岡山県立林野高等学校の取り組み</p></div></div></li><li class="item"><div class="body"><div class="image"><p><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1277255.html"><img src="" ajax="https://www.watch.impress.co.jp/img/headline/list/1277/255/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://www.watch.impress.co.jp/kodomo_it/1to1/1277255.html">1人1台iPad4年間の実践、下町の私立中高一貫校が得た手応え</a></p><p class="outline">東京成徳大学中学・高等学校の取り組み</p></div></div></li></ul></aside> <!-- include virtual="/include/auto/kit/page_components/recommend.utf"--> <div id="ad-trace"><div id="gpt-div-ipc-kit-pc-flw-rect001"><script>googletag.cmd.push(function(){googletag.display('gpt-div-ipc-kit-pc-flw-rect001');});</script></div></div></aside><aside class="recursive right under"></aside></aside><div id="main"><nav id="breadcrumb"><ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"><li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="/" itemprop="item"><span itemprop="name">こどもとIT</span></a><meta itemprop="position" content="1"></li><li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="/category/product/" itemprop="item"><span itemprop="name">製品・サービス</span></a><meta itemprop="position" content="2"></li><li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="/category/product/programming/" itemprop="item"><span itemprop="name">プログラミング教育</span></a><meta itemprop="position" content="3"></li></ol></nav><aside class="recursive upper"><!-- google_ad_section_start --> </aside><article role="main"><div class="contents news ipw-tc3"><div class="title-header"><div class="hdg-article"><p class="corner-title">ニュース</p><p class="subcorner-title"></p><h1>ハーバード大のコンピュータサイエンス講座「CS50」の日本語化が完了し、無償公開</h1><p> LABOTがコロナ禍で影響を受けた学生に履修証明書ありの講座も開設 </p></div></div><div class="article-info"><p class="author"><ul class="author list"><li>正田拓也</li></ul></p><p class="publish-date">2022年9月2日 06:40</p></div><div class="social-bookmark"><span class="tmpl_social_bookmark"></span></div><div class="contents-lead"><div class="clear"></div></div><div class="main-contents mainContents"><div class="contents-section contents-section-layer-1" id="contents-section-1"><div class="image-wrap"><div class="inner"><div class="row"><div class="column" style="width:480px;"><div class="img-wrap-h" style="width:480px;height:225px;"><div class="img-wrap-w"><a href="/img/kit/docs/1436/768/html/01_o.png.html" class="resource" rel="nofollow"><img src="https://asset.watch.impress.co.jp/img/kit/docs/1436/768/01_l.png" class="resource" style="width:391px;height:225px;" id="01_l.png"></a></div></div></div></div></div></div><p> エンジニア養成スクール「CODEGYM」を運営しているLABOTは、米ハーバード大学がオンラインで無償公開しているプログラミング学習、コンピュータサイエンスの入門講座「CS50: Introduction to Computer Science」と「CS50’s Web Programming with Python and JavaScript」の2022年度版の日本語化を完了したと発表した。Webサイトで無償公開中。 </p><p> 「CS50」は米ハーバード大学の学生向けに展開されているコンピュータ・サイエンス入門講義で、オンラインでビデオ配信と講義スライドがすべて無償公開されている。LABOTが作成した日本語版はクリエイティブ・コモンズの「CC BY-NC-SA 4.0」ライセンスに準拠して無償公開しているため、コンテンツの利用は非営利に限定され、個人での学習、学校教育法で定められた学校法人の授業教材、NPO法人の非営利活動などに限られる。 </p><p> LABOTはコロナ禍で影響を受けた学生にプログラミング学習を無償提供する支援プロジェクト「CODEGYM Academy」の秋入校を11月12日に開始予定。履修者は2022年度最新版のハーバード大学のCS50 履修証明書を取得可能となる。 </p><p> 「CODEGYM Academy」の対象は大学などに在籍中の学生で、入校にはIT業界へ興味があり就職支援を希望し、欠席なく土曜日のオンライン講義に参加、新型コロナウイルスによる影響を受けたなどの条件があり、入学のためのWebテストも実施する。エントリーは8月24日から受け付けている。 </p></div></div></div></article><aside class="ad r-premium"><div id="gpt-div-ipc-kit-pc-r-pre001"><script>googletag.cmd.push(function(){googletag.display('gpt-div-ipc-kit-pc-r-pre001');});</script></div></aside><nav class="links outer old"><div class="hdg-04"><span>関連リンク</span></div><ul class="list-url"> <li> <a href="https://cs50.jp/" target="_blank">CS50日本語翻訳専用サイト</a></li> <li> <a href="https://labot.inc/" target="_blank">株式会社LABOT</a></li> </ul></nav><nav class="links related"><h3 class="hdg-04"><span>関連記事</span></h3><ul class="list-02"><li class="item news programming joho1 highschool kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1434193.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1434/193/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1434193.html">高校の「情報I」「情報II」を含むプログラミング講義動画を有料配信</a></p><p class="date">2022年8月24日</div></div></li><li class="item news programming joho1 highschool higher_education kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1417906.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1417/906/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1417906.html">ゲームで学べる、Pythonプログラミング学習サービス「novoc studio」で第2弾「リバーシ」がリリース</a></p><p class="date">2022年6月17日</div></div></li><li class="item news programming highschool kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1389352.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1389/352/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1389352.html">ゲームで学べる、Pythonプログラミング学習サービス「novoc studio」リリース</a></p><p class="date">2022年2月18日</div></div></li><li class="item news programming elementary_school kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1441386.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1441/386/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1441386.html">情報科学の学習教材「ビーバーチャレンジ学習カード」、教育機関に期間限定で無料配布</a></p><p class="date">2022年9月21日</div></div></li><li class="item news programming steam juniorhigh highschool kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1447367.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1447/367/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1447367.html">MIT協賛、高校生向けテクノロジー学習プログラム「GLOBAL TECH」が参加校を募集</a></p><p class="date">2022年10月14日</div></div></li><li class="item news event highschool higher_education kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1447435.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1447/435/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1447435.html">アフレル、高等教育機関向け「AI・データサイエンスを学べる実践型教材紹介セミナー」を10月25日・26日開催</a></p><p class="date">2022年10月14日</div></div></li><li class="item news training joho1 higher_education highschool kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1460567.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1460/567/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1460567.html">2023年 第1回「G検定(ジェネラリスト検定)」受験申込受付が開始</a></p><p class="date">2022年12月2日</div></div></li><li class="item news programming higher_education highschool kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1463815.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1463/815/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1463815.html">AIロボティクス、AI開発クラウドサービス「ADFI」の「アカデミックプラン」を提供開始</a></p><p class="date">2022年12月15日</div></div></li><li class="item news training higher_education kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1464216.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1464/216/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1464216.html">サーティファイとアライドアーキテクツ、「SNSマーケティング検定」を2023年2月開始予定</a></p><p class="date">2022年12月16日</div></div></li><li class="item news programming higher_education joho1 kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1464666.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1464/666/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1464666.html">日本データパシフィック、eラーニングコンテンツ「データサイエンスの基本」リリース</a></p><p class="date">2022年12月19日</div></div></li><li class="item news programming joho1 higher_education kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1484439.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1484/439/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1484439.html">KredoとECCコンピュータ専門学校が提携、英語でプログラミングを学び、世界に通じるエンジニアになる特別コース</a></p><p class="date">2023年3月9日</div></div></li><li class="item news contents highschool higher_education kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1522460.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1522/460/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1522460.html">イラストを2Dアニメとして動かす「Live2D Cubism Editor PRO」、無償利用が学校の部活も対象に</a></p><p class="date">2023年8月8日</div></div></li><li class="item news device programming higher_education kodomo_it"><div class="body"><div class="image"><p><a href="https://edu.watch.impress.co.jp/docs/news/1532956.html"><img src="/img/watch/parts/icon/loading.png" ajax="/img/kit/list/1532/956/list.jpg"></a></p></div><div class="text"><p class="title"><a href="https://edu.watch.impress.co.jp/docs/news/1532956.html">岐阜大学、工学部電気電子・情報工学科情報コースの学生にAIシングルボードコンピュータ「NVIDIA Jetson」を支給</a></p><p class="date">2023年9月21日</div></div></li></ul></nav><aside class="recursive under"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0066430402638463" crossorigin="anonymous"></script> <script> (function(d){ window.ipc_get_summary2=function(json){ console.log('ipc_get_summary2'); console.log(json); const d1=d.getElementById('summary2_result'); d1.innerHTML = ''; d1.className='mv20'; let summary2=d.createElement('DIV'); summary2.className='box-02 ai aleft'; summary2.style.borderRadius=''; summary2.style.position='relative'; d1.appendChild(summary2); const d2=d.getElementById('summary2_button'); if (d2) { d2.remove(); } if(json.error){ summary2.innerText='申し訳ございません。この記事はうまく要約が作れないようです。別の記事でお試しください。'; }else{ summary2.innerHTML='<p class="strong">要約</p><p id="summary2_text"></p><div id="summary2_button" class="acenter"><button id="button_bulletpoints2" class="watch-link ai after wp80" style="margin: 10px;" onclick="window.summarize3()">3行まとめ</button><button id="button_toppage" class="watch-link ai after wp80" style="margin: 10px;" onclick="window.location.href = \'/\';">トップページ</button></div><p style="font-size: 50%; line-height: 12px;">この要約はGeminiによって自動生成されたものであり、原文の完全性や正確性を保証するものではありません。この機能はベータ運用中です。</p><div class="acenter"><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-0066430402638463" data-ad-slot="9826676138"></ins></div><div onclick="(document.getElementById(\'summary2_section\')).style.display=\'none\';" style="position:absolute;right:0;top:0;font-size:16px;margin:4px 8px;color:#000;cursor:pointer;">×</div>'; const t=d.getElementById('summary2_text'); t.innerText=json.summary; (adsbygoogle = window.adsbygoogle || []).push({}); } }; window.ipc_get_summary3=function(json){ console.log('ipc_get_summary3'); console.log(json); const d1=d.getElementById('summary2_result'); d1.innerHTML = ''; d1.className='mv20'; let summary3=d.createElement('DIV'); summary3.className='box-02 ai aleft'; summary3.style.position='relative'; d1.appendChild(summary3); const d2=d.getElementById('summary2_button'); if (d2) { d2.remove(); } if(json.error){ summary3.innerText='申し訳ございません。この記事はうまく要約が作れないようです。別の記事でお試しください。'; }else{ summary3.innerHTML='<p class="strong">3行まとめ</p><p id="summary3_text"></p><div id="summary2_button" class="acenter"><button id="button_sentence2" class="watch-link ai after wp80" style="margin: 10px;" onclick="window.summarize2()">記事の要約</button><button id="button_toppage" class="watch-link ai after wp80" style="margin: 10px;" onclick="window.location.href = \'/\';">トップページ</button></div><p style="font-size: 50%; line-height: 12px;">この要約はGeminiによって自動生成されたものであり、原文の完全性や正確性を保証するものではありません。この機能はベータ運用中です。</p><div class="acenter"><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-0066430402638463" data-ad-slot="9826676138"></ins></div><div onclick="(document.getElementById(\'summary2_section\')).style.display=\'none\';" style="position:absolute;right:0;top:0;font-size:16px;margin:4px 8px;color:#000;cursor:pointer;">×</div>'; const t=d.getElementById('summary3_text'); t.innerText=json.summary; (adsbygoogle = window.adsbygoogle || []).push({}); } }; window.ipc_get_body_size=function(){ let p_tags=d.querySelectorAll('.main-contents .contents-section>p'); var text=''; for (let i=0;i<p_tags.length;i++){ const p_tag=p_tags[i]; text+=p_tag.innerText; }return text.trim().length }; window.summarize2=function(){ var headElement = document.head || document.getElementsByTagName('head')[0]; var metaTags = headElement.getElementsByTagName('meta'); var ogUrl = null; for (var i = 0; i < metaTags.length; i++) { var propertyAttribute = metaTags[i].getAttribute('property'); if (propertyAttribute && propertyAttribute.toLowerCase() === 'og:url') { ogUrl = metaTags[i].getAttribute('content'); break; } } if (ogUrl) { console.log('og:url found:', ogUrl); } else { console.log('og:url not found'); } // let url='https://app2.watch.impress.co.jp/app/cmsdata/contents/summary2/get.php?callback=ipc_get_summary2&client_id=MWU1ZTIyNDQ2NDE5YjM5YTg0ZjUxODc0ODJjNGNmMTNiMzJmNmY3OWQxZDUyYzkw&url='+encodeURIComponent(location.protocol+'//'+location.host+location.pathname),s=d.createElement('SCRIPT'),b=d.getElementById('button_sentence'),bb=d.getElementById('button_sentence2'); let url='https://app2.watch.impress.co.jp/app/cmsdata/contents/summary2/get.php?rev=1&callback=ipc_get_summary2&client_id=MWU1ZTIyNDQ2NDE5YjM5YTg0ZjUxODc0ODJjNGNmMTNiMzJmNmY3OWQxZDUyYzkw&url='+encodeURIComponent(ogUrl),s=d.createElement('SCRIPT'),b=d.getElementById('button_sentence'),bb=d.getElementById('button_sentence2'); if (b) { b.innerText='Geminiで要約中...'; b.setAttribute('disabled', '1'); } if (bb) { bb.innerText='Geminiで要約中...'; bb.setAttribute('disabled', '1'); } s.async=1; s.src=url; d.head.appendChild(s) }; window.summarize3=function(){ var headElement = document.head || document.getElementsByTagName('head')[0]; var metaTags = headElement.getElementsByTagName('meta'); var ogUrl = null; for (var i = 0; i < metaTags.length; i++) { var propertyAttribute = metaTags[i].getAttribute('property'); if (propertyAttribute && propertyAttribute.toLowerCase() === 'og:url') { ogUrl = metaTags[i].getAttribute('content'); break; } } if (ogUrl) { console.log('og:url found:', ogUrl); } else { console.log('og:url not found'); } // let url='https://app2.watch.impress.co.jp/app/cmsdata/contents/summary2/get.php?mode=1&callback=ipc_get_summary3&client_id=MWU1ZTIyNDQ2NDE5YjM5YTg0ZjUxODc0ODJjNGNmMTNiMzJmNmY3OWQxZDUyYzkw&url='+encodeURIComponent(location.protocol+'//'+location.host+location.pathname),s=d.createElement('SCRIPT'),b=d.getElementById('button_bulletpoints'),bb=d.getElementById('button_bulletpoints2'); let url='https://app2.watch.impress.co.jp/app/cmsdata/contents/summary2/get.php?mode=1&rev=1&callback=ipc_get_summary3&client_id=MWU1ZTIyNDQ2NDE5YjM5YTg0ZjUxODc0ODJjNGNmMTNiMzJmNmY3OWQxZDUyYzkw&url='+encodeURIComponent(ogUrl),s=d.createElement('SCRIPT'),b=d.getElementById('button_bulletpoints'),bb=d.getElementById('button_bulletpoints2'); if (b) { b.innerText='Geminiで要約中...'; b.setAttribute('disabled', '1'); } if (bb) { bb.innerText='Geminiで要約中...'; bb.setAttribute('disabled', '1'); } s.async=1; s.src=url; d.head.appendChild(s) }; var headElement = document.head || document.getElementsByTagName('head')[0]; var metaTags = headElement.getElementsByTagName('meta'); var publishedTime = null; for (var i = 0; i < metaTags.length; i++) { var propertyAttribute = metaTags[i].getAttribute('property'); if (propertyAttribute && propertyAttribute.toLowerCase() === 'article:published_time') { publishedTime = metaTags[i].getAttribute('content'); break; } } if (publishedTime) { console.log('article:published_time found:', publishedTime); var dateObject = new Date(publishedTime); var targetDate = new Date('2024-01-15'); if ((dateObject >= targetDate) && (!location.pathname.includes('/docs/topic/special/'))) { let p_tags=d.querySelectorAll('.main-contents .contents-section>p'); if (p_tags.length>2&&ipc_get_body_size()>=1000){ let div=d.createElement('DIV'); div.id='summary2_section'; div.className='acenter'; let d2=d.createElement('DIV'); d2.id='summary2_button'; d2.className='acenter'; div.appendChild(d2); let d3=d.createElement('DIV'); d3.id='summary2_result'; d3.className='acenter'; div.appendChild(d3); let button=d.createElement('BUTTON'); button.id='button_sentence'; button.className='watch-link ai'; button.innerText='記事を要約する(AI)'; button.style.margin='10px'; button.setAttribute('onclick','window.summarize2()'); d2.appendChild(button); p_tags[2].appendChild(div); let button3=d.createElement('BUTTON'); button3.id='button_bulletpoints'; button3.className='watch-link ai'; button3.innerText='3行まとめ'; button3.style.margin='10px'; button3.setAttribute('onclick','window.summarize3()'); d2.appendChild(button3); p_tags[1].appendChild(div); } } else { console.log('Published date is before 2024-01-15'); } } else { console.log('article:published_time not found'); } })(document); </script> <!-- google_ad_section_end --> <script>ipc.loader.queue.load.push(function(){ipc.watch.article.social.under = function(){(function(n,f,t){ if($('#main >article >.contents .fb-parts').length!=0)return; var html = '<div class="box-02 wp60 hcenter fb-parts clear" style="text-align:center"><p><strong class="em">'+n+'をフォローして最新記事をチェック!</strong><br><a href="https://twitter.com/'+t+'" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false" data-dnt="true">Follow @'+t+'</a><scr'+'ipt>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?\'http\':\'https\';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+\'://platform.twitter.com/widgets.js\';fjs.parentNode.insertBefore(js,fjs);}}(document, \'script\', \'twitter-wjs\');</scr'+'ipt></p></div>'; $('#main >article >.contents').append(html);})('こどもとIT', 'watch.edu', 'EdTech_for_Kids');};});</script><p class="acenter"><a href="/" class="link-button" style="display:inline-block;border: 1px solid #333;color: #333;font-weight: bold;padding: 4px 16px;border-radius: 0px;transition: .2s;min-width: 250px;margin: 10px; background-color: #fff;">トップページに戻る</a></p><script>var main = document.getElementById('main');var related = document.querySelector('nav.related');var contents = document.querySelector('div.contents');if(typeof(related) != 'undefined' && related){ var add_related = document.createElement('nav'); add_related.className = 'links erecommend'; var add_related_title = document.createElement('div'); add_related_title.className = 'hdg-04'; add_related_title.innerHTML = '編集部のおすすめ記事'; var add_related_list = document.createElement('ul'); add_related_list.className = 'list-02'; var target = related.querySelector('ul.list-02 >li.item'); target.removeAttribute('style'); add_related_list.appendChild(target); add_related.appendChild(add_related_title); add_related.appendChild(add_related_list); if(contents != null){ var fb_parts = contents.querySelector('.fb-parts'); if(fb_parts != null){ contents.insertBefore(add_related, fb_parts); }else{ contents.appendChild(add_related); } }else{ var article = document.querySelector('article'); article.appendChild(add_related); } var left_li = related.querySelectorAll('ul.list-02 >li.item'); if(left_li == null || left_li.length == 0){ main.removeChild(related); }}</script></aside><aside class="ad middle under"><style> div.ad-inline>div:before { content: '▼ADVERTISEMENT'; color: #c5c5c5; margin: 0 auto 10px; display: block; font-size: 9px; } div.ad-inline > div[id^="apsVideoDiv"] { height: auto !important; } </style> <script> let tieup = false; if (window.ipc_article_info && ipc_article_info.category && ipc_article_info.category.length) { for (let i = 0; i < ipc_article_info.category.length; i++) { if (ipc_article_info.category[i][0] == 'native-tie-up') { tieup = true; break; } } } if (!tieup) { _pcArticleRectKiji = function(site_symbol, number, position) { var html = '<div style="min-height: 250px;"><div id="gpt-div-ipc-' + site_symbol + '-pc-rect-kiji' + number + '" class="ad-inline" style="text-align:center;clear:both;padding:40px 0 20px;"></div></div>'; var valid = true; var paragraphs = document.querySelectorAll('.main-contents .contents-section > p'); if (paragraphs.length > position) { var targetParagraph = paragraphs[position]; targetParagraph.insertAdjacentHTML('afterend', html); } else { valid = false; } if (valid) { googletag.cmd.push(function() { googletag.display('gpt-div-ipc-' + site_symbol + '-pc-rect-kiji' + number); }); } }; _pcArticleRectKiji('kit', '001', 1); ipc.loader.queue.watch.push(function(){ ipc.ad.dfp.pcArticleRectKiji = _pcArticleRectKiji; }); } </script> <script>var href=window.location.href.split('?');href= href[0].split('#');href=href[0];document.write('<div class="OUTBRAIN" data-src="');document.write(href);document.write('" data-widget-id="AR_1" data-ob-template="ImpressWatch"></div>');</script><script src="//widgets.outbrain.com/outbrain.js" async="async"></script></aside><aside class="recursive extension"><script>ipc.loader.queue.load.push(function(){ ipc.watch.line.ul2col('nav.links.related >ul'); ipc.watch.rlink.init('nav.links.related'); ipc.watch.ajaximg(); ipc.watch.article.init();});</script><script>(function(n,d,j,l,t,g){ var a=n.language,b=n.browserLanguage,c=n.userLanguage; if ((a && a.indexOf(j) >= 0) || (b && b.indexOf(j) >= 0) || (c && c.indexOf(j) >= 0)) return; googleTranslateElementInit=function(){ new google.translate.TranslateElement({pageLanguage:j,includedLanguages:l,layout:google.translate.TranslateElement.InlineLayout.SIMPLE,gaTrack:true,gaId:g},'google_translate_element'); }; var o=d.createElement(t),m=d.getElementsByTagName(t)[0]; o.async=1;o.src='//translate.google.com/translate_a/element.js$1cb=googleTranslateElementInit';m.parentNode.insertBefore(o,m); if ($("body").attr("id") == 'article') { $('<div id="translate_wrapper" style="height: 39px; padding: 6px;"><span id="google_translate_element"></span></div>').insertBefore('body .subcorner-title'); }})(window.navigator, document, 'ja', 'en,zh-CN,zh-TW,de,fr,ko', 'script', 'UA-245639-53');</script><script>ipc.loader.queue.jquery.push(function () { let t=[]; if (typeof ipc_article_info !== "undefined" && ipc_article_info && ipc_article_info.category && ipc_article_info.category.length >0) { t = ipc_article_info.category.flat(); } is_tieup = t.find(c =>c.indexOf('native-tie-up') === 0); if(typeof is_tieup != 'undefined'){ $('aside.r-premium').hide(); } else { let contents = document.querySelector('div.contents'); let r_pre = document.querySelector('aside.ad.r-premium'); if(contents != null){ var fb_parts = contents.querySelector('.fb-parts'); if(fb_parts != null){ contents.insertBefore(r_pre, fb_parts); }else{ contents.appendChild(r_pre); } }else{ var article = document.querySelector('article'); article.appendChild(r_pre); } }});</script></aside></div><!--/#main--><div class="clear"></div></div><!--/#page--></div><!--/#page-wrap--><footer><nav id="group-sites"><div>Group site links</div><ul class="group-sites"><li class="column c1"><label>インプレスのビジネスWeb</label><ul class="sites"><li><a href="https://thinkit.co.jp/">Think IT</a></li><li><a href="https://webtan.impress.co.jp/">Web担当者Forum</a></li><li><a href="https://research.impress.co.jp/">インプレス総合研究所</a></li><li><a href="https://it.impress.co.jp/">IT Leaders</a></li><li><a href="https://drone-journal.impress.co.jp/">ドローンジャーナル</a></li></ul><label>インプレスの本と雑誌</label><ul class="sites"><li><a href="https://ganref.jp/dcm/">デジタルカメラマガジン</a></li><li><a href="https://dekiru.net/">できるネット</a></li><li><a href="https://iwparchives.jp/">インターネット白書ARCHIVES</a></li></ul></li><li class="column c2"><label></label><ul class="sites"><li><a href="https://sgforum.impress.co.jp/">SmartGridフォーラム</a></li><li><a href="https://netshop.impress.co.jp/">ネットショップ担当者フォーラム</a></li><li><a href="https://b-library.impress.co.jp/">Impress Business Library</a></li><li><a href="https://academy.impress.co.jp/">インプレスセミナー</a></li><li><a href="https://dcross.impress.co.jp/">DIGITAL X(デジタルクロス)</a></li></ul><label></label><ul class="sites"><li><a href="https://book.impress.co.jp/">インプレスブックス</a></li><li><a href="https://nextpublishing.jp/">NextPublishing</a></li></ul></li><li class="column c3"><label>Rittor Music</label><ul class="sites"><li><a href="https://www.rittor-music.co.jp/">リットーミュージック</a></li><li><a href="https://www.digimart.net/">楽器探そう!デジマート</a></li><li><a href="https://t-od.jp/">TシャツPOD T-OD</a></li><li><a href="https://rittorsha.jp/">立東舎</a></li></ul><label>山と溪谷社</label><ul class="sites"><li><a href="https://www.yamakei-online.com/">山と溪谷オンライン</a></li><li><a href="https://www.climbing-net.com/">CLIMBING-NET</a></li></ul><label>近代科学社</label><ul class="sites"><li><a href="https://www.kindaikagaku.co.jp/kdd/">近代科学社Digital</a></li></ul></li><li class="column c4"><label>イカロス出版</label><ul class="sites"><li><a href="https://airline.ikaros.jp/">AIRLINEweb</a></li><li><a href="https://j-defense.ikaros.jp/">Jディフェンスニュース</a></li><li><a href="https://tsuhon.jp/">通訳翻訳ジャーナル</a></li><li><a href="https://jrescue.net/">JレスキューWeb</a></li><li><a href="https://www.ikaros-academy.jp/">イカロスアカデミー</a></li></ul><label>MdN</label><ul class="sites"><li><a href="https://books.mdn.co.jp/">MdN Books</a></li><li><a href="https://www.mdn.co.jp/">MdN Design Interactive</a></li></ul></li><li class="column c5"><label>ICE</label><ul class="sites"><li><a href="https://tenkaisha.com/">天海社</a></li><li><a href="https://comic-curea.jp/">Comic curea</a></li><li><a href="https://quickbooks.impress.jp/">impress QuickBooks</a></li></ul><label>PUBFUN</label><ul class="sites"><li><a href="https://pubfun.jp/self/">パブファンセルフ</a></li></ul><label>IPGネットワーク</label><ul class="sites"><li><a href="https://p-t-a.shop/">TシャツPOD pTa.shop</a></li><li><a href="https://fabli.shop/">カスタム写真集POD fabli</a></li><li><a href="https://www.hanken.impress.jp/">Impress Group Publication Information</a></li></ul></li></ul></nav><ul id="footer" class="nav"><li><a href="https://www.watch.impress.co.jp/guide/index.htm">本サイトのご利用について</a></li><li><a href="https://www.impress.co.jp/contact.html#02_media">お問い合わせ</a></li><li><a href="https://ad.impress.co.jp/">広告掲載のご案内</a></li><li><a href="https://edu.watch.impress.co.jp/docs/common/contact.html">編集部へのご連絡</a></li><li><a href="https://www.impress.co.jp/privacy.html">プライバシーポリシー</a></li><li><a href="https://www.impress.co.jp/corporate.html">会社概要</a></li><li><a href="https://www.impressholdings.com/">インプレスグループ</a></li><li><a href="https://www.impress.co.jp/specific-trade-law/">特定商取引法に基づく表示</a></li></ul><script type="text/javascript">ipc.loader.queue.load.push(function(){ ipc.watch.device.footer2(); });</script><div class="rights"><p>Copyright ©<span id="ft-year">2018</span><span class="rights">Impress Corporation. All rights reserved.</span></p><script>if (window.ipc && ipc.loader) { ipc.loader.queue.load.push(function(){ var d= new Date();$('#ft-year').html(d.getFullYear()); });} else { var d= new Date();$('#ft-year').html(d.getFullYear());}</script></div></footer><aside class="ad bottom"><script type='text/javascript'> ipc.loader.queue.jquery.push(function(){ /** CONFIGURATION START **/ var _sf_async_config = window._sf_async_config = (window._sf_async_config || {}); _sf_async_config.sections = ''; if (window.ipc_article_info && ipc_article_info.category) { for (var i = 0; i < ipc_article_info.category.length; i++) { if (ipc_article_info.category[i][0] == 'breadcrumb' && ipc_article_info.category[i][2]) { _sf_async_config.sections = ipc_article_info.category[i][2]; break; } } } _sf_async_config.authors = ''; var e = $('#main .contents .article-info'); if (e && e.length) { e.find('[class*=author]').each(function(a){ if (this.innerText) { if (_sf_async_config.authors) _sf_async_config.authors += ' / '; _sf_async_config.authors += this.innerText; } }); } /** CONFIGURATION END **/ function loadChartbeat() { var e = document.createElement('script'); var n = document.getElementsByTagName('script')[0]; e.type = 'text/javascript'; e.async = true; e.src = '//static.chartbeat.com/js/chartbeat.js'; n.parentNode.insertBefore(e, n); } loadChartbeat(); }); </script></aside></body></html>