Web�A�v���P�[�V�����̃��[�U�[�C���^�[�t�F�C�X[2]


���[�U�[���I�т₷��
�t�H�[���̃J�^�`���l���悤


�\�V�I���f�B�A�@��� �w
2005/6/24

GUI�̓���

�@�O��u���[�U�[�ɂƂ��Ă� �g���[�U�[�C���^�[�t�F�C�X�h���������i���̂����v�́A���[�U�[�C���^�[�t�F�C�X�Ƃ������̂̂Ƃ炦���ƁA������f�U�C�����邤���ł́A�l�ƃV�X�e���Ƃ̑Θb�ł���C���^���N�V�����f�U�C����_���I�ɍs��Ȃ���΂Ȃ�Ȃ��Ƃ����b�����܂����B����́AGUI���f�U�C�����邤���ŕK�v�ȑO��m���ƁAWeb�A�v���P�[�V�����̉ۑ�A�����ăE�F�u�A�v���P�[�V�����ɂ�����C���^���N�V�����̗v�ƂȂ�t�H�[���R���g���[���ɂ‚��čl���Ă��������Ǝv���܂��B

��WIMP�C���^�[�t�F�C�X

�@GUI�́A�ʖ��uWIMP�C���^�[�t�F�C�X�v�Ƃ��Ă΂�܂��BWIMP�Ƃ́A�E�B���h�E�iW�j�A�A�C�R���iI�j�A���j���[�iM�j�A�|�C���^�[�iP�j�̂��ƂŁAGUI���\�������\�I�ȗv�f��\���Ă��܂��B����炪��ʏ�ɃO���t�B�b�N�Ƃ��ĕ\������A�V�X�e���̏������ʂ⑀��̎�|�����\�����Ă��܂��B�܂�GUI�ł͉�ʂւ̏o�͓��e�����ׂăO���t�B�b�N�Ƃ��ĕ`�悳���̂ŁA�r�b�g�}�b�v�f�B�X�v���C���K�v�ɂȂ�܂��B�����āA��ʂ̒��ɃO���t�B�b�N�ŕ\������Ă���I�u�W�F�N�g���w���������߂ɁA�}�E�X�A�y���A�^�b�`�p�b�h�A�Ƃ������|�C���e�B���O�f�o�C�X�iGID�FGraphic Input Device �Ƃ��Ă΂�܂��j���K�v�ł��B�����A�uWIMP�v�u�r�b�g�}�b�v�f�B�X�v���C�v�u�|�C���e�B���O�f�o�C�X�v��3�‚�������ď��߂āAGUI�Ȃ�ł͂̑��쐫����������܂��B

�����ڑ���

�@�}�E�X�ɑ�\�����|�C���e�B���O�f�o�C�X���g���ĉ�ʓ��̔C�ӂ̌����w�������Ƃ�������́A�uSee and Point�i���Ă�����w���j�v�ƌĂ΂��GUI�̊�{�I�ȃC�f�B�I���ł��B����ɂ��A�����钼�ڑ���iDirect Manipulation�j���”\�ɂȂ�܂��B

�@���ڑ���Ƃ́A���ۓI�ȃR�}���h�ɂ���ĊԐړI�ɏ����Ώۂ𑀍삷��̂ł͂Ȃ��A�����Ώۂ���ۓI�Ɍ����Ă��Ă���𕨗��I�Ȑg�̓���Œ��ړI�ɑ��삷�邱�Ƃ��Ӗ����܂��B�T�O��̃t�@�C���ɑ΂��Ĉړ��R�}���h�𔭍s����̂ł͂Ȃ��A�ڂɌ����Ă���t�@�C���̃A�C�R�����}�E�X���g���Ē��ڃh���b�O���邱�Ƃ��ł���΁A�d���̒i�������O�ɓ��̒��Œ��ۉ�����K�v���Ȃ��Ȃ邽�߁A�����̏ꍇ�A��蕪����₷������ƂȂ�܂��B

���1�@�N���b�N�A�h���b�O�A�h���b�v�Œ��ڑ���

�@���������ڑ���Ƃ����Ă��A��ʏ�̃A�C�R�������ۂɎ�ŐG�邱�Ƃ��ł���킯�ł͂Ȃ��̂ŁA�����ɂ́u���ڑ��슴�v�Ƃ����������悢��������܂���B�܂��}�E�X�̑���́A������̏�Ő����ɓ������̂ɁA���̃t�B�[�h�o�b�N�͏������ꂽ�Ƃ���Ő����ɗ������f�B�X�v���C���̃|�C���^�̓����Ƃ��Ĕ��f�����̂ŁA�኱�����܂Ŏ��Ԃ�������܂��BPDA�Ȃǂł́A��ʂɕ\������Ă���I�u�W�F�N�g���y���Œ��ڎw���������Ƃ��ł���̂ŁA��蒼�ڑ��슴�������܂��B�t�ɓ����g�ы@��ł��g�ѓd�b�̉�ʂł́A�E�B���h�E��A�C�R���Ƃ�����GUI�I�ȕ\�����p�����Ă�����̂́A�|�C���g����ɂ̓n�[�h�E�F�A�̃{�^�����g��Ȃ���΂����Ȃ����Ƃ������A���ڑ��슴�͎キ�Ȃ��Ă��܂��B

�@���ڑ��슴�����܂��o�����Ƃ��A��蕪����₷��GUI����уC���^���N�V�����f�U�C���̌����ƂȂ�܂��B���ڑ��슴���o�����߂ɂ́A����3�‚̗v�f���K�v�ł��mAbout Face�iAlan Cooper, 1996�j�n�B

  • ����ΏۃI�u�W�F�N�g�̎��o�I�\��
  • �������͂ł͂Ȃ������I����
  • ����̏u�ԓI�Ȏ��o�I�C���p�N�g

�@�‚܂�A����Ώۂ��I�u�W�F�N�g�Ƃ��Ă̓Ɨ����𔺂��Ď��o�I�ɕ\������Ă���A������|�C���e�B���O�f�o�C�X�Ŏw���������Ƃ��ł��A�����ăN���b�N��h���b�O�Ƃ���������ɑ΂��ă��A���^�C���Ƀt�B�[�h�o�b�N���Ԃ����i�Ⴆ�΃{�^�����N���b�N����Ɠ����ɂ��ꂪ���ށj�A�Ƃ��������Ƃ��V�X�e���S�̂ň�ѐ��������Ď�������Ă���K�v������̂ł��B

���C�f�B�I��

�@�}�E�X�Ȃǂɂ���ăI�u�W�F�N�g���w�������Ƃ���GUI�̊�{�I�ȃC�f�B�I���́A���̂܂܁A����Ώۂ̑I���Ƃ����s�ׂɂ‚Ȃ���܂��B�O�񏑂����悤�ɁA�I�u�W�F�N�g���I�������ƁA���̓R�}���h�̔��s�Ƃ�������ɂȂ�܂��B�����ł́A�����I�Ƀ��j���[����u�J���v�Ƃ������R�}���h��I�ԏꍇ������܂����A�_�u���N���b�N��h���b�O�Ƃ������ʂ̃W�F�X�`���[�ŃR�}���h�𔭍s����ꍇ������܂��B

�@���́u�ړI��i�Ώە��̑I���j�������i�R�}���h�̔��s�j�v�Ƃ����Θb�^�C�f�B�I���ł́A���삪�Ȍ��ɂȂ�A�‹t���������Ƃ��������b�g������܂��B�R�}���h���C���C���^�[�t�F�C�X�ŗp������u�����i�R�}���h�̔��s�j���ړI��i�Ώە��̑I���j�v�̃C�f�B�I���ł́A�R�}���h�����s���ꂽ��A�V�X�e���͑Ώە����w�肳���̂�҂ƒ��[�h�ɓ���܂��B��x���[�h�ɓ����Ă��܂��ƁA��������o��^�C�~���O�̓��[�U�[���疾������Ȃ���΂Ȃ�Ȃ��i���^�[���L�[�̉����Ȃǁj���߁A���[�U�[�͈�A�̑������������܂ł̒��ۓI�Ȏ葱�����p���I�Ɉӎ����Ă��Ȃ���΂Ȃ�܂���BGUI�ɂ�����u�ړI��i�Ώە��̑I���j�������i�R�}���h�̔��s�j�v�̃C�f�B�I���ł́A���[�h�ɓ���K�v���Ȃ��i���邢�̓��[�h����o��^�C�~���O�𖾎�����K�v���Ȃ��j�A���[�U�[�̐S���I�ȃX�g���X���y������A��Ƃ̒��f���蒼�������₷���Ȃ�܂��B

��Web�A�v���P�[�V�����̉ۑ�

�@�����܂ł́A�]���̃f�X�N�g�b�v�A�v���P�[�V�����Ŕ|��ꂽGUI�̓����ɂ‚��Đ������܂����B�ł́A�E�F�u���GUI�A�v���P�[�V������񋟂���ꍇ�̉ۑ�͉��ł��傤���B

�@�܂����[�U�[���猩�āA�u���E�U�̒��œW�J����E�F�u�A�v���P�[�V�����́A�]���̃f�X�N�g�b�v�A�v���P�[�V�����Ƃ͈Ⴄ�p���_�C�����������V�X�e���ł���ƔF������܂��B�Ⴆ�΃f�X�N�g�b�v�A�v���P�[�V�����̃p���_�C���Ƃ͎��̂悤�Ȃ��̂ł��B

  • �I�[�o�[���b�v����}���`�E�B���h�E���s�������Ȃ���t�@�C���̉{���ƕҏW���s���B
  • �������ꂽ�R���g���[���𑀍삵�đ��l�ȓ��͂��s���B

�@����ɑ΂��AWeb�A�v���P�[�V�����̃p���_�C���͎��̂悤�Ȃ��̂ł��B

  • �y�[�W���i�r�Q�[�V�������Ȃ���T�[�o�ɂ���f�[�^�x�[�X�̉{���ƕҏW���s���B
  • ��{�I�ȃt�H�[���R���g���[���ƃ����N�𑀍삵�Č��肳�ꂽ���͂��s���B

�@���̈Ⴂ�́A�E�F�u�̓����ł���u�n�C�p�[�e�L�X�g�E�V�X�e���v�Ɓu�N���C�A���g�E�T�[�o�E���f���v�̐������痈�Ă��܂��B

�@�n�C�p�[�e�L�X�g�E�V�X�e���́A�m�[�h�ƃ����N�ɂ���č\�����ꂽ����`�I�ȕ�����񋟂���h�L�������g�V�X�e���ł���A���[�U�[�̃����^�����f���́A�y�[�W�T�O�Ƌ�ԊT�O�Ő������Ă��܂��B�y�[�W�͌Œ�I�ȏ����ł͂Ȃ��A�����N�̑I�����������ɂ�錟���i���o�j�ɂ���Ĕ���`�I�ɒ񎦂���܂��B���̂��߁A�������򂵂Ȃ���i�ރE�B�U�[�h�^�̉�ʓW�J��A�V���O���E�B���h�E�ɂ��J�[�h�^�f�[�^�x�[�X�̑���Ɛe�a���������Ƃ����܂��B�܂��A�S�̂̋K�͂�������Ȃ���Ԃ̒��ŕK�v�Ȃ��̂����������N�ł߂���Ƃ����R���Z�v�g�́A����Ώۂ̑S�̂������I�Ȗ@���ɂȂ���ĖڂɌ������Ԃɂ���Ƃ���GUI�̃R���Z�v�g�Ƒ�������ꍇ������܂��B

���2 �K�v�Ȃ��̂����������N�ł߂���Ƃ����R���Z�v�g

�@�����ɁA�E�F�u�̓N���C�A���g�E�T�[�o�E���f���ł��邽�߁A���u�n�ɂ���f�[�^���Ăяo���Ă���Ƃ������o����ɂ���܂��B�ۑ�����Ă���f�[�^�̕ҏW�ɂ́A���ʁA�T�u�~�b�g�{�^���ɂ��R�}���h�̑��M�Ɖ�ʂ̃����[�h���K�v�ɂȂ�܂��B�܂��u���E�U�ɕ\�������̂̓h�L�������g�i�y�[�W�j�ł����āA���[�U�[�C���^�[�t�F�C�X�̃R���g���[���͊�{�I�ɃR���e���c�̈ꕔ�Ƃ��Ĕz�u����Ă���Ƃ����̂��A�]���̃f�X�N�g�b�v�A�v���P�[�V�����ɔ�ׂĕs���R��������܂��B�E�F�u�R���e���c�̒��ł̓_�u���N���b�N��h���b�O���h���b�v���g���Ȃ����Ƃ��قƂ�ǂł���A���肳�ꂽ�C���^���N�V�����́A����t���[�S�̂𒊏ۓI�Ȏ葱���^�Ɋ��������A���ڑ��슴����Ɏ�߂Ă��܂��܂��B

�@�‚܂�Web�A�v���P�[�V�����̉ۑ�́A�]���̃f�X�N�g�b�v�A�v���P�[�V�����ɂ�����GUI�̗��_���ł��邾���p�����Ȃ�����A�n�C�p�[�E�e�L�X�g��N���C�A���g�E�T�[�o�̗��_�����܂��Z�����Ă������Ƃł��B�i�r�Q�[�V�����w���̃p���_�C���𐮗����Ă������߂̃C���t�H���[�V�����A�[�L�e�N�`���ƌĂ΂��e�N�j�b�N�ƁA�C���^�[�t�F�C�X�w���̃p���_�C���𐮗����Ă������߂̃C���^���N�V�����f�U�C���̃e�N�j�b�N�����킹�āA�œK�ȃf�U�C�������肵�Ă����Ȃ���΂Ȃ�Ȃ��̂ł��B

1/3

�@INDEX

Web�A�v���P�[�V�����̃��[�U�[�C���^�[�t�F�C�X�i2�j
Page1��GUI�̓�����
WIMP�C���^�[�t�F�C�X�^���ڑ���^�C�f�B�I���^Web�A�v���P�[�V�����̉ۑ�
  Page2���R���g���[����
���߃R���g���[���^�I���R���g���[���i�����R���g���[���F�`�F�b�N�{�b�N�X�E���W�I�{�^���E���X�g�{�b�N�X�E�h���b�v�_�E�����j���[�j
�@ Page3���I���R���g���[���̗p������
�I��������1���ڂ�I������i�I���������Ȃ��ꍇ�E�I�����������ꍇ�j�^�I�������畡�����ڂ�I������i�`�F�b�N�{�b�N�X�𗘗p����E2�‚̃��X�g�{�b�N�X���g�������o�������^�㗬�H���ɂ‚���

�@�֘A�L��




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

���ڂ̃e�[�}

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

�{�� ����