JavaScript�L�q�Ȃ��Ń��_��UI���쐬�ł���uhtmx�v�A�ŐV�Łuhtmx 2.0�v�ʼn����ς�������FHTML���烂�_���u���E�U�̋@�\�ɒ��ڃA�N�Z�X

JavaScript�R�[�h���L�q�����ɁAHTML���烂�_���u���E�U�̋@�\�ɒ��ڃA�N�Z�X�ł���JavaScript���C�u�����uhtmx�v�̍ŐV�Łuhtmx 2.0�v�����J���ꂽ�B

» 2024�N06��20�� 08��00�� ���J
[��IT]

���̋L���͉������ł��B����o�^�i�����j����ƑS�Ă������������܂��B

�@htmx�`�[����2024�N6��17���i�č����ԁj�AJavaScript���C�u�����uhtmx�v�̍ŐV�łƂȂ�uhtmx 2.0�v�����J�����Bhtmx�́AJavaScript�R�[�h���L�q�����ɁAHTML���烂�_���u���E�U�̋@�\�ɒ��ڃA�N�Z�X�ł��郉�C�u�������B

�@htmx��HTML���̑�����ʂ��āAAjax�ACSS �g�����W�V�����AWebSocket�AServer Sent Events�iSSE�F�T�[�o���M�C�x���g�j�ւ̃A�N�Z�X�𒼐ڒ񋟂���B�J���҂��n�C�p�[�e�L�X�g�̃V���v�����ƃp���[�𐶂����āA���_���ȃ��[�U�[�C���^�t�F�[�X�iUI�j���\�z�ł���悤�ɂ��邱�Ƃ�ړI�Ƃ��Ă���B

�@htmx�̓T�C�Y���������A�ˑ��֌W���Ȃ��A�g���”\���Bhtmx 1.x�́uInternet Explorer�iIE�j11�v�ƌ݊���������A�t�����g�G���hJavaScript���C�u�����ł���uReact�v��3�������x�̃T�C�Y�������B

�@�����h�L�������g�ɂ��ƁAhtmx�́A�n�C�p�[�e�L�X�g�Ƃ��Ă�HTML�̊j�ƂȂ�A�C�f�A���g�����A��ʉ����邱�ƂŁAHTML�ňȉ��̂悤�ȏ������”\�ɂ���B

  • �A���J�[��t�H�[�������łȂ��A�ǂ�ȗv�f�ł�HTTP���N�G�X�g�𔭍s�ł���
  • �N���b�N��t�H�[�����M�����łȂ��A�ǂ�ȃC�x���g�ł����N�G�X�g���g���K�[�ł���
  • GET��POST�����łȂ��A�ǂ̂悤��HTTP���\�b�h���g�p�ł���
  • �E�B���h�E�S�̂����łȂ��A������v�f�����N�G�X�g�ɂ��X�V�̑Ώۂɂł���

�@�uhtmx���g�p���Ă���ꍇ�A�T�[�o���ł͒ʏ�AJSON�ł͂Ȃ�HTML�ʼn�������B���̂��߁A�w�n�C�p�[�e�L�X�g��ʂ��ăA�v���P�[�V�����̏�Ԃ��R���g���[������x�Ƃ����{����Web�v���O���~���O���f���������ł���v�ƁAhtmx�`�[���͐������Ă���B

htmx 2.0�̎�ȕύX�_

�@ htmx 2.0�ł̎�ȕύX�_�͈ȉ��̒ʂ�B

  • �S�Ă̊g���@�\���R�A���|�W�g������Ǝ��̃��|�W�g����Web�T�C�g�Ɉړ������B�����͑S�ȕʂɃo�[�W�����Ǘ������悤�ɂȂ����B�قƂ�ǂ�1.x�g�����W���[����2.x�œ��삷�邪�ASSE�g�����W���[���̓A�b�v�O���[�h����K�v������
  • �uhx-sse�v����сuhx-ws�v�������폜����A�񐄏��ƂȂ���
  • HTTP DELETE���N�G�X�g�̃y�C���[�h�ɁA�t�H�[���G���R�[�h���ꂽbody�ł͂Ȃ��A�p�����[�^�[���g����悤�ɂȂ���
  • 3�‚̎�v��JavaScript���W���[���^�C�v�iESM�AUMD�AAMD�j�ɂ‚��āA/dist�Ń��W���[���^�C�v�ŗL�̃t�@�C�����񋟂����悤�ɂȂ���
  • �uhx-on�v�����Ƃ��̓���ȍ\�����폜����A��舵���₷���uhx-on:�v�\�����������ꂽ
  • ����API���\�b�h�uselectAndSwap()�v���A�p�u���b�N�ȁi�͂邩�ɗD�ꂽ�j�uswap()�v���\�b�h�ɒu��������ꂽ
  • Web Component�̃T�|�[�g���啝�ɉ��P���ꂽ
  • Web�T�C�g���_�[�N���[�h���T�|�[�g����

�@�Ȃ��Ahtmx 2.0��IE���T�|�[�g���Ă��Ȃ����AIE�T�|�[�g��K�v�Ƃ��郆�[�U�[��z�肵�Ahtmx�`�[���͓��ʁAhtmx 1.x�̃T�|�[�g���p������B

�@�܂�NPM�ł́A2025�N1��1���܂ŁAhtmx 1.x���ŐV�Ƃ��ă}�[�N����Ahtmx 2.0�͂��̗�������ŐV�Ƃ��ă}�[�N�����Bhtmx�̃o�[�W�������Ǘ����Ă��Ȃ�CDN URL���g�p���Ă��郆�[�U�[�������I�ɃA�b�v�O���[�h�����Ă��܂����Ƃ�����邽�߂��B

Copyright © ITmedia, Inc. All Rights Reserved.

'; if( !this.isSubscription ) { this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); } }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

4AI by IT - AIAAA
Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B