Web�I�[�T�����O�c�[�����g���Ă݂悤�F���ʕ�

�Ɩ��Ŏg����I ����Web�T�C�g�쐬�c�[���W


�Z�J���h�t�@�N�g���[�@�V�J���j

2007/7/6

�@Firefox�v���O�C���Ń��A���^�C���ҏW �\ Firebug

�@�I�[�T�����O�‹��Ƃ��ẮA�Љ�Ă���Aptana��ez-HTML�̂悤�ȃA�v���P�[�V�����^�C�v�̂ق��ɁAWeb�u���E�U�̃v���O�C���Ƃ��ē�������^�C�v����������B

�@�����Web�u���E�U�̃v���O�C���^�C�v�̒��Œ��ڂ��Ă���̂��AFirebug�ł���BFirebug��Firefox�̃v���O�C���ŁACSS�AHTML�����JavaScript�����A���^�C���ɕҏW�A�f�o�b�O�A�܂��̓��j�^����@�\��Firefox�ɒlj�������̂��B

5@Firebug̎gpiR[h̕\j
���5�@Firebug�̎g�p��i�R�[�h�̕\���j�i�摜���N���b�N����Ɗg�債�܂��j

�� ���������AFirefox�Ƃ́H

�@Firefox��OS�x���_�ȊO����񋟂����A�v���P�[�V�����Ƃ��Ă͔��Ƀ��W���[��Web�u���E�U�ŁAWeb�J���̍ۂɃN���C�A���g����Ή����ׂ�Web�u���E�U�Ƃ��Ďw�肳��邱�Ƃ�����Web�u���E�U�ł���BWeb�u���E�U�Ȃ̂ŁACSS�ւ̓K�����������A�f�U�C���r���[�Ƃ���Firefox���l�����ꍇ�ɂ́A�L���̃I�[�T�����O�‹��̃f�U�C���r���[�ɏ��邱�Ƃ͂����܂ł��Ȃ��B

�� Firebug�̎g���ǂ���

�@�v���O�C���^�C�v�̂��߁AFirebug���Ăяo�����߂ɂ́AWeb�u���E�U�{�����ɓ���̃L�[������s�����ƂƂȂ�B�L�[������s���ƁA�����‚��V�����E�B���h�E���\������AHTML�̕ҏW��CSS�̍쐬�AJavaScript�̃f�o�b�O���ł���B�u���E�U�����ɕ\�������邱�Ƃ��”\�����A�f�o�b�O�ł͂Ȃ��J�����l�����ꍇ�ɂ́A�V�����E�B���h�E�ŕ\�������邱�ƂɂȂ邾�낤�B

�@�I�[�T�����O�c�[���̃G�f�B�^�Ƃ��čl�����ꍇ�ɂ́A�K�v�Œ���̃G�f�B�b�g�T�|�[�g�Ƃ����邪�ACSS�̒����AJavaScript�̃f�o�b�O���X�s�[�f�B�ɉ”\�Ȃ��߁A�R�[�h�ƕ\���E����̔�r�����܂߂ɍs�������Ƃ������ꍇ�ɂ́A���̃^�C�v�̃I�[�T�����O�c�[���𕹗p���邱�Ƃ��L�Ӌ`�Ƃ�����̂ł͂Ȃ����B���łɁA���炩��Web�I�[�T�����O�c�[���������Ă���ꍇ�ɂ��A�[�i�O�`�F�b�N�̒i�K�Ŗ����𔭌������肷��̂ɗL���ȃA�v���P�[�V�����ł���B

6@Firebug̎gpi\E̔rj
���6�@Firebug�̎g�p��i�\���E����̔�r�j�i�摜���N���b�N����Ɗg�債�܂��j

�� CSS�̊m�F���ł���Firefox�v���O�C�� �\ View formatted source

�@Firefox�v���O�C���^�C�v�̂��̂Ƃ��ẮAFirebug�̂ق��ɁuView formatted source�v�ƌĂ΂����̂�����BFirebug�̂悤��HTML��JavaScript�̃T�|�[�g�͂���Ă��Ȃ����ACSS�̊m�F�Ȃǂ��ł���Ƃ������ƂŎ�苓�����B

7@View formatted source̎gp
���7�@View formatted source�̎g�p���i�摜���N���b�N����Ɗg�債�܂��j

�@IE�v���O�C�� �\ Internet Explorer Developer Toolbar

�@Firebug�̂悤��Web�u���E�U�̃v���O�C���^�C�v�Ƃ��āAIE�����ɗp�ӂ���Ă���̂��uInternet Explorer Developer Toolbar�v�ł���B

8@Internet Explorer Developer Toolbar̎gpiIDclass\j
���8�@Internet Explorer Developer Toolbar�̎g�p��iID��class��\���j�i�摜���N���b�N����Ɗg�債�܂��j

�� w3c�o���f�[�^�ƘA�g�A��ʃT�C�Y�̊m�F�ACSS��\��

�@Internet Explorer Developer Toolbar��Microsoft���񋟂���u���E�U�����ɕ\��������^�C�v�̃v���O�C���ŁAw3c�o���f�[�^�ƘA�g����Ă���_�������[���B�ҏW�Ƃ����ϓ_�ł́A���ɊȈՓI�Ȃ��̂����A�摜�T�C�Y���m�F�ł�����ACSS��\����Ԃ��m�F�ł���ȂǁA�R�[�f�B���O�̍ۂɕ֗��ȋ@�\�������‚����݂��Ă���B

9@Internet Explorer Developer Toolbar̎gpiCSS\j
���9�@Internet Explorer Developer Toolbar�̎g�p��iCSS��\���j�i�摜���N���b�N����Ɗg�債�܂��j

�@Web�u���E�U�Ƃ��č����V�F�A���ւ�IE���x�[�X�Ƃ��邽�߁A�Ή��u���E�U�̂��Ƃ��ӎ������R�[�f�B���O�̍ۂɂ͕֗��Ɏg����̂ł͂Ȃ����B

2/3

�@INDEX
Web�I�[�T�����O�c�[�����g���Ă݂悤�F���ʕ�
�Ɩ��Ŏg����I ����Web�T�C�g�쐬�c�[���W�@
  Page1
Web�T�C�g�J���̓e�L�X�g�G�f�B�^�����ōs����̂��H
Eclipse�v���O�C���^�C�v���p�ӂ���Ă��� �\ Aptana
���{����Vector�x�X�g�I�����C���\�t�g �\ ez-HTML
Page2
Firefox�v���O�C���Ń��A���^�C���ҏW �\ Firebug
CSS�̊m�F���ł���Firefox�v���O�C�� �\ View formatted source
IE�v���O�C�� �\ Internet Explorer Developer Toolbar
  Page3
Web��ł��񂽂�T�C�g�\�z �\ Google Page Creator
�V���v���Ńx�[�V�b�N �\ StyleNote
Windows�‹���CSS�R�[�f�B���O �\ CSSVista
�ق��ɂ�����Web�T�C�g�쐬�c�[���͂����ς�

���b�`�N���C�A���g�����[ �S�L���ꗗ��




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

���ڂ̃e�[�}

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

�{�� ����