Internet Explorer 9�����ł�HTML5�^CSS3�^SVG�Ή��F���W�FWeb����ҁ��J���҂̂��߂�IE9�T���i��ҁj�i1/3 �y�[�W�j

IE9�ł́A���ړx�����܂��Ă���HTML5�^CSS3�̈ꕔ�@�\�ɑΉ����Ă���B���̐V�@�\���ȒP�ȃR�[�h��ŏЉ��B

» 2011�N07��07�� 00��00�� ���J
[��F���F�C�f�W�^���A�h�o���e�[�W]
WFWebҁJ҂̂߂IE9T
Insider.NET

�@

uWFWebҁJ҂̂߂IE9TṽCfbNX

�A�ږڎ�

�@�O���Ɉ��������AInternet Explorer 9�i�ȍ~�AIE9�j�����ł̐V�@�\�ɂ‚��ĉ������B��҂ł��鍡��́AIE9�̎�v��HTML5�^CSS3�^SVG�Ή��@�\���Љ��B

��4. HTML5�Ή�

�@�ŋ߁AHTML5�ւ̒��ړx�����܂��Ă���B2011�N6���ɕč��ōs��ꂽ�u����Windows 8�i�R�[�h���j�v���r���[�E�C�x���g�v�ŁA�u�gHTML5�h�ŋL�q�ł���Windows�l�C�e�B�u�E�A�v���P�[�V�����v�i�܂��ڍׂ͕s���j�Ƃ����V�����A�v���P�[�V������ʂ��o�ꂷ�邱�Ƃ����\���ꂽ���Ƃ�����A���̐����͑����΂��肾�B���ɃO�[�O�������͂ɐ��i���Ă����ۂ̂���HTML5�����A�}�C�N���\�t�g�Z�p�n�ł���.NET�J���҂��傫�Ȋ֐S�Ɗw�K�ӗ~���񂹂Ă��邱�Ƃ��A�{�T�C�g�̓Ǝ������Ŗ��炩�ɂȂ��Ă���B

�@�ł́AIE������܂�HTML5�𖳎����Ă������Ƃ����ƁA�����Ă���Ȃ��Ƃ͂Ȃ��B���܂�m���Ă��Ȃ���������Ȃ����AIE8�ɂ́A

�Ȃǂ�HTML5�@�\�����łɓ��ڂ���Ă���i�ڂ����́uMSDN�FInternet Explorer 8 �\ HTML �� CSS �̃T�|�[�g�v���Q�Ɓj�i��HTML5�̎d�l��2011�N5��25���ɂ͍ŏI���ĂɒB�����B2014�N�Ɋ��������\��j�B

�@�}�C�N���\�t�g��HTML5�T�|�[�g��IE9�ł���ɐi�߁AHTML5�d�l�����HTML5�֘A�d�l�iJavaScript��API�Ȃǁj���炳�܂��܂ȋ@�\��lj������B��̓I�ɂ́A��ɉ��L�̂悤��HTML5�@�\����������Ă���B

  • <audio>�^<video>�v�f�̃T�|�[�g
  • <canvas>�v�f�̃T�|�[�g
  • �Z�}���e�B�b�N�v�f
  • �e�L�X�g�I��API
  • �ʒu���iGeolocation�jAPI
  • XHTML��͂̃T�|�[�g

�@�ȉ��ł́A���ꂼ��ɂ‚��ĊȒP�ɏЉ�Ă������B

��<audio>�^<video>�v�f�̃T�|�[�g

�@HTML5�̒��ł����Ɋ��҂���Ă���<audio>�^�O��<video>�^�O���T�|�[�g����Ă���B<audio>�^�O�́A�ƊE�W����MP3�����AAC�I�[�f�B�I���A�����<video>�^�O�́A�ƊE�W����MPEG-4/H.264�r�f�I���AHTML�y�[�W�ɖ��ߍ���ōĐ��ł���@�\��񋟂���iVP8�R�[�f�b�N���C���X�g�[������Ă���ꍇ�́AWebM�r�f�I���Đ��”\�j�B

�@<video>�^�O�́A�y�[�W��̂ق��̗v�f�i�Ⴆ��HTML�R���e���c��A�摜�ASVG�O���t�B�b�N�Ȃǁj�ƍ����”\�ŁA������HD�𑜓x��60fps�̃r�f�I���t���X�N���[���ōĐ��”\��GPU�x�[�X�̓���Đ��@�\��񋟂���BGPU���p�̂��߁ADXVA�i��DirectX�r�f�I�E�A�N�Z�����[�^�j�ƃn�[�h�E�F�A�E�r�f�I�E�f�R�[�_�ɑΉ����Ă���B

�@<video>�^�O�́A���L�̂悤�ȃR�[�h�ōĐ������B

<!DOCTYPE html>

<html>
<head>
<title>&lt;video&gt; tag Sample</title>
</head>
<body>

<video width="480" height="272" autoplay
 src="http://ecn.channel9.msdn.com/o9/mix/10/mp4/CL01.mp4">
�r�f�I������܂���B
</video>

</body>
</html>

<video>�^�O�ɂ�铮��Đ��̃T���v���E�R�[�h
�擪�s�́u<!DOCTYPE html>�v�́A�u����HTML�R�[�h��HTML5�����ł��邱�Ɓv�������B

��<canvas>�v�f�̃T�|�[�g

�@HTML5�̒��Œ��ڂ���Ă���<canvas>�^�O���T�|�[�g���Ă���B<canvas>�^�O�́A���I��2�����r�b�g�}�b�v�摜��`�悷��@�\��񋟂���B���̃����_�����O�ł́A��͂�GPU�����p�����B

�@���ۂ�<canvas>�^�O�𗘗p����ۂɂ́A���̃R�[�h��̂悤�ɁiJavaScript�́jCanvas 2D API�Ƒg�ݍ��킹�ėp����B

<!DOCTYPE html>

<html>
<head>
<title>&lt;canvas&gt; tag Sample</title>
<script type="text/javascript">
<!--
function drawCanvas() {
  // �`��R���e�L�X�g�̎擾
  var cvs = document.getElementById('sample');
  if (cvs.getContext) {
    var ctx = cvs.getContext('2d');

   // �F�̉~��`��
   ctx.beginPath();
   ctx.fillStyle = "rgb(0, 162, 232)";
   ctx.arc(98, 73, 70, 0, 2*Math.PI, true);
   ctx.fill();
  }
}
//-->
</script>
</head>
<body onload="drawCanvas()">

<canvas id="sample" style="background-color: yellow;">
�u���E�U��<canvas>�^�O���T�|�[�g���Ă��܂���B
</canvas>

</body>
</html>

<canvas>�^�O�ɂ��r�b�g�}�b�v�摜�`��̃T���v���E�R�[�h

�@��������s����ƁA���̉�ʂ̂悤�ɂȂ�B

<canvas>�^�O�ɂ��r�b�g�}�b�v�摜�`��̎��s��

���Z�}���e�B�b�N�v�f

�@IE9�ł́AHTML5�̐V�����Z�}���e�B�b�N�v�f�i�������\����̈Ӗ������ƒ^�O�j���T�|�[�g���Ă���B��̓I�ɂ́A���L�̂悤�ȃ^�O���T�|�[�g����Ă���B

  • <article>�^�O�F �L���������B
  • <header>�^�O�F �w�b�_�������B
  • <nav>�^�O�F �i�r�Q�[�V�����������B
  • <hgroup>�^�O�F �Z�N�V�����̌��o���������B
  • <section>�^�O�F �Z�N�V�����������B
  • <footer>�^�O�F �t�b�^�������B
  • <aside>�^�O�F �⑫���������B
  • <figure>�^�O�F �}�\�������B
  • <figcaption>�^�O�F �}�\�̃L���v�V�����������B
  • <mark>�^�O�F ���̃^�O�ň͂񂾃e�L�X�g�́A�n�C���C�g�\�������B

�@�����̃Z�}���e�B�b�N�v�f�́A�Ⴆ�Ύ��̂悤�Ȍ`�ŗp����B

<!DOCTYPE html>

<html>
<head>
<title>�Z�}���e�B�b�N�v�f Sample</title>
</head>
<body>

<article>

  <header>
   <h1>�Z�}���e�B�b�N�v�f�̎g����</h1>
   <p>�Z�}���e�B�b�N�v�f�̎g������������܂��B</p>
  </header>

  <p>�L���̃e�L�X�g���L�q���܂��B</p>

  <section>
    <h2>1�–ڂ̃Z�N�V����</h2>
    <p>���̃Z�N�V�����Ɋ܂܂��e�L�X�g���L�q���܂��B</p>
  </section>

  <section>
    <h2>2�–ڂ̃Z�N�V����</h2>
    <p>���̃Z�N�V�����Ɋ܂܂��e�L�X�g���L�q���܂��B</p>
  </section>

  <footer>
    �t�b�^���L�q���܂��B
  </footer>

</article>

</body>

</body>
</html>

�Z�}���e�B�b�N�v�f���܂�HTML�R�[�h�̃T���v��

���e�L�X�g�I��API

�@�e�L�X�g�I��API�Ƃ́A���[�U�[�ɂ��e�L�X�g�̑I�����擾�E���삷�邽�߂̋@�\�ł���B����T�|�[�g���Ă���̂́A���L��3�‚̋@�\���B

�i1�jgetSelection�֐��F window�I�u�W�F�N�g�ɑ΂���Selection�I�u�W�F�N�g��Ԃ��BSelection�I�u�W�F�N�g�́A���ݑI������Ă���e�L�X�g��\���B
�i2�jselectionStart�v���p�e�B�F ���ݑI������Ă���e�L�X�g�̊J�n�ʒu���擾�^�ݒ肷��B
�i3�jselectionEnd�v���p�e�B�F ���ݑI������Ă���e�L�X�g�̏I���ʒu���擾�^�ݒ肷��B


�@���̃R�[�h�́AgetSelection�֐��̗��p�Ⴞ�BHTML�y�[�W��̔C�ӂ̃e�L�X�g��I��������ԂŁA�mtest�n�{�^�����N���b�N����ƁA���̑I���e�L�X�g�����b�Z�[�W�{�b�N�X�ɕ\�������B

<!DOCTYPE html>

<html>
<head>
<title>Text Selection API Sample</title>
</head>
<body>
Please select this text and click button.

<input type="button" value="test"
  onclick="alert(window.getSelection().toString())" />

</body>
</html>

�e�L�X�g�I��API�̃T���v���E�R�[�h

���ʒu���iGeolocation�jAPI

�@�ʒu���API�Ƃ́AIE9�����s����Ă���PC�̌��݂̒n���ʒu���ɁAWeb�A�v���P�[�V��������A�N�Z�X���邽�߂̂��̂ł���B���̈ʒu���Ɋ�Â��A�Ⴆ�Βn�}��ɐ����o����\��������A���ݒn�̓V�C�\��������I�ɕ\�������肷��悤�Ȏg�������l������B�������A�i�X�}�[�g�t�H���ł͂Ȃ��jPC��ł͈ʒu��񂪎擾�ł��Ȃ��P�[�X�����ʂ��ƍl������̂ŁA���܂�o�Ԃ��Ȃ���������Ȃ��B

�@���L�̃R�[�h�����s����ƁA�ʒu���API��p���Č��݂̈ܓx�^�o�x��Web�y�[�W��ɕ\������B

<!DOCTYPE html>

<html>
<head>
<title>Geolocation API Sample</title>
</head>
<body>
<script type="text/javascript">
<!--

if (window.navigator == null) {
  alert("Navigator�����t����܂���B");
}
var gl = window.navigator.geolocation;
if (gl == null) {
  alert("Geolocation���T�|�[�g���Ă��܂���B");
}
var id = gl.watchPosition(successCallback, errorCallback);

function successCallback(position)
{
  document.write("���݂̈ܓx�^�o�x��<b>�u"
    + position.coords.latitude + "�^" +
    + position.coords.longitude + "�v</b>�ł��B");
  window.navigator.geolocation.clearWatch(id);
}

function errorCallback(error) {
  alert("�G���[�E�R�[�h�F" + error.code);
}

// -->
</script>
</body>
</html>

�ʒu���iGeolocation�jAPI�ɂ�錻�ݒn�擾�̃T���v���E�R�[�h

��HTML��͂̉��P

�@HTML5�d�l�̑��e�ɐ�������Ă��鋓���Ɍ���Ȃ������悤�ɁAHTML��͏��������P����Ă���B��̓I�ɂ̓W�F�l���b�N�v�f�̎�舵���Ȃǂ�HTML5�d�l�ɕύX����Ă���B

�@�W�F�l���b�N�v�f�Ƃ́A����`�œƎ��̃^�O�̂��Ƃł���BIE8�܂ł͂����̃^�O�͖�������Ă������AIE9����͉�͂���ACSS�Ƃ̊֘A�����������f�����B�Ⴆ�΁A���L��<mytag>�^�O�́A������CSS���K�p�����B

<!DOCTYPE html>

<html>
<head>
<title>Generic Element Sample</title>

<style type="text/css">
mytag { color: red; }
</style>

</head>
<body>

This is a <mytag>Generic Element</mytag>.

</body>
</html>

�W�F�l���b�N�v�f�̃T���v���E�R�[�h

��XHTML��͂̃T�|�[�g

�@MIME�^�C�v���uapplication/xhtml+xml�v�̃h�L�������g����͂���Ƃ��ɂ́AXHTML�R�[�h�Ƃ��ĉ�͂���悤�ɂȂ�B

�@�����āACSS3�Ή���������悤�B

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

Copyright© Digital Advantage Corp. All Rights Reserved.

'; 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�[�}

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