ITmedia NEWS > STUDIO >

���g���Q�[���@���g���Q�[��������@Microsoft���uTileCode�v�J���FInnovative Tech

» 2021�N03��16�� 07��20�� ���J
[�R���T�B�CITmedia]

Innovative Tech�F

���̃R�[�i�[�ł́A�e�N�m���W�[�̍ŐV�������Љ��Web���f�B�A�uSeamless�v����ɂ���R���T�B�������M�B�V�K���̍����Ȋw�_�����R�������s�b�N�A�b�v���A�������B

�@��Microsoft�̌����`�[�����J�������uTileCode�v�́A���g���Q�[�����v���C��������Ȍg�уQ�[���@��ŃQ�[���\�t�g���J�����邽�߂̊J���‹����B�Q�[���p�b�h�ƈ�̉������g�уQ�[���@�̉�ʑ���Ńr�W���A���v���O���~���O����g���A���g���Q�[�����J���ł���B

photo MakeCode Arcade�Ή��̌g�уQ�[���@�ŊJ�����Ă���l�q

�@�Q�[�������ɂ́A�v���O���~���O�����X�v���C�g�ȂǁA���܂��܂Ȏ������K������K�v������BScratch��MakeCode Arcade�̂悤��Web�x�[�X�̃v���O���~���O�‹������p�”\�����A�ʏ�̓^�u���b�g��PC���K�v���B

�@����́A�Q�[������̃v���Z�X���^�u���b�g��PC�ł͂Ȃ��A�ቿ�i�̃Q�[���@�ōs����悤�ɂ����B�J���‹��́AMakeCode Arcade��Ɏ������Ă���B

�@�J���v���Z�X�́A�����̃��g���Q�[���̊�b�ƂȂ��Ă���^�C���}�b�v���x�[�X�ɂ��Ă���B�e�^�C���ɂ͔w�i�摜���\������A���̏�ɃX�v���C�g�̃Z�b�g�i�v���C���[�A�_�C���A�΂Ȃǁj���\�������B�X�v���C�g�́A�אڂ���^�C���ɑ΂��č��A�E�A��A����4�����̂����ꂩ�Ɉړ��ł���B���̂��߁A�S�Ă̕ҏW�͌g�уQ�[���@��4�����p�b�h�Ŋ�������B

photo �J����ʂ̃X�N���[���V���b�g

�@�J���ł́A�X�v���C�g�̎�ނ��ƂɃ��[�����֘A�t���Ă����B�Ⴆ�΁A�{�^���������ꂽ��ǂ��Ȃ邩�A�X�v���C�g���Փ˂����Ƃ��ɉ����N���邩�ȂǁA���͂Ƃ̊֌W�����������Ďw�肷��B

photo ���[���J�����̉��

�@�f���ł́A�A�N�V�����Q�[���́u�o���_�[�_�b�V���v��p�Y���Q�[���́uBejeweled�v�Ȃǂ̗L�����g���Q�[���̊J���ɐ��������ۂɃQ�[���𓮍삳���Ă���B

photo Bejeweled�̊J�����
photo Web��œ��삷��o���_�[�_�b�V���̃V�~�����[�^�[���

�@Web�u���E�U��ł����Ɏ����郉�C�u�f���T�C�g�����J���Ă���B

Copyright © ITmedia, Inc. All Rights Reserved.

'; e_dlv.innerHTML = html; adRequest({position:dlv_pos,dom:true}); }else if(ad_type === 'gam'){ var html = '
'; e_dlv.innerHTML = html; refreshGam('InArtSpecialLink'); }else if(ad_type === 'logly'){ var html = '
'; e_dlv.innerHTML = html; loglySet(g_id); }else if(ad_type === 'google'){ var html = '
'; e_dlv.innerHTML = html; googletag.cmd.push(function(){ var slot8 = googletag.defineSlot('/43042345/nlab_artinsert_RT',[[336,280],[300,250],'fluid'],'div-gpt-ad-1551176482959-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); googletag.display('div-gpt-ad-1551176482959-0'); googletag.pubads().refresh([slot8]); }); } }; var insert_ok = function(_target,_str){ var clearfix = d.createElement('div'); clearfix.className = 'colBoxClear'; if(ad_float_fix){ e_body.insertBefore(e_dlv,_target); e_body.insertBefore(clearfix,_target.nextElementSibling); }else{ e_body.insertBefore(e_dlv,_target); } set_dlv(); }; var insert_ng = function(_str){ e_dlv.style.display = 'none'; }; var main = function(){ var e_nodes = e_body.childNodes; // BODY �����q�v�f var e_tags = []; // BODY �����^�O var p_num = []; // BODY ���� P �^�O�ʒu var p_target_num; // �g�}����ʒu var o_float = {}; // ��荞�ݗv�f var o_this = {}; // �A�N�e�B�u�^�O var o_next = {}; // �A�N�e�B�u�^�O�̎��̃^�O var flag_insert = 0; // �}���t���O // ��荞�ݗv�f�`�F�b�N var check_float = function(_e){ var e = 0; if(_e.id.match(/^col\d{3}(l|r)$/)){ e = _e; } return e; }; // �v�f�� Y ���W�ƍ����̍��v�l var get_element_y = function(_e){ var ey = 0; var eh = _e.offsetHeight; while(_e){ ey += _e.offsetTop; _e = _e.offsetParent; } return ey + eh; }; var check_ptag = function(_e){ var e = 0; if(_e.tagName && _e.tagName === 'P'){ e = _e; } return e; }; var try_insert = function(){ p_target_num = Math.floor(p_num.length / 2) - 1; if(p_target_num >= _maxrange) p_target_num = _maxrange; if(dis_con) p_target_num = 0; for(var i = p_num[p_target_num]; i < e_tags.length; i++){ o_this.e = check_ptag(e_tags[i]); if(o_this.e){ o_next.e = check_ptag(e_tags[i + 1]); if(o_next.e){ if(!o_float.e || check_float(e_tags[i - 1])){ o_float.e = check_float(e_tags[i - 1]); o_float.n = i - 1; } if(o_float.e && o_float.n < i + 1){ o_float.y = get_element_y(o_float.e); o_this.y = get_element_y(o_this.e); set_line(o_float.y,'red'); set_line(o_this.y,'blue'); if(o_float.y < o_this.y){ flag_insert = 1; insert_ok(o_next.e,_threshold + ' �p���ȏ��荞�݂���'); break; } }else{ flag_insert = 1; insert_ok(o_next.e,_threshold + ' �p���ȏ��荞�݂Ȃ�'); break; } } }else{ o_float = {}; } } if(!flag_insert){ insert_ng('�}���ʒu�Ȃ�'); } }; // �S�q�v�f����^�O�̂ݔz��ɓ���� for(var i = 0; i < e_nodes.length; i++){ if(e_nodes[i].tagName){ e_tags.push(e_nodes[i]); } } // �S�^�O���� P �^�O�ʒu��z��ɓ���� for(var i = 0; i < e_tags.length; i++){ if(e_tags[i].tagName === 'P') p_num.push(i); // �ŏ��̉�荞�ݗv�f���i�[ if(!o_float.e){ o_float.e = check_float(e_tags[i]); o_float.y = get_element_y(o_float.e); o_float.n = i; } } if(p_num.length >= _threshold){ try_insert(); }else{ insert_ng('P �^�O ' + _threshold + ' �ȉ�'); } }; if(e_body){ main(); }else{ insert_ng('�L���{���Ȃ�'); } })(document,4,5);