CoffeeScript��Sass�Ȃǂ̎g�p���ɃI�X�X����Grunt�v���O�C���ꗗ�FGrunt�Ŏn�߂�Web�J����������������i2�j�i1/3 �y�[�W�j

JavaScript���C����Web�J�����s���ۂɂ��܂��܂ȍ�Ƃ����������ĊJ�������𔚔��I�ɍ��߂�c�[���iGrunt�AYeoman�ABower�Ȃǁj��G�f�B�^�[�AIDE�A���s�‹��Ȃǂ��Љ�Ă����A�ځB����́AGrunt�v���O�C���̊T�v�ƕ֗��Ȃ��̂��܂Ƃ߂�grunt-contrib�A�t�@�C�����Ď��ł���grunt-contrib-watch�Alivereload�i�����X�V�j����������grunt-contrib-connect�Ȃǂ̎g�������������B

» 2014�N04��08�� 18��00�� ���J
[�����C���C�N���X���\�b�h]
uGruntŎn߂WebJṽCfbNX

�A�ږڎ�

�@�O��̋L���u�u���b�N��Web�J������̋~����AGrunt�̃C���X�g�[���Ǝg�����v�ł́AGrunt�ɂ‚��Ă̊T�v�ƃZ�b�g�A�b�v�A��{�I�ȓ�����m�F���Ă݂܂����B

�@����́AGrunt�Ŏg�p�ł��邢�낢��ȁu�v���O�C�����W���[���v�i�ȉ��A�v���O�C���j���C���X�g�[�����A���ۂɓ������ē�����m�F���Ă݂܂��傤�B

Grunt�̃v���O�C���Ƃ́A�����ł���̂�

�@�O��̌J��Ԃ��ɂȂ�܂����A�v���O�C�����g�p����ƁAGrunt�ł��낢��ȃ^�X�N�����s�ł���悤�ɂȂ�܂��B���s�ł���^�X�N�̓��e�̓v���O�C���ɂ���Ă��܂��܂ł����A��‚����������ƁA���L�̂悤�ȍ�Ƃ��������ł��܂��B

  • CoffeeScript�^TypeScript��JavaScript�փR���p�C���i�ϊ��j
  • SCSS�iSass�j�^LESS��CSS�փR���p�C���i�ϊ��j
  • �t�@�C���̈��k�^�����^�œK��
  • JSHint��JavaScript�̍\���`�F�b�N

�@�����������^�X�N��Grunt�̌����v���O�C���Ƃ��ėp�ӂ���Ă���AGrunt�̌����T�C�g�́uPlugins�v�y�[�W�i�p��j������T�����Ƃ��ł��܂��B

Grunt�̌����T�C�g�́uPlugins�v�y�[�W

�@��������́A��‚��̃v���O�C�����g����Grunt�^�X�N�����s���Ă݂܂��傤�B�Ȃ��ANode.js�����Grunt�{�̂��܂��C���X�g�[���ł��Ă��Ȃ��ꍇ�A�O��́uGrunt�̊‹��\�z�v���Q�l�ɃC���X�g�[�����Ă����Ă��������B

�֗��ȃv���O�C����1�x�ɃC���X�g�[���ł���ugrunt-contrib�v�v���O�C��

�@�v���O�C�������ۂɎg�p����O�ɁAGrunt�ł悭�g�p�����@�\���W�߂��ugrunt-contrib�v�ɂ‚��Đ������܂��B

�@�ȑO��Grunt�i�o�[�W����0.4���O�j�ł́A�t�@�C���폜�⌋���Ȃǂ̊�{�I�ȃ^�X�N�̓r���g�C���^�X�N�Ƃ��Ē�`����Ă��܂������A0.4�����grunt-contrib�v���O�C���Ƃ��Ē񋟂���Ă��܂��B

�@grunt-contrib��GitHub������ƕ�����܂����A����͕����̃v���O�C�����܂Ƃ߂����̂ł��BCoffeeScript��Sass�̃R���p�C���A�t�@�C���̈��k�ȂǁA���܂��܂ȃv���O�C�����܂܂�Ă���̂�������܂��ˁBgrunt-contrib�Ɋ܂܂��e�v���O�C���́A���K�I�Ɂugrunt-contrib-***�v�Ƃ������O�ɂȂ��Ă��܂��B

�@grunt-contrib�Ɋ܂܂���\�I�ȃv���O�C���ɂ́A���̂悤�Ȃ��̂�����܂��B

  • grunt-contrib-clean
    �t�@�C���^�f�B���N�g�����N���[�����邽�߂̃v���O�C��
  • grunt-contrib-coffee
    CoffeeScript�t�@�C�����R���p�C�����AJavaScript�t�@�C���֕ϊ�����v���O�C��
  • grunt-contrib-compass
    �uCompass�v���g�p����Sass�t�@�C�����R���p�C�����ACSS�t�@�C���֕ϊ����邽�߂̃v���O�C��
  • grunt-contrib-connect
    node.js�̃��W���[���ł���uConnect�v�iHTTP�T�[�o�[�j���g�p�����T�[�o�[�@�\��񋟂���v���O�C��
  • grunt-contrib-watch
    �C�ӂ̃t�@�C���ɑ΂��ĕύX�����m���A�w�肵�����������s�v���O�C��
  • grunt-contrib-uglify
    UglifyJS���g�p����JavaScript�t�@�C���̈��k�^�œK�����s�����߂̃v���O�C��

�@�Ȃ��A�����grunt-contrib�Ɋ܂܂��v���O�C���͌•ʂɃC���X�g�[�����邱�Ƃ��”\�ł��B�e�v���O�C���̍ŐV�ł�grunt-contrib�Ɋ܂܂�Ă���Ƃ͌���Ȃ��̂ŁA�����������ꍇ�ɂ͊e�v���O�C����P�̂ŃC���X�g�[�����Ă��������B

�y1�zgrunt-contrib-coffee��CoffeeScript���R���p�C��

�@���ۂɃv���O�C�����C���X�g�[������Grunt�Ŏg���Ă݂܂��傤�B

�@�܂��́Agrunt-contrib-coffee�v���O�C�����g���Ă݂܂��B���̃v���O�C����coffee-script���W���[�����g�p���ACoffeeScript�ŋL�q���ꂽ�t�@�C����.js�t�@�C���փR���p�C�����邽�߂̃^�X�N�����s�ł��܂��B

�@�•ʂ̃t�@�C����C�ӂ̃f�B���N�g���ȉ��S�Ă�CoffeeScript�t�@�C�����R���p�C���Ώۂɂł��鑼�AsourceMap�Ȃǂ̃I�v�V�������w��”\�ł��B

�m�F�p�t�@�C���^�f�B���N�g���쐬

�@�܂��́A���̂悤�Ƀf�B���N�g�����쐬���܂��B

% mkdir grunt-plugin-sample
% cd grunt-plugin-sample
% mkdir src
% mkdir dest

�@�usrc�v��CoffeeScript�t�@�C���p�̃f�B���N�g���ŁA�udest�v���R���p�C������js�t�@�C���p�̃f�B���N�g���ł��B

�@���́usrc�v�f�B���N�g����CoffeeScript�t�@�C����p�ӂ��܂��B

add = (x,y) ->
    x + y
res = add 3,4
console.log res
grunt-plugin-sample/src/sample.coffee
�@�@�@�@�@�@ 1|2|3 ���̃y�[�W��

Copyright © ITmedia, Inc. All Rights Reserved.

'; 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�[�}

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