![]() |
�A�ځFASP.NET 4�{�gjQuery�h��Ajax�J����2��@Visual Studio 2010��jQuery�A���ꂩ��̃N���C�A���g�T�C�h�J�����{�}�C�N���\�t�g�@���] �C2011/06/24 |
Page1
Page2
|
�@�O���́AVisual Studio 2010�ɐ����Ȑ��i�̈ꕔ�Ƃ���jQuery�����������Ɏ������o�܂ƁAASP.NET��jQuery�̊W�ɂ��ďЉ��ƂƂ��ɁAASP.NET 4�ɂ�����Ajax�J���̑S�̑��ɂ��ĉ�������B
�@����́AVisual Studio 2010�ɂ�����jQuery�̎��ۂ̎g�p���@�ƁA����Ɋ֘A����@�\�AjQuery�̋@�\���g��������@�ɂ��Ă��������B
��Visual Studio 2010��jQuery
�@Visual Studio 2010�ł�jQuery���g�p�����J�����@�ɂ��ĉ������O�ɁAjQuery�ɂ��āi�������Ȃ����̂��߂Ɂj�ȒP�ɏЉ�Ă����B
��jQuery�Ƃ�
�@jQuery��jQuery.com�ɂĔz�z����Ă���OSS�i�I�[�v���\�[�X�E�\�t�g�E�F�A�j��JavaScript���C�u�����ł���BJavaScript�̃v���O���~���O�ł悭�g�p�����ėp�I�ȋ@�\���������܂�ł���A�ȒP�ȋL�q�ł��܂��܂ȏ������s����B
�@���̂悤��JavaScript�̃��C�u�����́A�C���^�[�l�b�g��ɑ������J����Ă���A���W���[�Ȃ��̂��������݂��邪�A�ujQuery�͂����Ɣ�r���Ă��y�ʂō����ɓ��삷��v�Ƃ����Ă���B
�@jQuery�ɂ́A�ق��ɂ��ȉ��̂悤�ȓ���������B
- ���\�b�h�����s�����ۂɕԂ����f�[�^�`�����ujQuery�I�u�W�F�N�g�v
- MIT License��GNU General Public License�̃f���A���E���C�Z���X
- ���쌠��\������Ώ��p���p�A�\�[�X���ρA�Ĕz�z�Ȃǂ��\
- �L�x�ȃv���O�C���̒lj��ŋ@�\�̊g�����e��
- �N���X�u���E�U
�@���ł������I�Ȃ̂́ADOM�iDocument Object Model�j�ɃA�N�Z�X���邽�߂̒Z���L�q���@���낤�B
�@�Ⴆ�u<div id=�hbook_title�h ></div>�v�̂悤�ȁAID���ubook_title�v�ł���G�������g�i���v�f�j�ɃA�N�Z�X����ɂ́A�W����JavaScript�ł͈ȉ��̂悤�ȎQ�Ǝ����L�q����K�v������B
|
|
ID���ubook_title�v�̃G�������g�ɃA�N�Z�X���邽�߂�JavaScript�R�[�h�̋L�q |
�@jQuery�ł͈ȉ��̒Z���L�q�œ��l�̂��Ƃ��\���B
|
|
ID���ubook_title�v�̃G�������g�ɃA�N�Z�X���邽�߂�jQuery���g�p�����L�q |
�@jQuery�ł́A�����Ώۂ��u�Z���N�^�v�ƌĂ��u$("")�v�̋L�q�őI�����A�Z���N�^���Ԃ�jQuery�I�u�W�F�N�g�̃��\�b�h���Ăяo�����Ƃŏ������s���B�Z���N�^�́A�u""�v�i�_�u���N�H�[�e�[�V�����j�A�܂��́u''�v�i�V���O���N�H�[�e�[�V�����j���̋L�q�ɂ��A���܂��܂ɏ����Ώۂ�I���\�ł���A�Ⴆ�Έȉ��̂悤��1�s�̋L�q�ŃR���N�V�����ɑ��A���[�v���̋L�q�Ȃ��ɃA�N�Z�X���s�����Ƃ��ł���B
|
|
���ׂĂ�<p>�^�O�Ɉ͂܂ꂽ�������ύX����jQuery���g�p�����L�q | |
�Z���N�^�̏ڂ����L�q���@�ɂ��ẮAjQuery.com���`���[�g���A�����Q�Ƃ��ꂽ���B |
�@jQuery�͑O�q�̂悤�ȁuDOM�ւ̃V���[�g�J�b�g�E�R�[�h�@�\�v�ȊO�ɂ��A�ȉ��̂悤�ȁu�G�������g�ɑ���A�j���[�V�����@�\�v�����Ă���B
���\�b�h�� | ���� |
show | �\�� |
hide | ��\�� |
fadeIn | �����グ�Ȃ���\�� |
fadeOut | �������グ�Ȃ����\�� |
slideDown | �������ɃX���C�h����悤�ɕ\�� |
slideUp | �������ɃX���C�h����悤�ɔ�\�� |
slideToggle | �㉺�����ɃX���C�h����悤�ɕ\���^��\�� |
![]() |
|
jQuery������A�j���[�V�����@�\�̈ꕔ |
�@�A�j���[�V�������A�ȉ��̂悤�ȊȒP�ȏ����ŋL�q�ł���B
|
|
ID���umenu�v�̃G�������g��300�~���b�ʼn������ɃX���C�h����悤�ɕ\�� |
�@���̂悤�ɁAjQuery���g�p����ƁA�W���I��JavaScript�ł͕����s�ɂ킽���Ă��܂��悤�ȕ��G�ȋL�q���A�����ȒP�ȏ����ŋL�q�ł���B
�@�܂��A�قƂ�ǂ̃��W���[��Web�u���E�U�ɑΉ����Ă��邽�߁AWeb�u���E�U�ʂ̃R�[�h���L�q����K�v���Ȃ��̂ŁA��Ƃɂ�����R�X�g��啝�Ɍ��点��B
�@����ɂ́A�T�[�o�T�C�h�̎d�g�݂��犮�S�ɓƗ������Z�p�ł��邽�߁A�ÓI��Web�R���e���c�̍쐬�͂������̂��ƁA������ASP�iActive Server Pages�j��PHP�Ȃǂ�Web�A�v���P�[�V�����ł����p���\�ł���B
��Visual Studio 2010�ł�jQuery�̎g�p
�@Visual Studio 2010��Web�A�v���P�[�V�������J�����邽�߂ɗp�ӂ��Ă���A
- ASP.NET Web �A�v���P�[�V����
- ASP.NET MVC 2 Web �A�v���P�[�V����
�̃v���W�F�N�g�E�e���v���[�g�ɂ́A�W����jQuery�̃��C�u�����E�t�@�C�����܂܂�Ă���B����́A�v���W�F�N�g���쐬��AVisual Studio 2010�́m�\�����[�V���� �G�N�X�v���[���[�n����v���W�F�N�g���́uScripts�v�t�H���_��W�J���邱�ƂŊm�F�ł���i���̉�ʂ��Q�Ɓj�B
![]() |
�}�@ASP.NET�A�v���P�[�V�����̃v���W�F�N�g�Ɋ܂܂�Ă���jQuery�̃��C�u�����E�t�@�C�� |
��Visual Studio 2010�̓��͎x���@�\
�@Visual Studio 2010�ł́A�]�������IntelliSense*1�ɉ����AjQuery�����ɂ́A�Z���N�^��\�b�h���L�q����ۂɈ����Ɋւ���ڍׂȃw���v���\�������悤�ɂȂ��Ă���B���̃w���v�̓��e�́AjQuery�̃��C�u�����E�t�@�C���Ɠ����uScripts�v�t�H���_���ɂ���ujQuery-���o�[�W�����ԍ���-vsdoc.js�v�t�@�C�����狟������Ă���B
�@���̉�ʂ́AjQuery�Ɋւ���w���v���\������Ă���IntelliSense�̗Ⴞ�B
![]() |
�}�@Visual Studio 2010��jQuery�̃Z���N�^���L�q���ɕ\�������w���v |
*1�@�L�q���̍\���ɂ��āA���͌��X�g�̕\���Ɠ��͕⊮���s���@�\ |
�@.vsdoc�t�@�C��������w���v�\���@�\�𗘗p���邱�ƂŁA�J���҂�jQuery�\�����L�q����ۂɁA���\�b�h������ɂ��ĕʓr�A�}�j���A���m�F����K�v��������A�R�[�f�B���O��ƂɏW���ł���B
�@�܂��ACodePlex�ł́A�R�~���j�e�B���J������jQuery�p�̃R�[�h�E�X�j�y�b�g*2������Ă���A������g�p���邱�ƂŁA���v����jQuery�\���̋L�q���\�ɂȂ�B
*2�@�L�[���[�h����͂��A�mTab�n�L�[���������邱�Ƃɂ��A������x�܂Ƃ܂����ʂ̏����̂ЂȌ^�ƂȂ�R�[�h�i���R�[�h�E�u���b�N�j���o�͂��A���͎x�����s���@�\�B |
�@���̂ق��ɂ��AVisual Studio�ɂ�JavaScript��CSS�AHTML�ɂ��ċ��͂ȓ��͎x���@�\�������Ă���B
�@�����̓��͎x���@�\���g�����_�́A�u�L�q�̎�Ԃ��Ȃ���v�Ƃ����̂͂�������A�ł��厖�ȂƂ���́u�L�q���Ԉ��Ȃ��v�Ƃ����_�ł���B����JavaScript�͑啶���E����������ʂ���P�[�X�E�Z���V�e�B�u�ȋL�q���s���K�v������̂ŁA�������������͎x���@�\��ϋɓI�ɗ��p���A�^�C�v�~�X�ɂ���Ƃ̎�߂�����Ă��������B
��Visual Studio 2010�ł�jQuery�̃o�[�W�����Ǘ�
�@Visual Studio 2010�Ɋ���Ŋ܂܂�Ă���jQuery�̃o�[�W�����́AVisual Studio 2010�̃����[�X�����́u1.4.1�v�ł��邪�A���݂ł͂��łɁA���V�����o�[�W�����������[�X����Ă���B
�@�A�v���P�[�V�����̊J���Ɏg�p����jQuery�̃o�[�W�����E�A�b�v�́AVisual Studio�̃A�b�v�f�[�g��҂K�v�͂Ȃ��A�J���҂����R�ɍX�V���s����B
�@jQuery�̃o�[�W�����E�A�b�v��Ƃ́A��{�I�ɂ�jquery.com����ŐV�̃��C�u�����E�t�@�C������肵�āA�v���W�F�N�g���̊���̃t�@�C���ƒu�������邾���ł��邪�A�uASP.NET MVC 2 Web�A�v���P�[�V�����v�̏ꍇ�́A�v���W�F�N�g�E�e���v���[�g�Ɋ܂܂�Ă���jQuery�v���O�C���ujquery.validate�v�Ƃ̈ˑ��W�ɒ��ӂ���K�v������B
�@�ȑO�́A��������jQuery�R�A�ƃv���O�C���̈ˑ��W�́A�g�p�҂������ŏ�����肵�Ċm�F����K�v�����������AASP.NET MVC 3 Tools Update��K�p���邱�ƂŃC���X�g�[�������uLibrary Package Manager�v���g�p���āA�ˑ��W�̊m�F����A�b�v�f�[�g�܂ł��s����悤�ɂȂ��Ă���B
�@Library Package Manager�́ANuGet�Ƃ����T�[�r�X�𗘗p���Ă���A�I�[�v���\�[�X�Ƃ��Č��J����Ă��邳�܂��܂ȃ��C�u����������������A����烉�C�u�������A�ʓ|�ȃ_�E�����[�h��t�@�C���̃R�s�[�Ȃ��ɁA�ȒP��Visual Studio 2010��Web�v���W�F�N�g�ɒlj��^�폜������ł���B
�@���̉�ʂ͂���Library Package Manager�̗��p�Ⴞ�B
![]() |
�}�@Library Package Manager�̃_�C�A���O��� |
���v���O�C���ɂ��jQuery�̋@�\�g��
�@jQuery�͕ʓr�A�R�~���j�e�B�E�T�C�g�ŗp�ӂ���Ă��邳�܂��܂ȃv���O�C����lj����邱�ƂŁA�@�\���g���ł���B��\�I�Ȃ��̂�jQuery�̊J�����ł���jQuery Project�������[�X���Ă���jQuery UI������B
�@jQuery UI�́A�h���b�O&�h���b�v�Ȃǂɑ�\������x���̃C���^���N�V������A�j���[�V�������ʂ����x�ɒ��ۉ�����JavaScript���C�u�������B�ȒP�ȋL�q�ŁAWeb�R���e���c�ɕ��G�ȓ��������������A���o�I�ɂ����b�`�ȊO�ς��������R���g���[����lj�������ł���B
�@�ȉ��́A�e�L�X�g�{�b�N�X��jQuery UI������J�����_�E�R���g���[���iDatePicker�j��lj�����\���ƁA���s���ʂ̉�ʃV���b�g�ł���B
|
|
�e�L�X�g�{�b�N�X�Ƀt�H�[�J�X������Ƃ��ɃJ�����_��\������ |
![]() |
�}�@jQuery UI������J�����_�iDatePiker�j�R���g���[�� |
�@�Ȃ�jQuery UI�́A�O�q��Library Package Manager���g�p���āA���肩��C���X�g�[���܂ł��ꊇ�ōs����B�܂��A�}�C�N���\�t�g������CDN�T�[�r�X�uMicrosoft Ajax Content Delivery Network�v�ł��z�X�g����Ă���A������Q�Ƃ��Ďg�p���邱�Ƃ��ł���B
�@jQuery�ɂ́A���̂ق��ɂ��A�O���R�~���j�e�B��l�A��Ƃ��J���������܂��܂ȃv���O�C�������J����Ă���A������_�E�����[�h���Ďg�p�ł���B�����̍����v���O�C�����������J����Ă���̂ŁA���������АϋɓI�ɗ��p���Ă��������B*3
*3�@�v���O�C���̎g�p�ɍۂ��ẮA�\���Ƀ��C�Z���X�̓��e���m�F���Ăق����BjQuery�̃v���O�C���͊�{�I�ɃI�[�v���\�[�X�ł��邪�A�u�\�[�X�E�R�[�h���I�[�v���ł���v�Ƃ������ƂƁu�L�����������v�͕ʂł��邩�炾�B���ۂɁu�l�g�p�͖��������A���p���p�͗L���v�Ƃ����v���O�C�������Ȃ��炸���݂���B |
�@�����Ď��̃y�[�W�ł́A������̃N���C�A���g�J���ɂ��Đ������Ă������B
![]() |
![]() |
�@INDEX | ||
�@ | �m�A�ځnASP.NET 4�{�gjQuery�h��Ajax�J�� | |
�@ | ��2��@Visual Studio 2010��jQuery�A���ꂩ��̃N���C�A���g�T�C�h�J�� | |
![]() |
1�DVisual Studio 2010��jQuery | |
�@ | 2�DASP.NET�ɂ�����A���ꂩ��̃N���C�A���g�T�C�h�J�� | |
![]() |
![]() |
�@�uASP.NET 4�{�gjQuery�h��Ajax�J���v |
- ��2��@�Ȍ��ȃR�[�f�B���O�̂��߂� �i2017/7/26�j
�@�����_���ŋL�q�ł��郁���o�̑����Athrow���Aout�ϐ��A�^�v���ȂǁAC# 7�ɂ͈ȑO�����R�[�h���Ȍ��ɋL�q�ł���悤�ȋ@�\����������Ă��� - ��1��@Visual Studio Code�f�o�b�O�̊�b�m�� �i2017/7/21�j
�@Node.js�v���O�������f�o�b�O���Ȃ���AVisual Studio Code�ɓ�������Ă���f�o�b�O�@�\�̊�{�́u�L�v���}�X�^�[���悤 - ��1��@���ĂȃR�[�f�B���O�̂��߂� �i2017/7/19�j
�@C# 7�Œlj����ꂽ�V�@�\�̒�����A�u���l���e�����\���̉��P�v�Ɓu���[�J�����v���Љ��B�����͕�����₷���R�[�h���L�q����̂Ɏg���� - Presentation Translator �i2017/7/18�j
�@Presentation Translator��PowerPoint�p�̃A�h�C���B�v���[���e�[�V�������̎����̕t����A������ł̎��^�����A�X���C�h�̖|����s����
![]() |
|
|
|
![]() |