xcode で gulp を使うお話
DESCRIPTION
2014/08/20 の potatotips で発表した資料です Run Script の環境変数がハマりポイントですTRANSCRIPT
![Page 1: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/1.jpg)
Xcode で gulp を使うお話
2014/08/20 Retty株式会社 櫻井 洋一郎
![Page 2: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/2.jpg)
自己紹介
• 櫻井 洋一郎 (@saku2saku)
• iOSアプリ 兼 とんかつ担当
• Objective-C, PHP, Java, 等々
• 料理、漫画読む、等々
![Page 3: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/3.jpg)
Retty ってなに?
![Page 4: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/4.jpg)
Retty ってなに?
![Page 5: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/5.jpg)
もくじ
• gulp って何?(´・ω・`)
• なぜ自動ビルドが必要?
• gulpをいれるまで
• Xcode で gulp を実行する
![Page 6: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/6.jpg)
gulp って何?(´・ω・`)
• Node.js の自動ビルドツール
![Page 8: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/8.jpg)
なぜ自動ビルドが必要?
• RettyはWebViewをハイブリッドで利用
• handlebars:HTMLテンプレート
• compass :SASS
![Page 9: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/9.jpg)
gulp をいれるまで1. homebrew install node
2. npm install --global gulp
3. npm install --save-dev gulp
4. vi gulpfile.js
5. gulp
![Page 10: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/10.jpg)
Xcode で gulp を実行
![Page 11: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/11.jpg)
Xcode で gulp を実行• gulp を入れていない人用にコマンドの存在チェックも入れておきます
![Page 12: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/12.jpg)
TIPS
• Xcode の Run script は環境変数が特殊
• 通常のターミナルとは違う値
![Page 13: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/13.jpg)
![Page 14: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/14.jpg)
無いとどうなる?• マルチバイト(日本語)の入ったSASSファイルがあるとエラーが出る(・_・;)
![Page 15: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/15.jpg)
ターミナルではうまくいく
![Page 16: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/16.jpg)
Let’s gulp!!
![Page 17: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/17.jpg)
WE’RE HIRING iOS Engineer!!
https://www.wantedly.com/projects/4093
![Page 18: Xcode で gulp を使うお話](https://reader036.vdocuments.mx/reader036/viewer/2022081801/546ff78ab4af9fa30a8b45d1/html5/thumbnails/18.jpg)
ご清聴ありがとう ございました