Recommended
More Related Content
What's hot
What's hot (20)
Similar to PhpStormとGrunt.jsで作るCakePHP快適開発環境
Similar to PhpStormとGrunt.jsで作るCakePHP快適開発環境 (20)
More from kamiyam .
More from kamiyam . (20)
Recently uploaded
Recently uploaded (7)
PhpStormとGrunt.jsで作るCakePHP快適開発環境
- 2. 自己紹介 • かみやん (Twitter@kamiyam) • エンジニア • Webサービスつくってます http://nantokaworks.com 13年7月18日木曜日
- 8. インストール $ npm install -g grunt-cli ※ gruntコマンドが利用可能となる。 13年7月18日木曜日
- 9. 環境構築 $ vim Gruntfile.js (Grunt.coffee) 13年7月18日木曜日
- 10. Gruntfile.js 設定例 module.exports = function(grunt) { grunt.initConfig({ xxxxxx: { //......... } }); grunt.loadNpmTasks('grunt-contrib-xxxxxx'); grunt.registerTask('default', ['xxxxxx']); }; 13年7月18日木曜日
- 11. 積み上がるタスク • CoffeeScriptのコンパイル • Sassのコンパイル • CSSファイルのコードミニファイ化･結合 • 画像ファイルの圧縮 • 画面の表示確認 13年7月18日木曜日
- 14. gruntでできること(例) • スタンドアロンでサーバ起動 (Node:V8) • テストを実行する • FTPでファイルアップロード • rsync などのコマンドを実行 13年7月18日木曜日
- 15. gruntでできること(例) • grunt server • grunt test • grunt ftp • grunt rsync • etc... 13年7月18日木曜日
- 16. gruntでできること(例) • grunt server • grunt test • grunt ftp • grunt rsync • etc... 実行するタスクを 自由に定義出来る 13年7月18日木曜日
- 17. GruntでCakePHP • css/js/html(ctp)/phpの監視/リロード • php -S ... (php5.4<) • テスト(PHPUnit)実行 13年7月18日木曜日
- 18. PHP でサーバ起動 $ php -S localhost:3000 -c /usr/local/etc/php/5.4/php.ini -t app/webroot 13年7月18日木曜日
- 19. PHP でサーバ起動 • -S <addr>:<port> Run with built-in web server. • -c <path>¦<file> Look for php.ini file in this directory • -t <docroot> Specify document root <docroot> for built-in web server. 13年7月18日木曜日
- 20. Grunt 実行 $ grunt [server] ※ Gruntfile.js(Gruntfile.coffee)と 同階層ディレクトリで実行 13年7月18日木曜日
- 23. PhpStormでGrunt • Run Command... • grunt/node などのPATHを通す • External Tool 設定 13年7月18日木曜日
- 24. Php Storm $PATH設定 $ vim /Applications/Phpstorm.app/ Contents/Info.plist $ vim /Applications/Webstorm.app/ Contents/Info.plist PhpStorm WebStorm 13年7月18日木曜日
- 25. Php Storm $PATH設定 <key>LSEnvironment</key> <dict> <key>PATH</key> <string>[Your PathValue]</string> </dict> 13年7月18日木曜日
- 26. Php Storm $PATH設定 $ /System/Library/Frameworks/ CoreServices.framework/Frameworks/ LaunchServices.framework/Support/ lsregister -v -f /Applications/ PhpStorm.app Via. http://ify.io/getting-webstorm-external-tools-to-work-on-webstorm-on-osx/ 13年7月18日木曜日
- 29. Arias C • Composer • Command Line Tool Support 13年7月18日木曜日
- 30. Arias C PhpStorm から Composerを 実行するのに｢Arias c｣を使う！ 13年7月18日木曜日
- 31. Command Line Tool Support 13年7月18日木曜日
- 32. まとめ • Grunt.jsはタスクツール • Gruntからコマンドが実行可能 • サーバ起動･テスト･デプロイを手軽に 13年7月18日木曜日