AI�G�[�W�F���g��Web�J���́u�ŐV�x�X�g�v���N�e�B�X�v��`����X�L���@Google�����J�FWeb�̌������コ����uModern Web Guidance�v

�@LLM�i��K�͌��ꃂ�f���j�̃g���[�j���O�f�[�^�ɂ͖c��ȗʂ̃��K�V�[�R�[�h���܂܂�Ă��邽�߁AAI�R�[�f�B���O�G�[�W�F���g�͌Â������p�^�[�����o�͂��������B���̌��ʁA���݂ł̓u���E�U�l�C�e�B�u�̍����\�ȉ����􂪑��݂���^�X�N�ł����Ă��AAI�͔�剻����JavaScript�𐶐����Ă��܂����Ƃ������B

�@����AI���f�����V����API�̑��݂�F�����Ă��Ă��A�{�Ԋ‹��̃R�[�h�ɋ��߂�����p�I�Ń��_���Ȏ����p�^�[���̒m�����s�����Ă���P�[�X������B

�@Modern Web Guidance�́A���Ƃ����I�����K�C�h���C�����G�[�W�F���g�̃R���e�L�X�g�E�B���h�E�Ɋ܂߂邱�Ƃł��������ۑ�̉�����ڎw�����̂��BAI���p�ɂɌ�p����u���_���u���E�UAPI�v�𐳂����\�����ł���悤�x������B

�@�u���E�U�ōœK���”\���ƒA�N�Z�V�r���e�B�[�@�\��������v���b�g�t�H�[�����x����API��D��I�Ɏg�p����悤AI���K�C�h����B����ΏۊO�̃u���E�U�����ɏd���|���t�B���⃌�K�V�[���C�u������ǂݍ��܂���̂ł͂Ȃ��A�y�ʂō����I�ȃt�H�[���o�b�N����������悤�U���ł���Ƃ����B

�X�L���̗��p���@�́H

�@Modern Web Guidance�́ACLI�i�R�}���h���C���C���^�t�F�[�X�j���g�p���ăC���X�g�[��������@����������Ă���B

npx modern-web-guidance@latest install

�@�����āA��v��AI�R�[�f�B���O�G�[�W�F���g�����̐�p�X�L�����񋟂���Ă���B�uGitHub Copilot CLI�v��uClaude Code�v�͈ȉ��̎菇�ŃC���X�g�[���ł���B

# 1. Add the marketplace:
/plugin marketplace add GoogleChrome/modern-web-guidance
# 2. Install the plugin
/plugin install modern-web-guidance@googlechrome

# 1. Add the marketplace:
/plugin marketplace add GoogleChrome/modern-web-guidance
# 2. Install the plugin
/plugin install modern-web-guidance@googlechrome
# 3. Reload plugins
/reload-plugins

�@�uVercel�v�̃G�[�W�F���g�X�L����uGoogle Antigravity CLI�v�ȂǁA�e��‹������̎菇�������T�C�g�Ō��J����Ă���B

Modern Web Guidance�̃v�����v�g��

�@Google�́A�ȉ���4�‚̗̈�ɂ�����T���v���v�����v�g�����̂悤�ɏЉ�Ă���B

�V�������[�U�[�̌��̍\�z

• �u�J�Ž��ɃX���[�Y�ɃA�j���[�V��������A�R�[�f�B�I���`���̓��v�R���|�[�l���g���쐬���āv
• �uCSS Anchor Positioning��p���āA�A�N�e�B�u�ȍ��ڂɒǏ]���ăn�C���C�g���X���C�h�ړ�����^�u�o�[���쐬���āv
• �u�\�������ꏊ�̕��ɍ��킹�āA�����I�Ɍ����ڂ��ς��_�b�V���{�[�h�J�[�h���쐬���āv

���K�V�[�R�[�h�̃��_�i�C�[�[�V����

• �u���K�V�[�ȃ��[�_���E�B���h�E������dialog�v�f�ɒu�������A���_��CSS�@�\�ŃA�j���[�V������lj����āv
• �u���K�V�[�ȃc�[���`�b�v���APopover API��CSS Anchor Positioning�����Ɉڍs���āv

�Z�L�����e�B�̋���

• �u�ŐV��WebAuthn�@�\�𗘗p�����p�X�L�[�x�[�X�̃��O�C���t���[���������āv
• �u�A�v�����󂳂Ȃ��͈͂ŁA���‚������̂��������s����Content Security Policy�iCSP�j���������āv
• �u�����̃T�C�g�̃Z�L�����e�B�č������{���A���P���Ă��āv

�p�t�H�[�}���X�̉��P

• �u���[�U�[���d�v�ȃ����N�Ƀ}�E�X�J�[�\�������킹���^�C�~���O�ŁA�y�[�W�̃v�����[�h���J�n����悤�ɃA�v����ݒ肵�āv
• �u�A�v���ɒ����Ԏ��s����鏈���������AINP�iInteraction to Next Paint�j�ɉe�����Ă���B���P���@�������āv
• �u�A�v����LCP�iLargest Contentful Paint�j�����P���āv

�G�[�W�F���g����Chrome DevTools�Ƃ̑g�ݍ��킹

�@Modern Web Guidance�̃X�L���́A�G�[�W�F���g�����uChrome DevTools�v�Ƒg�ݍ��킹�ė��p�ł���B���҂𕹗p���邱�ƂŁAWeb�J���̃��[�N�t���[�����P�ł����Google�͐������Ă���B

�@�u���A���^�C���̃p�t�H�[�}���X�č��̎��s�A�A�N�Z�V�r���e�B�[�c���[�̌����A�R���\�[�����O�̃L���v�`���[�ɉ����A���̌��ʂɊ�Â��čŐV��Web�����𔽉f�����R�[�h�C���������K�p�ł���v�iGoogle�j