�ʒu�����u���E�U�Ŋ��p�I Geolocation���g�����Ȃ����F�A�ځF�l�C���ɐ������鏉�߂Ă�HTML5�J���i1/2 �y�[�W�j

�X�}�zWeb�J���ł̐l�C���ɊeHTML5�@�\�̎g�������������A�ڂ��X�^�[�g�B����͒f�g�c�l�C��Geolocation API�B

» 2011�N07��14�� 00��00�� ���J
[�i�I�L�i�ďC�F�R�c�ˊ��j�CWINGS�v���W�F�N�g�ihttp://www.wings.msn.to/�j]
AځFlCɐ鏉߂ĂHTML5J
ƖAvInsider^Insider.NET

powered by Insider.NET

uAځFlCɐ鏉߂ĂHTML5JṽCfbNX

�A�ږڎ�

�@HTML�iHyperText Markup Language�j�́AW3C�iWorld Wide Web Consortium�j���d�l���Ǘ�����}�[�N�A�b�v���ꂾ�B�����āAW3C���������A���݂قƂ�ǂ̃T�C�g���g�p���Ă���HTML�́AHTML 4.01���B

�@HTML 4.01�̎d�l�͓����̊‹��ɋN�����Ă��邪�A��Ɂu�������������Ɓv��ړI�Ƃ���1999�N�Ɋ�������Ă���B�������AWeb 2.0�̊T�O��Ajax�̓o��ɂ��u�����������v�Ƃ��������u�A�v���P�[�V�����������v���Ƃ�Web�̎�ړI�ƂȂ�AHTML 4.01�ł����@�\��Web�A�v���P�[�V�������\�z�����悤�ɂȂ����B

�@���̈���ŁA�u���E�U�E�x���_�́AHTML 4.01�݂̂�Web�A�v���P�[�V�������J�����邱�Ƃ̌��E�������Ă����B���ʂƂ���Apple�AMozilla�AOpera��3�Ђ́AW3C�Ƃ͕ʂ�WHATWG�iWeb Hypertext Application Technology Working Group�j�Ƃ����c�̂𔭑����A�������HTML�̎d�l�����i�߂��B����WHATWG�����肵�Ă���������HTML�̎d�l�̑��Ă��A2007�N�ɐݗ����ꂽW3C��HTML WG�iHTML Working Group�j�ō̗p����AWHATWG��HTML WG���Ƃ��Ɏ������HTML�d�l�̍����i�߂��B������2008�N�AW3C��HTML 4.01�̌�p�ƂȂ�HTML5�̑��Ă𔭕\����B

�@HTML5�ɂ͕���������HTML 4.01����A��p�݊������ƒA�v���P�[�V�����������d�l�ɋ@�\�g������A������}�[�N�A�b�v���������B�܂��A�֘A�Z�p�Ƃ��āAJavaScript�ł̊J�����T�|�[�g����V����API���K�肳��Ă���B

�@�����ȈӖ��ł�HTML5�̎d�l�́AWHATWG��W3C�����肵�����̂ɂȂ邪�A���݁A�uHTML5�v�Ƃ����ꍇ�́A�f�U�C���@�\�ł���CSS3���܂ޏꍇ�ASVG��XPath�̂悤�Ɉꕔ�̃u���E�U�ł��łɓ������Ă���@�\��A�•ʂɍ��肪�i�߂��Ă���API�Ȃǂ��܂߂邱�Ƃ������i�}1�j�B

�}1�@W3C�����HTML5�ƁA�L�`��HTML5

�@�{�A�ڂł́A����HTML5�ɂ‚��āA�����_�Ŋ��p����Ă���l�C�@�\���ɉ��������̂ł���B�Ȃ��A�{�A�ڂɂ�����l�C���́u���o�C���J���ɂ‚��Ă̒����v����ɂ��Ă���B

�@���ۂɎ�舵�����e�͈ȉ��̂Ƃ��肾�B

���� �@�\ �T�v
1 Geolocation �ʒu���̎擾
2 Web Storage �N�b�L�[�������@�\�ȃf�[�^�ۑ��̎d�g��
3 �h���b�O���h���b�v �}�E�X�Ȃǂ��g�p�����h���b�O���h���b�v
4 �Z���N�^API CSS�Z���N�^���g�p���ėv�f�ɃA�N�Z�X
5 Web Sockets �T�[�o�ƃu���E�U�Ԃł̑o�����ʐM
6 �t�@�C��API ���[�J���̃t�@�C���𑀍�
7 Web Workers �o�b�N�O���E���h��JavaScript�R�[�h�̕�����s
8 Indexed Database �u���E�U����ŗ��p�ł��郊���[�V���i���E�f�[�^�x�[�X
�\1�@�����_�Ŋ��p����Ă���HTML5�̐l�C�@�\

���f�g�c�l�C��Geolocation API

�@2011�N6�����݁A�ł��l�C������̂́A�ʒu�����擾����Geolocation API���B���܂܂ł́A�f�o�C�X���g���Ǝ��̋K�i�ňʒu�����擾���Ă����B�‚܂�A�L�����A���قȂ�f�o�C�X�i�X�}�[�g�t�H����A�^�u���b�gPC�Ȃǁj�ɑ΂��ăA�v���P�[�V������񋟂���ۂɂ́A���ꂼ��ŗL�̋L�q���K�v�ł������B

�@�������AHTML5�ł͈ʒu�����擾����Geolocation API�����p�ł���B����ɂ��AGeolocation API���T�|�[�g���Ă���u���E�U�ł���΁A�f�o�C�X�Ɋ֌W�Ȃ��A�����L�q�ňʒu���̏����������ł���킯���B���̓_�����炭�f�g�c�̐l�C���ւ闝�R�Ȃ̂��낤�B

�@�ʒu�����擾���邱�ƂŁA�G���h�E���[�U�[����������Ƃ��āA�n�}��̈ʒu�̕\����A�ߗׂ̎{�ݏ��̕\���A����ɂ͓V�C��A���̏ꏊ�Ȃ�ł͂̃��[�J���ȃj���[�X�̏���\���ł���悤�ɂȂ�B�‚܂�A�X�}�[�g�t�H����^�u���b�gPC��œ��삷��A�v���P�[�V�����ɂ����đ傫�ȉe���͂����‹@�\���Ƃ�����B

�@���݁AGeolocation API�����p���Ă���A�v���P�[�V�����ŗL���Ȃ��̂Ƃ����΁AAndroid�ɓ��ڂ���Ă���O�[�O�����̒n�}�A�v����A���P�^�b�`����������B�}2�̓��P�^�b�`�̒n�}��ʂ����A�n�}��ɕ\������Ă���A�C�R�����ߋ��Ƀ^�b�`�����X�|�b�g���B

�}2�@���P�^�b�`�̃}�b�v��

�@���P�^�b�`�͂Ђƌ��ł����ƁA�������o�������ꏊ���}�b�v��̃X�|�b�g�Ƀ^�b�`���邱�ƂŃ��O���c���A���������̃}�b�v�����グ�Ă����A�v���P�[�V�������i�������A�F�l��o�^���邱�ƂŗF�l�̃}�b�v�̎Q�ƂȂǂ��s����j�B���o�C���[�����烍�P�^�b�`�ɃA�N�Z�X���āA�ʒu�����擾����ƁA���݁A����������ߕӂ̃X�|�b�g�ꗗ���\������A���̃X�|�b�g�Ƀ^�b�`���ă��O���c���d�g�݂��B�O�q�̂Ƃ���Geolocation API�����p���邱�ƂŁA�f�o�C�X�ŗL�̏����ł͂Ȃ��A�u���E�U�̎d�g�݂Ƃ��Ĉʒu��񂪎擾�ł���̂ŁA�}���`�f�o�C�X�ɑΉ������T�[�r�X���e�Ղɒ񋟂ł���Ƃ����킯���B

�@���̕\�Ɏ����Ƃ���A���݁AGeolocation API�͎�v�u���E�U�ł͎����ς݂��B

�u���E�U �Ή��o�[�W����
Internet Explorer 9�ȍ~
Firefox 3.5�ȍ~
Chrome 5�ȍ~
Safari 5�ȍ~
Opera 10�ȍ~
�\2�@��v�u���E�U�ɂ�����Geolocation API�̎�����

�@Geolocation API�̈ʒu����GPS�AIP�A�h���X�AWi-Fi�Ȃǂ��܂��܂ȃ\�[�X����Ɏ擾�����BGeolocation API�����������A�v���P�[�V�����ɃA�N�Z�X����ꍇ�A�K���u�ʒu�����擾���Ă悢���v�̊m�F���u���E�U�����{���A���p�҂̋����Ȃ��Ɉʒu�����擾���邱�Ƃ͂Ȃ��i�}3�j�B

�}3�@�ʒu���擾�̊m�F��ʗ�

�@���̍��ł́A���ۂ�Geolocation API�̗��p�ɂ‚��Č��y����B

��Geolocation API��3���

�@Geolocation API�́A3��ނ�API����`����Ă���B

�T�v ���\�b�h
���݂̈ʒu�����擾 getCurrentPosition(�������̃R�[���o�b�N�֐�, ���s���̃R�[���o�b�N�֐�, �I�v�V����);
�ʒu�����Ď�����
�ʒu�ύX���Ɏ擾
watchPosition(�������̃R�[���o�b�N�֐�, ���s���̃R�[���o�b�N�֐�, �I�v�V����);
�ʒu���̊Ď��𒆎~ clearWatch(watchPosition���\�b�h�̖߂�l)
�\3�@Geolocation API�̎��

�@��L�̂Ƃ���AGeolocation API�͌��݂̈ʒu�����擾���邩�A�ʒu�����Ď����Ĉʒu�ύX���Ɏ擾���邩�A���̊Ď��𒆎~���邩��\���V���v����API���B�p�����[�^���A�������Ǝ��s���̃R�[���o�b�N�֐��̎w��ƁA�I�v�V�������g�����ǂ����݂̂ŁA�g�p���₷��API�ƂȂ��Ă���B���ꂼ��̃��\�b�h�́Anavigator�I�u�W�F�N�g����geolocation�v���p�e�B����Ăяo����B

�m�R�����nGeolocation API�̈ʒu���ɂ‚���

�@��v�u���E�U��Geolocation API���������Ă͂��邪�A���x�͂��܂��܂ȗv���ɂ��傫���ς�邱�Ƃ�����B�u���E�U�����̍��ق����x�ɂ��e����^����ق��A�ڑ����Ă���‹��ɂ��傫���ς��_�ɂ͒��ӂ��K�v���B

�@�Ⴆ�΁A�}���V�����Ȃǂ̒c�n�ł܂Ƃ߂Ĉ�����Ă������Ȃǂ́A�ꍇ�ɂ�蕔���ԍ��܂Ŋ���o����邱�Ƃ����邪�A�ꌬ�Ƃ̏ꍇ�͏ꏊ���O��邱�Ƃ�����i������x�߂��ʒu�͕\�������j�B�ق��ɂ�EMOBILE��WiMAX�Ȃǂ��g�p���Ă���ꍇ�́A�܂�ňقȂ�ꏊ�������”\��������B����͈ʒu�����擾���邽�߂Ɏg�p����Ă���\�[�X�Ȃǂɉe�����󂯂Ă��邩�炾�B�‚܂�A������x�̐��x�͕ۂĂ邪�A�u�\�[�X��GPS�ł͂Ȃ��ꍇ�̈ʒu���̐M�����́A100���ł͂Ȃ��v�Ƃ����_�ɂ͗��ӂ��Ă������������B


�@�ʒu���̎擾�����A�܂���Geolocation API���u���E�U���������Ă��邩�ǂ����̊m�F���K�v���BGeolocation API�̎����̗L���́A�ȉ��̃R�[�h�Ŋm�F�ł���B

if (navigator.geolocation) {
  // Geolocation�Ɋւ��鏈�����L�q
} else {
  window.alert("�{�u���E�U�ł�Geolocation���g���܂���");
}

���X�g1�@Geolocation�̗��p�̉”ۃ`�F�b�N�igetCurrentPosition.htm�j

�@navigator�I�u�W�F�N�g��geolocation�v���p�e�B������ꍇ��Geolocation�����p�ł�����̂Ƃ��Ď��������A�Ȃ��ꍇ�͗��p�ł��Ȃ��G���[�E���b�Z�[�W�̕\���Ȃǂ��s���̂���ʓI���B

�@�ł́A���Ɏg�p���@�����Ă݂悤�B

�����݂̈ʒu�����擾����getCurrentPosition���\�b�h

�@�ŏ��ɁA�u���E�U�����s�����R���s���[�^�̌��݈ʒu���擾����T���v���������B

<script type="text/javascript">
  if (navigator.geolocation) {

    // ���݂̈ʒu�����擾
    navigator.geolocation.getCurrentPosition(

      // �i1�j�ʒu���̎擾�ɐ��������ꍇ
      function (pos) {
        var location ="<li>"+"�ܓx�F" + pos.coords.latitude + "</li>";
        location += "<li>"+"�o�x�F" + pos.coords.longitude + "</li>";
        document.getElementById("location").innerHTML = location;
      },
      // �i2�j�ʒu���̎擾�Ɏ��s�����ꍇ
      function (error) {
        var message = "";

        switch (error.code) {

          // �ʒu��񂪎擾�ł��Ȃ��ꍇ
          case error.POSITION_UNAVAILABLE:
            message = "�ʒu���̎擾���ł��܂���ł����B";
            break;

          // Geolocation�̎g�p�����‚���Ȃ��ꍇ
          case error.PERMISSION_DENIED:
            message = "�ʒu���擾�̎g�p���‚�����܂���ł����B";
            break;

          // �^�C���A�E�g�����ꍇ
          case error.PERMISSION_DENIED_TIMEOUT:
            message = "�ʒu���擾���Ƀ^�C���A�E�g���܂����B";
            break;
        }
        window.alert(message);
      }
    );
  } else {
    window.alert("�{�u���E�U�ł�Geolocation���g���܂���");
  }
</script>

<ul id="location">
</ul>

���X�g2�@getCurrentPosition���\�b�h�ɂ�錻�ݒn�̎擾��igetCurrentPosition.htm�j

�@���ۂ̋����́AGeolocation API�Ή��̃u���E�U�������̃����N���N���b�N���Ċm�F���Ă������������B

�@�T���v�������s����ƁA�O�q�̂Ƃ���A�ʒu���̎擾�����߂�m�F�_�C�A���O���\�������B�m�F�\�������‚��āA���݂̈ܓx�^�o�x�̒l���擾���Ăق����B

�@�M�҂����ۂɎ��������s���ʂ͐}4�̂悤�ɂȂ�B���̌�A�ܓx�^�o�x�̒l��Google�}�b�v��Bing�n�}�iBing Maps�j�ɓ��͂��Č�������ƁA�n�}���Geolocation API���擾�������ݒn���\�������͂����B

�}4�@���݂̈ʒu���擾���

�@�T���v���E�R�[�h�̃|�C���g��������悤�B

���i1�j�ʒu���̎擾�ɐ��������ꍇ

�@getCurrentPosition���\�b�h�̃|�C���g�͐������Ǝ��s���̃R�[���o�b�N�֐��̃p�����[�^�ɂ���B�������̃R�[���o�b�N�֐��ł́A�p�����[�^��Position�^�̃I�u�W�F�N�g���n�����B���̃I�u�W�F�N�g��Coordinates�^��coords�v���p�e�B�ƁA�^�C���X�^���v�l��\��timestamp�v���p�e�B�������Ă���B

�@Coordinates �I�u�W�F�N�g����́A����Ɉȉ��̏��ɃA�N�Z�X���”\���B

�v���p�e�B�� �T�v
latitude �ܓx�̒l
longitude �o�x�̒l
altitude ���x�̒l
accuracy �ܓx�A�o�x�̐��x
altitudeAccuracy ���x�̐��x
heading ���p�i�x�j
speed ���x�i��/S�j
�\4�@Coordinates�I�u�W�F�N�g�̃v���p�e�B

�@�Ȃ��AGeolocation API���T�|�[�g����Ă���ꍇ�A�����Ă���latitude�^longitude�^accuracy�v���p�e�B�͗��p�ł��邪�A����ȊO��4�‚̃v���p�e�B�͎�Ƀ��o�C���[����^�u���b�gPC�ȂǁA�ړ����Ȃ��痘�p���邱�Ƃ������@������̋@�\�Ƃ�����B�[�������x�Ȃǂ�����o���Ȃ��ꍇ��null��Ԃ��B��L�̃T���v���ł́A�ܓx�A�o�x�̂ݎ��o���ďo�͂��Ă���B

���i2�j�ʒu���̎擾�Ɏ��s�����ꍇ

�@���s���̃R�[���o�b�N�֐��ł́APositionError�^�̃p�����[�^���n�����B���̃I�u�W�F�N�g�́A�G���[�E�R�[�h������code�v���p�e�B�ƁAmessage�v���p�e�B�����B�����̋L�q���@�Ƃ��ẮA�G���[�E�R�[�h�ŏ����𕪊򂳂���B�G���[���ɂ�message�v���p�e�B�ɃG���[�̏ڍׂ������I�Ɋi�[����Ȃ����߁A�����ɃG���[���e�̏ڍׂ�message�v���p�e�B�Ɋi�[���A�y�[�W��ɂ��̏���\��������A�A���[�g��\�������肷��B

�@�G���[�E�R�[�h�͈ȉ���3�‚��B

�G���[�E�R�[�h �T�v
PERMISSION_DENIED (1) �G���h�E���[�U�[���AGeolocation API�̎d�l�����‚��Ȃ��ꍇ�ɔ���
POSITION_UNAVAILABLE (2) ���݈ʒu�����ł��Ȃ��ꍇ�ɔ���
TIMEOUT (3) �w�肳�ꂽ�^�C���A�E�g���ԓ��Ɍ��݈ʒu�����ł��Ȃ��ꍇ�ɔ���
�\5�@Coordinates�I�u�W�F�N�g�̃v���p�e�B

�@��L�̃T���v���ł́A�G���[���ƂɃ��b�Z�[�W���A���[�g�Ƃ��ĕ\�����鏈�����L�q���Ă���B

�m�R�����ngetCurrentPosition���\�b�h�̃I�v�V�����ɂ‚���

�@getCurrentPosition���\�b�h�Ō��݂̈ʒu�����擾����ۂɁA��3�p�����[�^�ɃI�v�V�������n�b�V���`���Ŏw��ł���B

�v���p�e�B�� �T�v
enableHightAccuracy �����x�̏����擾���邩�ǂ������w��iBoolean�^�j
timeout �^�C���A�E�g�܂ł̎��Ԃ��w��
maximumAge �ʒu���̗L���������w��
�\6�@getCurrentPosition���\�b�h�̃I�v�V�����ɂ‚���

�@�K�v�ɉ����Ă��������p���邱�ƂŁA�����ʓI�Ȉʒu��񂪎擾�ł���悤�ɂȂ邾�낤�B


�@�����Ď��̃y�[�W�ł́A�ʒu���Ď������{����watchPosition���\�b�h��clearWatch���\�b�h�ɂ‚��Đ�������B

�@�@�@�@�@�@ 1|2 ���̃y�[�W��

Copyright© Digital Advantage Corp. All Rights Reserved.

'; if( !this.isSubscription ) { this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); } }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

4AI by IT - AIAAA
Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B