ITmedia NEWS > STUDIO >

�؍ނ́u�ق��g�݌p��v�������݌v�@����uTsugite�v�J���FInnovative Tech

» 2021�N04��08�� 08��15�� ���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

�@������w�̌����`�[�����J�������uTsugite�v�́A�؍ނ��g������i�ŁA������r�X���g�킸�ɖ؍ނ�g�ݍ��킹����u�ق��g�݌p��v��݌v���ACNC�؍�@�ʼn��H�ł���悤�ɂ���V�X�e�����B�ڍ����̌`����R���s���[�^�Ő݌v���Đ؍�f�[�^���쐬�A�o�͂��ꂽ�؍�f�[�^�ʂ�ɖ؍ނ����H���邾���ł����B

photo �B��r�X�A�ڒ��܂��g�p�����A���{�̖؍ނ�ڍ��ł���悤�݌v����

�@�؍ނ�ڑ�������@�̒��ł��A�B��r�X�Ȃǂ̍ޗ����g�킸�ɂ‚Ȃ��`���I�Ȑڍ����@�u�ق��g�݁v�͌����ڂ����������łȍ��Ɏd�オ�邪�A�݌v������A�ԈႦ��ƃY�����������萫��������B�ڍ������́u�p��v�ƌĂ΂�A�������Ƌ@�\���̃o�����X���l���������G�Ȑ݌v�����Ȃ���΂����Ȃ��B

photo ���܂��܂Ȍ`��̐ڍ���

�@����̎�@�́A����ȕ��G�Ȃق��g�݌p��̌`���݌v���A�؍H�pCNC�؍�@�i�t���C�X���H�j�𓮂����؍�f�[�^�Ƃ��ď����o�����́B

�@�؍ނ̐��@���͂���n�܂�A�‚Ȃ��p�x��{����ݒ�A�{�N�Z������̗v�̂Ōp��̌`����f�U�C�����Ă����B����̖؍ނ��f�U�C������Ƒ΂ɂȂ�؍ނ̐݌v���o���オ��B1�‚̐ڍ����ɑ΂��āA3�{4�{�Ƒ��₵�Ă��G���[���o��܂Ŏ����݌v����A�r���ɃG���[���o�Ă����ӏ��������Ă����B

�@�s�p�ɐ؍�ł��Ȃ����p�������A�g���c�[���̌a�ɍ��킹�Č݂��Ɍ`��␳�����̂ŁA�؍��̉��H���قƂ�ǕK�v�Ƃ��Ȃ��B

photo �V�X�e���̊T�v�}

�@�C���^�t�F�[�X�́A���[�U�[�������������Ē��ڑ��삷��蓮�ҏW���[�h�ƁA�p�����I�����������c����M�������[���[�h��2�‚�p�ӁB��҂����p����Ɛ��m�����Ȃ��Ă����̍����p����쐬�ł���Ƃ����B

�@���삵�����������ƁA�ڍ�������������������Œ肳��Ă���̂��m�F�ł���B

photo 27�{�̖؍ނō쐬��������
photo 3��������̌p������ꂢ�Ɏd�オ��
photo 12�{�̖؍ނō쐬�����֎q
photo 10�{�̖؍ނō쐬�����e�[�u��

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);