�i���邾������Ȃ��āA�s�����Ȃ����ᄟ��IT��m�Eamachang�F�c�����́u�ЂƂ�ō��l�b�g�T�[�r�X�v�T�K

���̂܂܂��Ⴞ�߂��c�c�Ƃ����v���B�G���W�j�A�Ƃ��Ă̎����ł߂邽�߂Ɏ��s������J��Ԃ��B�u���O�͒f������ŏ����B���̂��߂ɂ́A��������ƒ��ׁA�׋�����B�d���̋�s�������̂ł͂Ȃ��A�s���������B��������n�܂���JavaScript��Ajax�̃X�y�V�����X�g�̔w�i�Ƃ́B

» 2007�N12��21�� 01��30�� ���J
[�c�����CITmedia]

�@�ЂƂ�ō��l�b�g�T�[�r�X������20��ڂ��uIT��L�v�̃u���O�Œm����amachang���ƓV��m�j����i25�j�ɂ��b���f�����BJavaScript��CSS�����p���ău���E�U�����œ����v���[���e�[�V�����E�c�[����A��v�ȃu���E�U��Xpath���g����悤�ɂ���Z�p�Ȃǂ�1�l�ŊJ������amachang�B���̔w�i�ɂ͂ǂ���������J��Y�݂��������̂��낤���B

�u����amachang�͖i���Ă��邾������ˁv�ŕς��

�@�u����amachang�͖i���Ă��邾������ˁB�N�̌����Ă��闝�z�ɋ߂Â�����������A�����Ɛl���������܂Ȃ����Ⴞ�߂���v�B������amachang��mixi���L�ɁA�d���̋�s�𐂂ꗬ���Ă����B�����̂�肽�����Ƃ�������Ȃ��A����׋����Ă�����������Ȃ��A��i�Ƃ��܂������Ȃ��c�c�B����������s����������ł�����A�G���W�j�A���Ԃɖ`���̂悤�Ɍ���ꂽ�B�V���b�N�������B

�@�����Ɛl�ɉ��Ȃ����Ⴞ�߂��B��s�������Ă���΂��肶��Ȃ��āA�����Ǝ������ς��Ȃ��ƁB�����v����amachang��mixi�̃R�~���j�e�B�@�\�Ȃǂ��g���A�I�t����J���܂������B

�@�u�ΐ쌧�o�g�̐l�A��܂��񂩁H�v�u�a�J�œ����G���W�j�A�œۂ݉�܂��񂩁H�v

�@���J����200�l���z����l�Ɖ�����B�u��̓I�ɉ����ǂ������������͕�����܂���ł������A�l�Ɖ���Ƃ������̋��݂ɂ‚Ȃ���͂��A�Ƃ����m�M���������̂ł��v�Bamachang�͓����̐S���������b���B

�����̗͂ʼn�Ђ�ς��邱�Ƃ͂ł��Ȃ��B��������O�ɏo�悤

�@amachang�͐ΐ쌧�o�g�B�w�Z�͍H�ƌn�ŁAC�Ȃǂ̃v���O���~���O���������������A�قƂ�Ǖ׋����Ȃ������B�V�т����ė��N�������B�����A�F�B�ƗV��ł���Ƃ��ł��u���̂܂܂���_������ȁA�e�̂��˂��������Đ����Ă����킯�ɂ͂����Ȃ����v�ƁA���R�Ƃ����ł�������Ă����B

�@���̂Ƃ��ɏo������V�ђ��ԂƂ͂Ƃ��Ƃ�V�сA�Ƃ��Ƃ��荇�����B�����w�Z�̓������ł͂Ȃ������B�o��������������͉Əo�B�u���R�͊o���Ă��Ȃ��̂ł����A��e�ƌ��܂�������āB���e���A���Ă���O�ɂƂɂ����o�Ȃ�����A�Ǝv���ĉƂ��яo���܂����v�B���̌�A�F�B�̉Ƃ�]�X�Ƃ��Ă��邤���Ɂu�Əo���Ă����ʔ����z������v�Ƃ������Ƃł��낢��Ȑl�Əo����Ƃ��ł����B�Ƃɂ������܂������z�A�₽��q���������ӂȓz�B�����w�Z�ɂ͂��Ȃ��^�C�v�̐l�Ԃ������B�ނ�Əo������Ƃ��Ƃɂ������ꂵ�������B

�@�X�ɌJ��o���ăi���p���������A�o�J�Ȃ��Ƃ������B���Ԃ̈�l��������A5���~�ŃN���}�𔃂��Ă����B�h���͔����ꗎ���Ă��邵�A�p�Ԑ��O�̃R���f�B�V�������������A�悭�݂�ȂŃh���C�u�ɍs�����B������A�W�܂����Ƃ��ɃN���}�̓V��Ɏ����̖��������������B

�@�u�l�́w�Ƃɂ������͂��������ɂȂ��Ă��I�x�Ə����܂����B���v���Ƃ�����ƈႤ�悤�ȋC�����܂����A�ق��̐l�ɂł��Ȃ��A�����ň�ԂɂȂ肽�������̂��Ǝv���܂��v�Bamachang�͂��̂Ƃ��̎v���o�������U��Ԃ�B

�@�y���������V�т������͑����Ȃ������B���Ƃ��ďA�E����z�A���O�ɏo��z�B��l�A�܂���l�ƒ��Ԃ��V�����i�H��I�юn�߂��B�u���Ԃ��΂�΂�ɂȂ������A�l��������o�Ȃ�����v�B�����v����amachang�͓����̒ʐM�n�J����ЂɏA�E����B�肪�����̂̓R�[���Z���^�[�Ȃǂ̃V�X�e���J���BC��Java���g���ăv���O���~���O�����閈���������B

�@�u���̎����͉���׋����Ă�����������Ȃ����������ł����B��������׋����܂������A���i�������‚�����Ă݂܂������A��1�ƒJ�^�`�ɂȂ�܂���ł����B�����͂����Ƃł���͂��A�Ƃ����v�����������肵�Ă��܂����v�B���̉�Ђɂ�2�N���΂߂邱�ƂɂȂ邪�A���̂܂܂��Ⴞ�߂��c�c�Ƃ����v�������������B���������ł�͉�Ђւ̋�s�ƂȂ�Amixi���L�֗��ꍞ��ł������B

�@�������������ɏo������̂��A�l�b�g��ł�ZIGOROu�̃n���h���l�[���Œm���鐦�r�G���W�j�A�̎R�����񂾂����B�����K�C�A�b�N�X�ɋ΂߂Ă����R������́Amixi��amachang�����‚����̂��B�����G���W�j�A�Ƃ���amachang�̓��L�ɋ������A�R�����g���c���悤�ɂȂ����B���΂炭�R�����g�̌��������������ƁA�u������Ɖ�܂��񂩁v�ƎR�������amachang��U�����B

�@�uamachang�ɂ͂܂��G���W�j�A�Ƃ��Ă̎����Ȃ��Ǝv���B�����̎��������������Ă���A���̎��ł������藧���‚A�����Б��Ŏ��������Ă�Ƃ�����L���Ă����Ƃ����Ǝv����v�B�R������Ɖ�����Ƃ��A�����A�h�o�C�X���ꂽ�B���̂Ƃ��肾�Ǝv�����B���������̎��ɂ���ׂ����c�c�B�����̕��������������‚‚�����amachang�͂Ƃɂ����l�ɉ���Ƃɂ����B�����āA�Ƃɂ�����������s�����N�����Ă����Ȃ��Ɖ����ς��Ȃ��Ƃ������Ƃ��w�񂾁B

�@�u�����ŕς�����Ȃ�ς���A�ς����Ȃ��Ȃ�O�ɔ�яo���B�������Ă����Ȃ��Ă͂����Ȃ��A�Ɗ�����悤�ɂȂ�܂����v�B�����̗͂ł͍��̉�Ђ�ς��邱�Ƃ͂ł��Ȃ��B��������O�ɏo�悤�B�]�E���l���n�߁A�R������ɗU���ăK�C�A�b�N�X�ɓ��Ђ���B2005�N12���̂��Ƃ������B

Ajax�������̎���

�@�uamachang�A���������H�v�u�����ł��ˁAAjax�Ƃ���肽���ł��ˁv�u�����A����A����ɂ��悤�v�B���Ќ�ɎR������ƌ��킵����b�����������ŁAJavaScript�ɂǂ��Ղ�Ƃ͂܂��Ă������B�O�E��XML��DOM�ɂ‚��Ă̒m���͂������BJavaScript��������Ƃ������Ă����̂ŁA�������ڂ���Ă���Ajax�������̎��ɂ��Ă݂悤�A�Ǝv�����̂��B

�@���̂��납��amachang�̓u���O���‚��n�߂��B�ŏ��͊o�������Ƃ����̂܂܃������Ă��������������B���̂���JavaScript��Ajax�łł��邱�Ƃ��܂Ƃ߂�悤�ɂȂ����B�������s���Ă����Z�p�����Ɏ���̔������傫�������B�uIT��L�v�Ƃ���amachang�̃u���O���ƊE���Œm����悤�ɂȂ�܂ł���قǎ��Ԃ͂�����Ȃ������B

�@�K�C�A�b�N�X�ł́u�U��.com�v�Ƃ����R�~���j�e�B�T�C�g�̍\�z���肪�����B�������Ajax�ŃC���^�t�F�[�X����肱��ł������B�͂��߂Ă�Web�T�C�g�\�z�̎d���������B�u�Ƃɂ��������������y���������ł��B�����[�X�O�Ȃǂ͐h�������ł����A�����̃��[�U�[�Ɏg���Ă��炦�Ă���Ƃ����������Ƃɂ������ꂵ�������ł��ˁv

�@JavaScript�Ƃ��������̎������‚���amachang�́A�����Ƃ��̋Z�p��Nj��������Ǝv���悤�ɂȂ�B�K�C�A�b�N�X�̎d���͊y�����������A�����ƋZ�p�̌����Ɏ��Ԃ��g���������������v���A�T�C�{�E�Y�E���{�ւ̓]�E���l���n�߂��B�T�C�{�E�Y�E���{�ɂ͎��������������Ă��ꂽ�R�����񂪐��J���O�ɓ]�E���Ă����B���{�ł͎����̂�肽�����Ƃ��ł������������B�v���؂��ė��������o���A2007�N6���ɖ����T�C�{�E�Y�E���{�ɓ��Ђ����B

JavaScript�Ńv���[���c�[��

�@�T�C�{�E�Y�E���{�Ō��݌������Ă���̂́AJavaScript��CSS���g�����V�����v���[���e�[�V�����E�c�[���B�u���E�U������PowerPoint�̂悤�ȃv���[���e�[�V��������邱�Ƃ��ł���B

�@�uPowerPoint�͎����Ă��Ȃ����A�����‚�����Ȃ��v�Ƃ����ς�咣����amachang�́A�Z�p�n�̃C�x���g�ł͂��‚��u���E�U�����Ńv���[�������Ă����B�C�x���g���ƂɃv���[������肱�ނ����ɁA�u������Ƃ����ėp�I�ȃc�[���ɂ���΂݂�ȂɎg���Ă��炦��̂ł͂Ȃ����v�Ǝv���‚����B���̃c�[���̓I�[�v���\�[�X�Ō��J����Ă���A�����̃G���W�j�A�ɗ��p����Ă���B

�@���̃v���[���c�[�������ہA�K�v�ɔ����č�����̂�JavaScript-XPath���B

�@XPath�͂��̃v���[���c�[�����V���v���ɍ��̂ɕK�{�̋Z�p�����AInternet Explorer�ł͎g�����Ƃ��ł��Ȃ��B�����łǂ̃u���E�U�ł��AJavaScript����HTML�̓���̗v�f���s���|�C���g�Ŕ����o����悤�Ƀ��C�u�����Ƃ���JavaScript-XPath�����n�߂��̂��B

�@�����v���‚��č��n�߂�JavaScript-XPath���������A�ȒP�ɂł�����̂ł͂Ȃ������B�u�ŏ��ɍ�����o�[�W�����ł�CSS�̃Z���N�^���g�����ꍇ�ɔ�ׂ�1��{�x���Ďg�����ɂȂ�܂���ł����B�D�L����������A���S���Y���̉��ǂ��o�ĂȂ�Ƃ��J�^�`�ɂȂ�܂����v�BJavaScript-XPath�J�����̋�J��amachang�͂������B

�@���̓v���[���c�[���̍X�Ȃ���ǂɗ]�O���Ȃ��B�u�ǂ������炫�ꂢ�ȃR�[�h�Ńv���[�����L�q�ł��邩�A���̎d�l����X�l���Ă��܂��B�����̓����������񔒎��ɂ��āA�ǂ������v���[�����ǂ��L�q���ׂ��������ɏ����܂��閈���ł��v

�u���O�͒f�蒲�ń������̂��߂ɕ׋�����

�@���X�A�Z�p�̌����ɖv������amachang�B���̂��߂̃c�[���Ƃ��ău���O�͌������Ȃ��B�u�u���O�̗ǂ��Ƃ���͏����Ă��邤���Ɏ������m��Ȃ����Ƃ��͂����肵�Ă��邱�Ƃł��B�Ⴆ�΁wXPath��XML�̂��߂ɂł����d�l���x�Ƃ����A���������ꂾ���̂��Ƃ�f�����邽�߂ɂ͒��ׂȂ��Ă͂����Ȃ����Ƃ��R�قǂ���܂��B���ׂĂ͏����āA�������߂ɒ��ׂ܂��B���t�ɂ���Ƃ��܂܂Ŏ����̒��ł�����₵�Ă������Ƃ��͂����肵�Ă��܂��v

�@�u�u���O�͒f�������ł������菑�������v�Ƙb��amachang�B���̌��t�̗��ɂ̓u���O����̌o�����������B�u�ȑO�AJavaScript��setTimeout�ɂ‚��ău���O�ɏ�������w���O�͑S�R�������Ă��Ȃ��x�Ƃ������ᔻ���󂯂܂����B�l�̌������Ƃ��C�ɂ��Ă��܂������Ȃ̂Őh�������ł��ˁv

�@�ᔻ���󂯂�amachang�̓J�`���Ƃ��āA�u����̓R�[�h�Ŏ����̐��������ؖ����邵���Ȃ��v�Ǝv�����BFirefox�̓����R�[�h�܂ň�������o���Ē��׏グ���B�����A���ǂ͎������Ԉ���Ă������Ƃ�m�����B�u�u���O�Ŕᔻ���󂯂��̂͐h���o���ł������A�׋��ɂȂ�܂����v

�@�����ᔻ���|������Ƃ����ău���O����߂�A�Ƃ������Ƃ͂Ȃ��B�u��������n�߂��X�g�[���[�͒ǂ��₷���ł���ˁB���̕��A�׋��ɂȂ�܂��v�Bamachang�͂��������Ă��ꂽ�B

�@�悭�g���Ă���̂�Twitter�B�l�ɉ�܂��������������������Ƃ�����Aamachang�ɂ�2000�����z����t�H�����[������B�uTwitter�ł�����Ƃ����^����‚Ԃ₭�ƁA�吨�̐l������ɃR�����g���Ă���܂��B�����������Ă��邱�Ƃ��������̂��A�������Ȃ��̂��B�펯�Ȃ̂��A�����ł͂Ȃ��̂��B����ɂ�����̂��A�����łȂ��̂��B�����������Ƃ������ɋ����Ă���钇�Ԃ�����͖̂{���ɂ��ꂵ�����Ƃł��v

�@���N��̋�̓I�ȖڕW�͂Ȃ����A���R�ƕč��ɍs���Ă݂����ƍl���Ă���B2007�N11����JavaScript�̎d�l���l���Ă���John Resig���ɉ���Ċ������󂯂��B�p��͂ł��Ȃ������̂ŁAJavaScript�ŕM�k������Ȃ�Ƃ��ʂ����B�u�{��͂������ȁA�Ǝv���܂����B�����ɍs���Ă݂����Ǝv���Ă��܂��v

�@�i���邾������Ȃ��āA�s�����Ȃ�����c�c�B�������ӂ��đ��葱���Ă���amachang�B�ނ����グ����̂����E���̐l���������ޓ�������̂�������Ȃ��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);

���ڂ̃e�[�}

���Ȃ��ɂ������߂̋L��PR