ITmedia NEWS > �l�b�g�̘b�� >

iPhone���}���I�AGoogle��蒃���\�\�`�[�����{���l����u�a��UI�v�i1/2 �y�[�W�j

» 2007�N11��19�� 12��00�� ���J
[���c�L�ԁCITmedia]

�@�uiPhone�̃��[�U�[�C���^�t�F�[�X�iUI�j�͊m���ɂ������������A�i���̎d�������܂�ɐ��m�I�B�����Ɠ��{�I�ȃA�v���[�`������񂶂�Ȃ����v

�@11��15���A�uWeb2.0 Expo�v�̍u���ł����b�����̂́A�`�[�����{�̒��q���V�В����B���Ђ́A�����G���W���uSAGOOL�v�ȂǓƎ��T�[�r�X��W�J�������A�uiza�I�v�i�Y�o�f�W�^���j�A�u���b�`�~�[�ITV�v�i�t�W�e���r���{LLC�j�A�T���g���[�����T�C�g���T�C�g�������@�\�A�����uWooo�v���g�b�v�y�[�WFlash�Ȃǂ��\�z�BUI�ƃf�U�C���A�����E�}�b�`���O�Z�p�ɋ��݂����ƒx���`���[���B

�@�uUI�́A���傤���Ȃ��z���Ǝv���Ă�v�ƒ��q�В��͌����B�Ⴆ�Όg�ѓd�b�̃{�^���B�d�b����������A�g�уT�C�g������ɂ͉��x���{�^���������Ȃ��Ă͂Ȃ�Ȃ����A���[�U�[�̓{�^��������������ł͂Ȃ��A�d�b�Řb������T�C�g�������������B�‚܂�u�{�^���v�Ƃ���UI�́u�d���Ȃ�����v�����Ă���\�\�u���傤���Ȃ��z�v�Ȃ̂��B

�@���q�В�����Ă���̂́u���傤���Ȃ����̂��A���傤���Ȃ��Ȃ����̂ɂ���UI�v�B���m�I�ɐ������ꂽiPhone�̂悤��UI�Ƃ͈قȂ���{�I��UI���A�Ǝ��̎��_�Œ�Ă���B�q���g�́u�����v�Ɓu�}���I�v���B

�u�T�C�g�}�b�v�v���Ӗ��������Ă���

摜 �͂̔����������ʼn����΂킹���������q�В�

�@�u���傤��Web2.0�i���g�J�A�Ƃ����C�x���g�݂����Ȃ̂ŁAWeb2.0�̒�`�������o���Ă݂܂����v�\�\���������Ē��q�В��́A�e�B���E�I���C���[�����񏥂���Web2.0��7�‚̒�`���Љ��B�u���̒��Ŗ��炩�ɁA1���������������̂�����v

�@���̒�`�Ƃ́i1�j���[�U�[�̎�ɂ����̎��R�Ȑ����A�i2�j���b�`�ȃ��[�U�[�̌��A�i3�j�v���҂Ƃ��Ẵ��[�U�[�A�i4�j�����O�e�[���A�i5�j���[�U�Q���A�i6�j���{�I�ȕ��ށA�i7�j���U���\�\���B�u�i2�j����UI�̘b�ŁA��������a��������v

�@Web2.0�̘b�͂��ꂾ���ŏI���B�u�Ƃ���Łv�ƁAWeb���UI�ɘb���ڂ�B�uFlash��Ajax�iAsynchronous JavaScript+XML�j���g�������I��UI�������Ă��邪�A�w��������Z�p�����邩�瓮�����܂����x�Ƃ������͈̂Ӗ����Ȃ��v

�@���I��UI���K�v�Ƃ���Ă��Ă���̂́A��������Z�p��‹������邩��ł͂Ȃ��A�T�C�g�\�����̂��̂��ω����Ă��Ă��邩�炾�Ƃ����B�uWeb��̏��͏�Ɉڂ낢�A�T�C�g�\�������I�ɂȂ��Ă��邩��AUI�����I�ɂȂ�Ȃ��Ă͂����Ȃ��B�g�T�C�g�̗����h�����I�ɂȂ��Ă��邱�ƂƁA���I��UI�͕\����́v

�@�Ⴆ�Γ��Ђ��J�������s���Y��񌟍��T�C�g�u�����[���I�v�BAjax���t�����p����UI�ŁAWeb��̕s���Y�T�C�g�̃R���e���c���N���[�������f�[�^�x�[�X���猟������B�L�[���[�h����͂���ƁA���ʂ�n�}��ɃA�C�R���ŕ\���B�A�C�R�����N���b�N����ƁA��ʑJ�ڂȂ��ŏڍׂ�\�����A�n�}�̕\���͈͂�ς���΁A���͈̔͂Ŏ����I�ɍČ�������B

�@�u�T�C�g�}�b�v�̂悤�Ȃ��̂́A�Ӗ����Ȃ��Ȃ��Ă���v�\�\�T�C�g�}�b�v�́A�y�[�W��R���e���c���Œ肵�Ă������炱���\�z�ł������́B�����[���I�̂悤�ȃT�C�g�́A�N���[���̌��ʂɏ]���ăR���e���c�����X�ƕς��A�����N��������������Ă������߁A�T�C�g�}�b�v�����Ȃ��B�R���e���c�����I�Ȃ�A�T�C�g�}�b�v�̂悤�ȐÓI��UI�ł͑Ή��ł��Ȃ��Ȃ�̂��B

�@���Ђ̌����T�C�g�uSAGOOL�v�́A�e�L�X�g�����N�̈ʒu���瓮�I�ɂ����BSAGOOL�́A�������ʂ̈ꕔ�����h���b�O����ƁA�h���b�O���������̃L�[���[�h�ōi�荞�݌����B���̌��ʂ�V���ȃ����N�Ƃ��ĕ\�����A�N���b�N����ƌ��ʃT�C�g�ɔ�ׂ�B�u�����ƃ}�b�`���O�Ƃ����e�N�m���W�[�����ɂ���΁AUI�����I�ɂȂ�v


摜 ���I��UI���t�����p�����u�����[���I�v
摜 �h���b�O�ōi�荞�݌����ł���uSAGOOL�v

�@�\�\�ƁA�����܂ł̍l�����́AUI�v�V�́u�{���v�̗���ɉ��������́B�u�������������g�݂݂͂�Ȃ��n�߂Ă邵�AWeb2.0Expo�ɗ��Ă���O���l�̕��ɕ����Ă��������Ƃ�b�����낤�B�ł�������Ă�����ƁA���m�I�����܂��񂩁H�v

�u�����v�Ɓu�}���I�v�Ɍ�����{

�@���m�I��UI�̐i���Ƃ́A�ړI�Ɍ������Ă܂������i�݁A�����I�ɏ��ɂ��ǂ�‚����Ƃ������́BiPhone��Google�̂悤��UI���Ő�[�̗�ŁA���q�В��͂�����u���m�I�v�ƌĂԁB����ɑ΂��ē��{�I��UI�̊v�V�Ƃ́A�ړI�ł͂Ȃ��A�ړI�̂��߂́u�s�ׁv�ɈӖ���^���Ċy���ނƂ������̂��B

�@�u����͓��{�l�̓��ӕ���v�ƒ��q�В��͌����A�u�����v�u�}���I�v�Ƃ���2�‚̗���o���B

�@�@�@�@�@�@ 1|2 ���̃y�[�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);