18
Xcode gulp を使うお話 2014/08/20 Retty株式会社 櫻井 洋一郎

Xcode で gulp を使うお話

Embed Size (px)

DESCRIPTION

2014/08/20 の potatotips で発表した資料です Run Script の環境変数がハマりポイントです

Citation preview

Page 1: Xcode で gulp を使うお話

Xcode で gulp を使うお話

2014/08/20 Retty株式会社 櫻井 洋一郎

Page 2: Xcode で gulp を使うお話

自己紹介

• 櫻井 洋一郎 (@saku2saku)

• iOSアプリ 兼 とんかつ担当

• Objective-C, PHP, Java, 等々

• 料理、漫画読む、等々

Page 3: Xcode で gulp を使うお話

Retty ってなに?

Page 4: Xcode で gulp を使うお話

Retty ってなに?

Page 5: Xcode で gulp を使うお話

もくじ

• gulp って何?(´・ω・`)

• なぜ自動ビルドが必要?

• gulpをいれるまで

• Xcode で gulp を実行する

Page 6: Xcode で gulp を使うお話

gulp って何?(´・ω・`)

• Node.js の自動ビルドツール

Page 7: Xcode で gulp を使うお話

何がうれしいの?

• 直感的にかける

• プラグインで色々な処理ができる

• http://gulpjs.com/plugins/

Page 8: Xcode で gulp を使うお話

なぜ自動ビルドが必要?

• RettyはWebViewをハイブリッドで利用

• handlebars:HTMLテンプレート

• compass :SASS

Page 9: Xcode で gulp を使うお話

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 を使うお話

Xcode で gulp を実行

Page 11: Xcode で gulp を使うお話

Xcode で gulp を実行• gulp を入れていない人用にコマンドの存在チェックも入れておきます

Page 12: Xcode で gulp を使うお話

TIPS

• Xcode の Run script は環境変数が特殊

• 通常のターミナルとは違う値

Page 13: Xcode で gulp を使うお話
Page 14: Xcode で gulp を使うお話

無いとどうなる?• マルチバイト(日本語)の入ったSASSファイルがあるとエラーが出る(・_・;)

Page 15: Xcode で gulp を使うお話

ターミナルではうまくいく

Page 16: Xcode で gulp を使うお話

Let’s gulp!!

Page 17: Xcode で gulp を使うお話

WE’RE HIRING iOS Engineer!!

https://www.wantedly.com/projects/4093

Page 18: Xcode で gulp を使うお話

ご清聴ありがとう ございました