ITmedia NEWS > STUDIO >

�f�W�^�����AWeb�E�A�v���f�U�C���̎w�j�܂Ƃ߂��u�f�U�C���V�X�e���v���J�@�n�������̂̊��p��������

» 2022�N11��11�� 17��06�� ���J
[ITmedia]

�@�f�W�^������11��11���AWeb�T�C�g��A�v���̊J�����A��т����f�U�C���ɂł���悤�����܂Ƃ߂��u�f�U�C���V�X�e���v�����J�����B�u�f�U�C���V�X�e���Ɋւ�銈�����I�[�v���ɂ��A�f�U�C���V�X�e���̔F�m�������P�ɂ‚Ȃ���v�i�����j�Ƃ����B�{�Ȓ��ւ̓K�p�Ɍ����쐬���Ă�����̂����A��胆�[�U�[���g���₷��Web�T�C�g�E�A�v���̊J����ڎw���n�������̂̊��p�������ށB

photo �f�U�C���V�X�e���̃C���[�W

�@�f�U�C���V�X�e���Ƃ́A���炩���߃f�U�C���̕��j�𕶏��Ȃǂł܂Ƃ߂Ă�������A�F�g����t�H���g�Ȃǂ̋�̓I�ȗv�����߂��肵�Ă������ƂŁA���܂��܂ȃT�[�r�X�ň�т����f�U�C����ۂĂ�悤�ɂ�����g�݁B�J���ҁE�f�U�C�i�[�̃R�~���j�P�[�V�������~���ɂ��A�f�U�C���̉��P������������Ӑ}�ł��g����B

�@�f�W�^�����̓f�U�C���R���{���[�V�����c�[���uFigma�v�ō\�z���̃f�U�C���V�X�e�������J�B���p�̎�����ɂ͂��܂�A�F�g����g���t�H���g���܂Ƃ߂��u�X�^�C���v�A�{�^���Ȃǂ̎d�l���܂Ƃ߂��u�R���|�[�l���g�v�A�l������͂��闓�Ȃǂ̃T���v��UI���܂Ƃ߂��u�e���v���[�g�v�Ȃǂ��f�ڂ��Ă���B

photo �u�X�^�C���v�̃C���[�W
photo �u�R���|�[�l���g�v�̃C���[�W
photo �u�e���v���[�g�v�̃C���[�W

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