��10�� �n�}�̂悤�ɔN����ړ��ł���MIT��Ajax���j�N�\

������Ѓs�[�f�[
�얓 ��

2006/7/26

�}�E�X�ɂ��h���b�O�ŁA������k���R�ȕ����ɒn�}�X�N���[�����������ɁAMIT�������Timeline�ʼnߋ��Ɩ����̎��Ԏ������R�Ɉړ����Ă݂悤�i�ҏW���j



�@�n�C���C�g1�E���j�N�\�ƒn�}�����ʓI�Ɋ֘A�t����Ajax

�@�M�҂͒n�}���D���ł����A���j���D���ł��B�����āA����2�‚͖��ڂȊ֌W������܂��B�Ⴆ�΁A�n�}�Ɍ�����s���R�ȓ��H��{�݂Ȃǂ��A�Ȃ��s���R�Ɍ�����̂��Ƃ������R�����j�ɖ�����Ă��邱�Ƃ�����܂��B

�@����������΁AJR�������̓����삩�痧��܂Ő^�������̘H�������тĂ��闝�R�́A���݂̉��������Ă�������܂��񂪁A���ݓ����̏󋵂�����Έ�ڗđR�ł��i���̕ӂ�͂قƂ�ǔ_�n�ŁA�y�n�̊������ł��߂邱�Ƃ����Ȃ������j�B�t�ɁA���j�̕s�v�c��ǂ݉������߂ɒn�}�͗L���Ȏ�i�ƂȂ�܂��B

�@�H���搅������l�J��،˂܂ő����ʐ�㐅�́A��́A�����瓌�Ɍ������Đi��ł��܂��B�Ƃ��낪�A�����V�h�����ˉw�̓쑤�ŁA���˂ɓ�̕��ɐ܂�Ȃ���A���ꂩ��A���̕��p�Ɍ�����ς��Ă��܂��B���̗��R�͕����Òn�}�̓����������邱�Ƃŕ�����܂����B���͍���������Ⴂ���ɂ�������Ȃ��̂ŁA��荂���y�n�͔����ď㐅�͈����˂΂Ȃ�܂���B�‚܂�A��荂���y�n������Ēʂ����߂ɁA�ꌩ���ʂȉ����Ɍ�����o�H���I�΂ꂽ�Ƃ����킯�ł��B

