fuT~܂Ƃ߃|[g

6�‚̌��ꂪ���A
�X�}�z�A�v���J���̗��z�ƌ���


�f�u�T�~�܂Ƃ߃��|�[�g�i�X�}�z�A�v���J���ҁj


�L����ЃI���O�X
���R�M�́A�㓡��n
2012/2/22
- PR -

�@2��16�`17����2���ԁA�����̖ڍ��돖���ɂĊJ���҂̍ՓT�uDevelopers Summit 2012�v���J�Â��ꂽ�B�u�f�u�T�~�v�̈��̂Œm���铯�C�x���g�́A2002�N���N1��̃y�[�X�ŊJ�Â���A���N��10��ڂ��}�����B

�@2���Ԃōs��ꂽ����5�g���b�N�A�S68�Z�b�V�����̂����A�����ł�iOS�iiPhone�^iPad�^iPod touch�j�AAndroid�AWindows Phone�Ȃ��X�}�[�g�t�H���^�X�}�[�g�f�o�C�X�����̃A�v���J���Ɋ֘A����6�Z�b�V�������s�b�N�A�b�v���āA���̗l�q�����|�[�g����B

  1. Yahoo! JAPAN�̃X�}�z����HTML5�Ή��Ƃ�
  2. HTML5�ŃX�}�z�A�v���J���A�z���g�̂Ƃ���
  3. UX���󂳂��ɃX�}�z�̃v���b�g�t�H�[�����ƂɍœK��
  4. �X�}�z3��OS�����J���́A�ǂ��܂ʼn”\�Ȃ̂�
  5. �X�}�[�g�f�o�C�X�̊�ƌ����A�v���J���͂ǂ��Ȃ�
  6. �K���P�[�˃X�}�z�A�v���J���ɂ�����6�‚̃|�C���g

�@�܂��A�\�[�V�������C���t���҂́A�ȉ��̋L�����Q�Ƃ��Ăق����B

�\�[�V�����A�v���̃C���t����Node.js������ɂȂ邩
�f�u�T�~�܂Ƃ߃��|�[�g�i�\�[�V�������C���t���ҁj�@����̃f�u�T�~����\�[�V�����Q�[�����K�̓T�[�r�X���x����C���t���Z�p�E�N���E�h�Ɋ֘A�����u���̖͗l�����͂�
�uSmart �� Social�v�t�H�[���� 2012/2/21

Yahoo! JAPAN�̃X�}�z����HTML5�Ή��Ƃ�

���t�[ ����^��

�@�ŏ��ɏЉ��̂́A���t�[ ����^���ɂ��u���u���t�[��HTML5�Ή��v���B�����́AYahoo! JAPAN�ɂ����ăX�}�[�g�t�H���𒆐S�ɐi�߂Ă���HTML5�Ή��ɂ‚��Ĕ��\�����B

�@���t�[�ł́A�uHTML5�́A���q���܂ւ��ǂ����E���l��񋟂��邽�߂̎�i�v�Ƃ����������O��邱�Ƃ��Ȃ��悤�ɑΉ���i�߂Ă���Ƃ����BHTML5�𗘗p���邱�Ƃ��ŏI�ړI�ł͂Ȃ����߁A�����̎��Y�𐶂����‚A�K�ޓK����HTML5��K�p���Ă����Ƃ����p���ł���B

�@�����_�ɂ�����Yahoo! JAPAN�̃T�[�r�X��HTML5�Ή��́A�X�}�[�g�t�H���^�X�}�[�g�f�o�C�X����s���Ă���B���̗��R�Ƃ��ẮAPC�ɔ�ׂ�Web�u���E�U�����肳��Ă��邱�Ƃ���SLA�iService Level Agreement�j���ێ����₷�����Ƃ�A���ʌ݊������l������K�v�������܂�Ȃ����ƁAHTML5�̋@�\�����p�ł���v���������Ă��邱�ƂȂǂ�������ꂽ�B�������A�X�}�[�g�t�H���̔����I�ȕ��y��������㉟�����Ă���B

�@�u���ł́A���ɁuYahoo! JAPAN�g�b�v�v�uYahoo! JAPAN�T�[�r�X�v�ɂ�����2�‚�HTML5�Ή��ɂ‚��Ă̏Љ�������B�܂��AYahoo! JAPAN�g�b�v�ɂ����ẮA���L�̃|�C���g�ɗ��ӂ���UI��݌v���Ă���Ƃ����B

  • �e���܂ꂽ���m�̃f�U�C�����ė��p���邱�ƂŒ����I�Ɏg����悤�ɂ���
  • �f�o�C�X�̓�����m��
    • ��ʃT�C�Y���l��
  • �{�^�������𓝈�
  • �^�b�`�W�F�X�`���[��O���UI�z�u���l����
  • HTML5�̎�v�ȃe�N�m���W�ɂ‚��ė������Ă���
    • �ł��邱�ƁA�ł��Ȃ����Ƃ�c��

�@���݁AYahoo! JAPAN�g�b�v�ŗ��p����Ă����v��HTML5�̋@�\�Ƃ��̃|�C���g�Ƃ��ẮA���̂悤�Ȃ��̂�������ꂽ�B���ʋ@�\�Ȃǂ́uYUI App Framework�v�Ƃ��ċ��L�E�W�񂵂Ă���Ƃ̂��Ƃ��B

  • localStorage�i���[�J���X�g���[�W�j
    • �e�헚����ݒ�̕ێ��Ɏg�p
  • �\�����f�[�^�̕ێ��ɂ�JSON���g��
  • �o�C�i���f�[�^��Base64��
  • �^�b�`�C�x���g
  • History API
    • �u�߂�v�{�^���𗘗p�ł���
  • �T�|�[�g���Ȃ��v���b�g�t�H�[�������ɂ�YUI App Framework�őΉ�
  • GeoLocation API
    • ��24���Ԃ��ƂɈʒu���擾�̌x�����s��
    • API�ňܓx�o�x����Z���ɕϊ�
  • CSS3
    • CSS Transform�ŕ��G�ȕ`�揈�����X���[�Y�ɍs����
    • CSS Gradient�ō��𑜓x�f�B�X�v���C�ł����炩�ȕ\�����”\

�@Yahoo! JAPAN�T�[�r�X�ł́A�����̃T�[�r�X�ɑ΂���J�����x�����邽�߁A���ʂ̊J���x���V�X�e�����e���v���[�g�V�X�e�����p�ӂ���Ă���A���̒���HTML5�Ή����͂��߂Ƃ���X�}�[�g�t�H�������̃f�U�C����J���̃T�|�[�g��i�߂Ă���Ƃ����B�����ł́AHTML5�̃}�[�N�A�b�v��Web Storage�ACSS3�AGeoLocation API�ACanvas�A�I�t���C���@�\�Ȃǂ����p����Ă���Ƃ̂��ƁB

�@�X�}�[�g�t�H�������̊J���ł́A���ɑS�̂Ƃ��ĕi����ۂ��‚A�ŐV�̋@�\�ւ̑Ή���i�߂Ă����K�v������B�����ŁA�X�}�[�g�t�H���̓������l������UI�K��̖��m����A�����̂��߂̃K�C�h���C���̖��m�����s���A�S�̂̕i���̊m�ۂɖ��߂Ă���B

�@�܂������ɑ΂��ẮA�X�j�y�b�g�Ȃǂ̃c�[���ɂ��T�|�[�g��A�����p�[�c�̋��L�A�Г��|�[�^���ɂ��f�o�C�X���̋��L�Ȃǂɂ���āA�J���̌�������i�߂Ă���B����ɉ����āAHTML5���͂��߂Ƃ���V�����Z�p���g��������ƌ�����ϋɓI�ɍs���Ă���Ƃ̂��ƁB

�@�Ō�ɁA���䎁�͌����_��HTML5�ɂ́A���̂悤�ȉۑ肪�c����Ă���Ǝw�E�����B

  • �e��x���_�v���t�B�b�N�X��W3C�d�l����̒x���Ƃ������W�����ւ̖��
  • ���[�J���X�g���[�W��N���C�A���g���������ɂ��Z�L�����e�B�s��
  • �����̎��Y��m�E�n�E���ǂ����p���邩
  • �Z�p�҂�f�U�C�i�̕s��

�@���̂����Ń��t�[�ł́A������u���[�U�[�̐��������L���ɕ֗��ɉ��l������̂ւƐ��i����v�Ƃ������Ђ̖ړI�Ɍ�����������@�Ƃ��āAHTML5�����p���Ă������Ƃ����炽�߂ċ��������B

�� �֘A�����N

HTML5�ŃX�}�z�A�v���J���A�z���g�̂Ƃ���

�f�B�[�E�G�k�E�G�[ CTO�� �I����j��

�@�f�B�[�E�G�k�E�G�[ CTO�� �I����j���̍u���u�X�}�[�g�t�H���ɂ�����HTML5�����̍Ő�[�v�ł́A�X�}�[�g�f�o�C�X�ɂ�����HTML5�֘A�Z�p�̏󋵂��Љ�ꂽ�B�X�}�[�g�f�o�C�X�ɂ�����HTML5�֘A�Z�p�̓l�C�e�B�u�A�v���ɕC�G����󋵂܂ŏK�n���Ă��Ă���Ƃ����B

�@�܂��I�����́AHTML5��Canvas�v�f�Ɍ��y�BJavaScript��API�o�R�ŔC�ӂ̃h�b�g�`�悪�”\�ɂȂ������ƂɐG��AFlash�ŊJ�����ꂽ�Q�[����Canvas�v�f�����p���ĊJ�����ꂽ�Q�[���̃f���������A���F�Ȃ����x���ɓ��B���Ă��邱�Ƃ��Љ�ꂽ�B�f�����������A�Ⴂ�����‚��������������Ƃ�����B

�@�܂��A ApplicationCache��localStorage�Ȃǂ̋@�\�����グ�A�A�v���J���ɏd�v�ƂȂ�@�\���p�ӂ���Ă���_���Љ�ꂽ�B

�@���Ƃ����āAHTML5���p�[�t�F�N�g�ȑ�֋Z�p���Ƃ����Ό���͂����ł��Ȃ��A�����‚��̎�_�����邱�Ƃ��w�E�B���Ɂu3D�A���y�A���x�Ƃ��������e�Ŏア�ʂ������v�ƋI�����B

�@�܂�3D�ɂ‚��āA�X�}�[�g�f�o�C�X�ł�OpenGL�����p�ł��Ȃ��Ƃ����BOpenGL��HTML5�Ŋ��p���邽�߂�WebGL��Firefox for mobile�݂̂��T�|�[�g���Ă���A�L�����p�ł���󋵂ɂ͂Ȃ��B

�@���y�̓^�C�~���O�������ɂ߂ăV�r�A�ł��邤���ɁA�����ɉ����‚点�Ȃ��ȂǂȂɂ��Ɛ��������‚��󋵂ɂ���B

�@�܂��A���������`�摬�x���x��������AJavaScript�̎��s���̂��̂��x��������A�l�C�e�B�u�A�v���ɂ͂��Ȃ�Ȃ��ʂ�����Ƃ����B

�@�I��������͎��ۂ̊J���o������A�J���̃|�C���g�Ȃǂ��Љ�ꂽ�BCanvas�����_�����O��iPhone�^iOS 4�̕���Android�����x�����߁AiPhone�^iOS 4�ʼn��K�ɓ��삷��悤�ɊJ������悤�ɂ��Ă���Ƃ����B

�@���ɁAiOS 4��drawImage���x���A�L���b�V�������p����Ȃǂ��āA������drawImage�̉񐔂����炷�����d�v�ɂȂ�Ƃ����A�h�o�C�X���������B�Ȃ�iOS 5�ł́A���̖��͉������Ă���Ƃ����B

�@�܂��A�����̊֌W����uCanvas�̏�ɂ����DOM�v�f���ڂ���Ƃ��������Ƃ͂��Ȃ������ǂ��v�i�I�����j�Ƃ������A�h�o�C�X���������B

�@CSS3�͊�{�I��GPU�T�|�[�g�Ŏ��s����邽�߁A�T�N�T�N���삷�邪�A�����ɓ��삷�镨�̂�������Ƌ}���ɏd���Ȃ����ƁAAndroid�ł�Web�u���E�U��f�o�C�X���ƂɌ݊�����肪�o�邱�ƁA�A�j���[�V�����Ȃǂɖ�肪����Ƃ����_�ɂ‚��Ă����y���������B1�����̂̃A�j���[�V�����œ����ɓ������̂����Ȃ��ꍇ�ɂ́ACSS3�����p�ł��邪�A����ȊO�̃P�[�X�ł�Canvas�̕������ʓI�Ƃ����������������B

�@�I���������JavaScript�̑��x�Ɋւ���J���o�������\���s��ꂽ�Beval���N���[�W����p�ɂɐ������Ă���ꍇ�ɂ́AJIT���t�ɓ�����d�����邱�Ƃ����邪�A���̖��̓c�[�����x���Ō��o���₷�����ߑΏ����e�Ղ��Ƃ����B

�@�ǂ��炩�Ƃ����ƁAJavaScript�ő�̒x��������GC�i�K�x�[�W�R���N�V�����j�ɂ���Ǝw�E����Ă����BGC�΍�ɖ��\��͑��݂����A�悭�m��ꂽ��@���m���ɓK�p���Ă������Ƃʼn��P�ł���Ƃ����B

�@�܂��A���W�`�Ƃ��āA�c�����ɂ������@�ɂ����郁�����g�p�ʂ̊m�F���@�Ȃǂ��Љ�������B�J���o����A1���JavaScript�����ɂ����郁�����g�p�ʂ�100Mbytes�ȓ��ɂȂ�悤�ɂ����Ɩ�肪�������ɂ����Ƃ����B

�� �֘A�����N


 
1-2-3

�@Index
�f�u�T�~�܂Ƃ߃��|�[�g�i�X�}�z�A�v���J���ҁj
Page1
Yahoo! JAPAN�̃X�}�z����HTML5�Ή��Ƃ�
HTML5�ŃX�}�z�A�v���J���A�z���g�̂Ƃ���
  Page2
UX���󂳂��ɃX�}�z�̃v���b�g�t�H�[�����ƂɍœK��
�X�}�z3��OS�����J���́A�ǂ��܂ʼn”\�Ȃ̂�
  Page3
�X�}�[�g�f�o�C�X�̊�ƌ����A�v���J���͂ǂ��Ȃ�
�K���P�[�˃X�}�z�A�v���J���ɂ�����6�‚̃|�C���g
���̑��̃X�}�z�A�v���J���Ɋւ���u�������̂܂Ƃ�


�@Smart��Social �t�H�[���� �g�b�v�y�[�W��



Smart �� Social �t�H�[���� �V���L��
��IT���[���}�K�W���@�V������X�^�b�t�̃R���������[���œ͂��܂��i�����j

���ڂ̃e�[�}

Smart & Social �L�������L���O

�{�� ����