�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�@���] �C
2011/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

document.getElementById("book_title");
ID���ubook_title�v�̃G�������g�ɃA�N�Z�X���邽�߂�JavaScript�R�[�h�̋L�q

�@jQuery�ł͈ȉ��̒Z���L�q�œ��l�̂��Ƃ��”\���B

$("#book_title");
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").text("jQuery wrote");
���ׂĂ�<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

$("#menu").slideDown(300);
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

<head>
  <!-- jQuery UI�p�̃X�^�C���V�[�g���Q�� -->
  <link href="css/jquery-ui.css"
    rel="stylesheet" type="text/css" />
  <!-- jQuery���C�u�������Q�� -->
  <script src="scripts/jquery-1.5.1.js" type="text/javascript"></script>
  <!-- jQuery UI���C�u�������Q�� -->
  <script src="scripts/jquery-ui-1.8.12.custom.js" type="text/javascript"></script>
  
  <script type="text/javascript">
    $(function () {
      //�J�����_�[�̕\��
      $("#start_date").datepicker();
    });
  </script>
</head>
<body>
  <input id="start_date" type="textbox" value=" " />
</body>
�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��

�C���f�b�N�X�E�y�[�W�w �@�uASP.NET 4�{�gjQuery�h��Ajax�J���v


Insider.NET �t�H�[���� �V���L��
  • ��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����
��IT���[���}�K�W���@�V������X�^�b�t�̃R���������[���œ͂��܂��i�����j

���ڂ̃e�[�}

Insider.NET �L�������L���O

�{�� ����