�@���āA�n�}��Google Maps���Εt�����ƂȂ��āAAjax�ň�����ȑΏۂ�1�‚ƂȂ��Ă��܂��B�n�}�Ɨ��j�͖��ڂȊ֌W������Ƃ���΁A�n�}�����łȂ��A���j��Ajax�ň����Ƃ����A�C�f�A�͂ǂ��ł��傤���H�@�}�E�X�ɂ��h���b�O�ŁA������k���R�ȕ����ɃX�N���[�����������ɁA�ߋ��Ɩ����Ɏ��R�Ɉړ�����Ƃ����A�C�f�A�͂ǂ��ł��傤���H

�@���̃A�C�f�A���������������̂��A����MIT�i�}�T�`���[�Z�b�c�H�ȑ�w�j���W���C���g�v���W�F�N�g�̎��݁uTimeline�v�Ƃ����܂��B���ۂɁA��ɏЉ��2�‚̐����Ă����������ƁA�����ǂ��Ȃ��Ă���̂����悭������ł��傤�BReligion Timelines�́A���_�����ƃL���X�g����2000�N�̗��j�N�\���A�X�N���[���”\�Ȍ`�Ō�����̂ł��BDinosaurs�̕��͋����̗��j�����邱�Ƃ��ł��܂��B�����̖��O�̉��ɁA�X�̋����̌`���������A�C�R�����\�������̂ŁA�p�ꂪ������Ȃ��Ă��y���߂�Ǝv���܂��B

�@���āA����2�‚̗�́A�����܂ŗ�ł��B���̃��C�u������p�������j�N�\���A���R�Ɏ��삷�邱�Ƃ��ł��܂��B���j�Ɋւ���f�[�^���������̕��́A������g�����y�[�W���쐬���Ă݂Ă͂������ł��傤���H

�@�n�C���C�g2�E�p��ɔς킳�ꂸ�Ɏg����API�����

�z�e���T������\����s��Web�T�[�r�X�̃V�X�e��

�@Ajax�A�v���P�[�V������A����Ɍ��炸���܂��܂ȃA�v���P�[�V�������쐬����ۂɗ��p�ł�����JAPI�ɂ͂��܂��܂Ȏ�ނ�����܂��BGoogle��Yahoo!�A�͂Ăȓ��A�Ő�[���s�����W���[�ȃT�[�r�X�͂���������炩��API��񋟂��Ă���Ƃ����܂��B

�@�������A���܌��݁A�ǂ̂悤��API�����J����Ă���̂��Ƃ����ƁA�����炭�S�̑���c�����Ă���l�͑����Ȃ��Ǝv���܂��B�����ŁA���̂悤�ȃT�[�r�X�����X�g�A�b�v���悤�Ǝ��݂�l�������o�Ă���킯�ł��B���̒��ŁA���ɓ��{�ꌗ��API�̍ŐV���X�g��ڎw���č쐬���ꂽ�̂�����ł��B�p��ɔς킳�ꂸ�Ɏg����API�����A���ꂾ���̐�������܂��B���̃��X�g�̒��������Ж�����Ă݂Ă��������B�����Ƃ͉”\�����Ӗ����܂��B

�@���āA������1�‹����[���w�E���Ȃ���Ă���̂́uRSS���������ʂ̂悤�Ƀp�����[�^�[�ɂ���ē��e���ω�������̂�API�Ƃ��ē���Ă������Ȃ��A�Ǝv���Ă܂��v�Ƃ��������ł��BRSS�Ƃ����΍X�V����񋟂�����́c�c�Ƃ����̂��펯�I�Ȏg�����ł����A���N�G�X�g�ɂ���ē��e���ς��Ȃ�΁A����͒P�Ȃ�X�V���ł͂��蓾�܂���B�����API�ƌĂԂƂ����̂́A�L�v�Ȏ��݂ł��傤�B

�@�n�C���C�g3�EAjax���ŏI�I�ɓ��B���ׂ��̓y�[�W�łȂ�

�z�e���T������\����s��Web�T�[�r�X�̃V�X�e��

�@���̃T�C�g���̂��̂͌����ĐV�������̂ł͂���܂��񂪁A�G��Ă������l������ƍl���Ď��グ�܂��B���̃T�C�g�́A�z�e����T���A�\����s���V�X�e���ł��B���ꂾ���Ȃ�悭����b�ł����A���̃T�C�g�������I�Ȃ̂́A1�‚̃y�[�W��ł��ׂĂ̏������s���Ƃ������Ƃɂ���܂��B

�@�‚܂�A�z�e�����������āA���̃z�e�����ǂ̂悤�Ȃ��̂���ǂ݁A�\����s���܂ł̎��s������܂ނ��ׂĂ̍�Ƃ��A����1�‚̃y�[�W����s�����Ƃ��ł��܂��B����́A����������΁A�y�[�W�Ƃ����T�O�����ˆӖ�������I�ɕς���Ă��܂������Ƃ��Ӗ����܂��B�]���̃y�[�W�́A�P��̏���@�\���������‘��݂ł���A����Ɋ܂܂�Ȃ����͕̂ʃy�[�W�ւ̃����N�Ƃ��Ė��ߍ��܂�邱�Ƃ����ʂł������Ƃ����܂��B�������A���̃T�C�g�́A���ׂĂ̋@�\��1�‚̃y�[�W�ɋl�ߍ���ł��܂����킯�ł��B

�@����͂����A�y�[�W�Ƃ������̓A�v���P�[�V�����\�t�g�ł��BAjax���ŏI�I�ɓ��B���ׂ�1�‚̒n���́A���b�`�ȃy�[�W�ł͂Ȃ��A�A�v���P�[�V�����\�t�g�ɂ���Ƃ����󋵂��A���ɂ悭�̌����Ă���Ƃ����Ӗ��ŁA���̃T�C�g���y�[�W�ɂ͑傫�ȈӖ�������悤�ȋC�����܂��B

�@���̂ق��݂̂ǂ���

�@Ajax�Ƃ���Ɋ֘A����b����Љ�܂��B

���[�U�[�o�^�s�v�̃v���[���\�t�g

�@Ajax�ɂ��v���[���e�[�V�����\�t�g�ł��B�����Ɏ����A���������g�����c�c�Ƃ����̂��Љ���ȗ��R�ł��B

�@�e�L�X�g�ƃC���[�W��lj����āA���{��̕��������āA�����ŎB�e�����ʐ^�����Ă݂��Ƃ���A���Ƃ���������Ɠ����Ă��܂��܂����B���̎�y����Ajax�Ɋ���e���ނ��߂̑傫�ȕ���Ƃ����܂��B

���[�U�[�o�^�Ȃ��Ŏg���邓Ajax�ɂ��v���[���e�[�V�����\�t�g

�@���Ȃ݂ɁA����̃l�^�̒��ɂ́A�u���[�U�[�o�^�����ɋC�y�Ƀf�������s�ł��Ȃ��v�Ƃ������R�Ō�₩�痎�Ƃ������̂�����܂��B�����Ɏg����f���́A���ЂƂ��񋟂��Ă������������Ǝv���܂��B����ɂ���čL���鉿�l�͂ƂĂ��傫���Ǝv���܂��B

�摜�̃I�[�o�[���C�\��

�@�摜���y�[�W��ɃI�[�o�[���C�\�����郉�C�u�����ł��B�Ƃ���������ǂނ����A��肠������L�̃T�C�g�ɔ��ŁAEXAMPLE�̉摜���N���b�N���Ă݂Ă��������B���C�u�������g��Ȃ���ʃ��[�U�[�̕����A���Ў����Ă݂Ă��������BAjax�ʼn����B�������̂��c�c�Ƃ����^��ւ́A�����I�ȕ�����₷�������ɂȂ��Ă���Ǝv���܂��B

�@�T�C�g�̍쐬�̂Ƃ��A���̂悤�ȃ��C�u���������I�Ɏg���悤�ɂȂ�΁A�l�b�g�T�[�t�B���̈�ۂ͂܂�������������̂ɂȂ�ł��傤�B���N���N���܂��ˁB

Sockets�ɃA�N�Z�X�ł���Javascript

�@���S�ɋZ�p�ʂł̘b��ł��B�ʏ�AWeb�u���E�U���JavaScript��Socket�ɃA�N�Z�X���邱�Ƃ��ł��܂���B���̂��߁A�C�ӂ̃v���g�R���̒ʐM���s�����Ƃ͍���ł���A���̂悤�Ȗ�ڂ͒ʏ�T�[�o���ɐU���܂��B

�@�������AFlash�𕹗p���邱�Ƃł��̖������z��������ł��B�gdemo of the functionality�h���N���b�N����ƁA�����Ă���Ƃ�������邱�Ƃ��ł��܂��B�g�����i�͉��ł��������A�~�����@�\����������c�c�Ƃ����̂́A�܂���Ajax�炵���Ɗ����܂��B

iframe�Ń}���`�u���E�U

  • IE 5.5�ȏ�AFirefox�ANetscape 6/7�ȏ�, Opera 7.5�ȏ�́g�قڂ��ׂāh�̃u���E�U�ɑΉ�����Ajax�t���[�����[�N
    uniAjax, Ajax request framework

�@�����قǐ��𑝂₵�‚‚���Ajax�̃��C�u������1�‚ł����A����ɂ�Web�u���E�U�̑Ή��͈͂��L���Ƃ�������������܂��B���̔閧�́A�ʐM��iframe���g�����Ƃɂ���܂��B

�@Ajax�̊�{�I�ȒʐM��i��XMLHttpRequest�I�u�W�F�N�g�ł����Aiframe�ɂ����l������Ƃ��Č������Ƃ��������͂���܂ł�����܂����B���̂悤�ȗ���̒��Ő��܂�Ă��������I�ȃ��C�u������1�‚��Ƃ����܂��B�������AAjax�͉��ł�����ł�����A������u����v�ł��B

�L���b�V���t$�֐��ō�����

�@Ajax�v���O���~���O�ŁAgetElementById���\�b�h��p���Ďw��ID�̗v�f�I�u�W�F�N�g�𓾂鏈���͒�ԂƂ����܂��B�������y�ɏ������߂ɁA���Z��$�Ƃ������O�̊֐����쐬���Ďg�����Ƃ͒���������܂���B

�@�����̃��C�u�������A$�֐���񋟂��Ă��܂��B�����ŁA1�‚̃A�C�f�A���o�Ă��܂��B����قnjJ��Ԃ��g������̂Ȃ�A��x�擾�����f�[�^���L���b�V�����Ă��܂��΍���������̂ł͂Ȃ����c�c�B

�@�����āA���̌��\�͑傫�������悤�ł��B�܂��܂��A�����ȍH�v�ő傫�ȉ��P�𓾂���]�n���c���Ă���̂�Ajax�Ƃ������Ƃł��ˁB

�@�^����ꂽ���̂��g�������ł͂Ȃ��A�����ɐV�����n�ӍH�v����ꍞ��ł����]�n���c����Ă���Ƃ����Ӗ��ŁA�܂��܂�Ajax�͋Z�p�҂����g��Ŗʔ������E���Ǝv���܂��B���̃L���b�V���̌��́A���̍D��ł��ˁB




�Â��ĐV����Ajax�̐^�������ɂ߂�
�uWeb�C���^�[�t�F�C�X�̐V������@�v�u����I��Web�A�v���P�[�V�����̎d�g�݁v�ł���Ƃ��ĊJ���҂����̐l�C���W�߂�Ajax�Ƃ͉��Ȃ̂��A���̐^�������ɂ߂Ă݂悤
�ŏI�X�V 2005/8/2


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

���ڂ̃e�[�}

HTML5�{UX �L�������L���O

�{�� ����