[�_��] Web�W���Ɗ��K�̋���

2006/11/6

�uThe Web designer's dilemma: When standards and practice diverge, Aaron Weiss, Web design '06: balancing standards and practice ,Pages: 18 - 25, March 2006, ACM Press�v �Ƃ����_����ǂ݂܂����B �ʔ��������̂ŗv�񂵂Ă݂܂����B �ȉ��̕��͘_���ɏ����Ă��鎖�̗v��ł��B ���̌����������邩������Ȃ��̂ŁA�ڍׂ͘_����ǂ�ł��������B



�u���E�U�푈

1991�N��Tim Berners-Lee��Web�T�[�o�ƃu���E�U��z�z���n�߂��Ƃ��ɂ́A���_�Ǝ����͐�������ۂ��Ă��܂����B �������A���̐l�������Ǝ��̃u���E�U�����n�߂āA���ꂼ��Ǝ��̊g���������n�߂܂����B Web�f�U�C�i�[�́ANetscape��<BLINK>�^�O�̂悤�ȓƎ��g�����g���悤�ɂȂ�܂����B ���̂��߁AWeb�W���Ǝ��ۂɎg���Ă�����̂͋}���ɘ������͂��߂܂����B ���̘����͌��݂������Ă��܂��B

�u���E�U��W3C�Œ�`����Ă���HTML 4.01�AXHTML 1.0�ACSS 1/2�Ɋ��S�������Ă��āA�u���E�U�̈Ⴂ�ɂ�鍷���������Web�f�U�C�i�̃W�����}�͔������܂��񂪁A�c�O�Ȃ��獡�͂����Ȃ��Ă��܂���B 90�N��̃u���E�U�푈�ł́A�}�C�N���\�t�g�ƃl�b�g�X�P�[�v���킢���J��L���܂����B ���̐킢�̈�‚Ƃ��ēƎ��@�\�lj����킪�J��L�����܂����B

����Microsoft���킢�ɏ������ANetscape�̎s��V�F�A��0�p�[�Z���g�߂��܂ʼn������܂����B ���̌��ʁAWeb�f�U�C�i��Internet Explorer��O���Web�T�C�g������s������]�V�Ȃ�����܂����B ����́AIE�R���p�`��Web�T�C�g�𐻍삷�邱�Ƃł���AW3C�ɏ������邱�Ƃł͂���܂���ł����B W3C�Œ�`����Ă��邢���‚��̋@�\��IE�Ő���ɓ��삵�܂���ł����B

���̒��̃u���E�U��IE�����ł������A���̃W�����}�͒P�Ȃ�A�J�f�~�b�N�Ȗ��ł���ƌ����؂�܂����B IE�͖����Ƀu���E�U�s���Ɛ肵�Ă��܂����A���̐�L����2005�N���ɂ�85���܂ŗ����܂����B ���݂̋�������ł���Firefox��W3C�������������Ă��܂��B �}�C�N���\�t�g��Internet Explorer���X�V����w�͂��قƂ�ǂ��܂���ł����B ���̕s����Firefox���z������`�ɂȂ�܂����B �ꕔ�̐l�́AFirefox�̓m���E�F�[�Y�u���E�U�ł���Opera�ɑ傫���e������Ă���ƌ����Ă��܂��B Opera�͍ł������ԕW���������������Ă����u���E�U�ł��B

���L�b�h�f�U�C��

�ǂ̂悤�ɏ����󂯎�邩�̓��[�U�����肷�ׂ��ŁA�R���e���c�v���o�C�_�����肷�ׂ��ł͂Ȃ��A�Ƃ����̂�Web design�n���L���̔��w�̈�‚ł����B ��ʂɕ\�������R���e���c�̃R���g���[����N�����邩�A���[�U���������̓f�U�C�i���A�Ƃ����j�����̍��{�͉�ʂ̕����ǂ̂悤�Ɍ��肷�邩�ɑ�\����܂��B

�Ⴆ�΁A�u���E�U���ɕ\��������ʂ̃T�C�Y�͂ǂ̂悤�ɂȂ�ׂ��ł��傤���H ���[�U����h�͗Ⴆ�΁A�u���E�U��ʂ�90%�ȂǂƂ������ΓI�Ȏw����@�𐄑E���Ă��܂��B ���̕����́uLiquid design�v�ƌĂ΂�Ă��܂��B

����A�f�U�C���h�͗Ⴆ��750�s�N�Z���Ȃǐ�ΓI�Ȏw����@�𐄑E���Ă��܂��B ����́uFixed design�v�ƌĂ΂�Ă��܂��B

Web���o�����������̍��́Afixed design�͎��}�̂̈��K�Ƃ��ċZ�p�҂Ɍ����Ă��܂����B �������A�o�Ōn�̃o�b�N�O���E���h�����l������Web�����n�߂���񐢑�ł́AFixed design�������̗p����܂����B �r�W���A���ȕ\������Ƃ���f�U�C�i�[�ɂƂ��ẮA���G�Ȕz�u������ł���Fixed design�݂̂��L�v�ł����B

�����ł́Afixed design�̕����吨���߂Ă���悤�ł��B 700�`800�s�N�Z�����Ńu���E�U�̒����ɕ\�������Ƃ����̂��ł���ʓI�ł���ƍl�����܂��B

Liquid design�̗p���ɒ����𑜓x�f�B�X�v���C�ʼn�ʂ�\������ƁA��ʕ����J�������ēǂ݂ɂ����Ȃ�Ƃ��������������邽�߂�CSS2�ł�max-width�Ƃ����v���p�e�B������܂��B �����A�傫�Ȗ��Ƃ��āAIE�ł�max-width�����삵�Ȃ��Ƃ������̂�����܂��B Firefox��Opera�ł�max-width�����p�”\�ł��B IE�ł�work around�͂���܂����AJavaScript���K�v�ɂȂ��Ă��܂��܂��B

����max-width����Web�f�U�C�i��������W�����}�̈�‚ł��B ���_�I�ɂ�Liquid�f�U�C������������Ă��܂����A���ۂɂ�fixed design�̕����݊���������܂��B

TABLE

����ɑ傫�ȃW�����}�̈�‚�HTML Table�ɂ�郌�C�A�E�g��CSS�ɂ�郌�C�A�E�g���������܂��B �����̐l�́uTable�͈��Ȃ̂�CSS���g���ׂ����v�ƌ��������m��܂���B

Table��1997�N��HTML3.2�œo�ꂵ�܂����B ������W3C��Table��tabular data�������́ulayout purposes�v�ŗ��p�����ׂ����Ƃ��Ă��܂����B HTML 3.2�̎��_�ł�Table��text-only�u���E�U�A�������͉����ǂݏo���u���E�U�Ŗ��𔭐������鎖�͂킩���Ă��܂������A�����͂��ǂ��I����������܂���ł����B

1997�N��12�������ɂ́AHTML 4.01 �����\����ATable�ɂ�郌�C�A�E�g�͐�������Ȃ��Ȃ�܂����B Table�̑���ɁA���C�A�E�g�ɂ�CSS(Cascading Style Sheets)�̗��p����������܂����B

���ꂩ��9�N���������ł�Table�̓��C�A�E�g�p�r�ɗ��p����Ă��܂��B �܂��AWeb�f�U�C�i�ɂƂ���Table�̕���CSS�����ȒP�ł����B �܂��A����ł�CSS�̕����u���E�U�̎�ނ�o�[�W�����Ɉˑ�����������Table���������Ȃ��Ă��܂��B

�������ATable��CSS�̂悤�ɃR���e���c�ƃf�U�C���𕪗����邱�Ƃ��ł��܂���B CSS���g���ƁA�f�U�C�i�̓R���e���c�̂��߂́uskin�v���쐬���邱�Ƃ��o���܂��B �Ⴆ�΁A�̗p����CSS��ς��邱�Ƃň���p�APC�p�APDA�p�ɕʁX�̃��C�A�E�g���̗p���鎖���ł��܂��B

�������A�����̃f�U�C�i��Table���g���Ă���悤�ɁA�W���ōł���������Ă�����@�����A���̏ꂵ�̂��̕��@���D�܂��ꍇ�����蓾�܂��B

AJAX

Google suggest�̂悤�ɁAAJAX�œ��I�ɃT�[�o�ƒʐM������Web application�������”\�ɂȂ�܂����B

AJAX�Z�p�̍��{�́AW3C�W���ł͒�`����Ă��Ȃ�XMLHttpRequest Object�Ƃ������̂𒆐S�Ƃ��Ă��܂��B W3C�ł́A�����悤�ȋ@�\�����uLoad and Save�v�Ƃ����@�\��DOM Level 3�Œ�`���Ă��܂��B Load and Save��IE�ł�Firefox�ł���������Ă��܂���B Opera�ł͎�������Ă��܂����AWeb�f�U�C�i�𕱋N�����邾���̃V�F�A������܂���B

����ɘb����₱�������Ă���̂��AIE�ł�XMLHttpRequest�𗘗p���邽�߂ɑ��u���E�U�Ƃ͈قȂ�R�[�h��p�ӂ��Ȃ��Ă͂Ȃ�Ȃ����ł��B ����́A�����̃u���E�U��Web�A�v���P�[�V�����𓮍삳�������f�U�C�i���u���E�U���ɃR�[�h�𕪊򂳂��Ȃ��Ƃ����Ȃ��Ƃ������ʂɂ‚Ȃ���܂��B

XMLHttpRequest��Outlook email application�̋@�\����̂��߂�Microsoft���������܂����B Firefox�₻�̑��u���E�U�������^���͂��߂Ă���AJAX����C�ɕ��y���܂����B

�����̃u���E�U�͔�W���ł���XMLHttpRequest���T�|�[�g��������̂��AW3C������ɑ������W�����K�肷��̂��AW3C�����ɂ���Load and Save�̗��p�𐄏�����̂��A�Ȃljۑ肪��������܂��B Web�f�U�C�i�͌ڋq�ɗ��s���Ă��邪obsolete�ɂȂ�”\��������Z�p�����߂�ׂ����Ȃǂ̃W�����}������܂����A�ǂ����ׂ����͌��ǒN���m��܂���B

����̋���

�����̋����Ƃ���XForms��Web Forms 2.0���������܂��B �����HTML�ł́A�Е���Form field���g���Ƃ����Е���disable�����悤�Ȏ����ł��܂���B ����ł́A���̂悤�ȋ@�\��JavaScript�Ŏ�������Ă��܂��B

�����AW3C�ł�XForms�����肳��܂������A�������Ƃ������Ƃ�Apple,Mozilla Foundation,Opera���Ǝ���Web Forms 2.0�����܂����B W3C�ł�XForms��Web Forms 2.0�̗��������ꂼ���Working Group�ō쐬����Ă��܂��B �T�[�h�p�[�e�B�u���E�U�͗����̕W�����������n�߂Ă��܂����AWeb�f�U�C�i�͂ǂ�����w�K����Ηǂ����܂��킩���Ă��܂���B

�܂Ƃ�

�Ⴆ�΁A�Ԃ̃X�y�V�����X�g�ƌĂ΂��悤�Ȑl�́A���Ȃ��̎Ԃ�������܂킵����u�ȑO�ɎԂ𒲐������z�͊Ԉ���Ă���v�ƌ����ł��傤�B Web�f�U�C���̐��E�ł����l�ł��B Web�f�U�C�i�͗l�X�ȃW�����}�ɑΏ����Ȃ��Ă͂Ȃ�܂���B �W���Œ�`����Ă����@�⃆�[�U�C���^�[�t�F�[�X���Ƃ��������Ƃ��������K���������킯�ł͂���܂���B �܂��A�v�����Ƃ���ɓ������̂��W���ʂ�ł���Ƃ͌���܂���B Web�f�U�C���͗l�X�ȑË��Ă�Best Effort�̏W���̂ł��B ��Šm���Ɍ����鎖�́u��Ђ�Web�f�U�C�i�̋������グ�Ă��ǂ����낤�v�Ƃ������ł��B

�ŋ߂̃G���g��

�ߋ��L��

�ߋ��L���ꗗ

IPv6��b����

YouTube�`�����l������Ă܂��I