SlideShare a Scribd company logo
Xcode で gulp を使うお話
2014/08/20	

Retty株式会社	

櫻井 洋一郎
自己紹介
• 櫻井 洋一郎 (@saku2saku)	

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

• Objective-C, PHP, Java, 等々	

• 料理、漫画読む、等々
Retty ってなに?
Retty ってなに?
もくじ
• gulp って何?(´・ω・`)	

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

• gulpをいれるまで	

• Xcode で gulp を実行する
gulp って何?(´・ω・`)
• Node.js の自動ビルドツール
何がうれしいの?
• 直感的にかける	

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

• http://gulpjs.com/plugins/
なぜ自動ビルドが必要?
• RettyはWebViewをハイブリッドで利用	

• handlebars:HTMLテンプレート	

• compass :SASS
gulp をいれるまで
1. homebrew install node	

2. npm install --global gulp	

3. npm install --save-dev gulp	

4. vi gulpfile.js	

5. gulp
Xcode で gulp を実行
Xcode で gulp を実行
• gulp を入れていない人用にコマンドの存在チェック
も入れておきます
TIPS
• Xcode の Run script は環境変数が特殊	

• 通常のターミナルとは違う値
Xcode で gulp を使うお話
無いとどうなる?
• マルチバイト(日本語)の入ったSASSファイルが
あるとエラーが出る(・_・;)
ターミナルではうまくいく
Let’s gulp!!
WE’RE HIRING iOS Engineer!!
https://www.wantedly.com/projects/4093
ご清聴ありがとう	

ございました

More Related Content

PDF
会社にGitHub Enterpriseを導入してみた話
PPTX
リモートワークで10kgダイエットした話
PDF
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
PDF
第1回ROS勉強会発表資料 ROS+Gazeboではじめるロボットシミュレーション
PDF
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
PDF
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
PDF
GitHub Enterpriseの導入事例と実践GitHub Actions
PPTX
RESTful API (JAX-RS) 書くだけで仕様書も 自動で作られていく話 with MicroProfile Open API
会社にGitHub Enterpriseを導入してみた話
リモートワークで10kgダイエットした話
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
第1回ROS勉強会発表資料 ROS+Gazeboではじめるロボットシミュレーション
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
GitHub Enterpriseの導入事例と実践GitHub Actions
RESTful API (JAX-RS) 書くだけで仕様書も 自動で作られていく話 with MicroProfile Open API

What's hot (20)

PDF
AndroidアプリをTravis CIでビルド
PDF
AWSで自宅サーバ?
PDF
Ios android tips
PDF
GitBucketで社内OSSしませんか?
PDF
【社内勉強会】弊社でGit!実案件での運用
PDF
dotcle 経験0から Meteor iOS アプリを2ヶ月半で作ってリリースしてみた
PDF
KotlinつかってQiitaクライアント作った時の話
PDF
Node.jsのオートスケールをFRPで管理する
PDF
Leap motion.js
PDF
GitHubEnterpriseからBitbucket(Stash) への移行事例
PPTX
マイクロサービスにおける 非同期アーキテクチャ
PPTX
Editorlt
PDF
bicep dev container
PPTX
Unite 16' LAで発表されたあれこれとゲームアプリのマネタイズベストプラクティス
PPTX
Rnyoutube
PDF
GitHub + Circle CI で幸せになろう
ODP
Yapf2013
PDF
Dockerで楽しむ自宅サーバ
PDF
iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!
AndroidアプリをTravis CIでビルド
AWSで自宅サーバ?
Ios android tips
GitBucketで社内OSSしませんか?
【社内勉強会】弊社でGit!実案件での運用
dotcle 経験0から Meteor iOS アプリを2ヶ月半で作ってリリースしてみた
KotlinつかってQiitaクライアント作った時の話
Node.jsのオートスケールをFRPで管理する
Leap motion.js
GitHubEnterpriseからBitbucket(Stash) への移行事例
マイクロサービスにおける 非同期アーキテクチャ
Editorlt
bicep dev container
Unite 16' LAで発表されたあれこれとゲームアプリのマネタイズベストプラクティス
Rnyoutube
GitHub + Circle CI で幸せになろう
Yapf2013
Dockerで楽しむ自宅サーバ
iOS開発を楽しむ最初の一歩!デリゲートをなるべく分かりやすく!
Ad

Similar to Xcode で gulp を使うお話 (12)

PDF
javascript を Xcode でテスト
PDF
Gulp入門 - コーディングを10倍速くする
PDF
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 環境準備編
ODP
今流行りのウェブアプリ開発環境Yeoman
PDF
gulp芸
PDF
20121115 fukuoka sublime0_kuroneko
PPTX
Grunt入門
PDF
フロント開発をがんばるためにGulpとGruntに入門してみた
PDF
フロントエンド制作向けビルド ツールGruntがバックエンド 開発でも意外と使える! @M_Ishikawa #yapcasia
PDF
Webサイト・フロントエンドの高速化とgrunt.jsについて
PDF
Gulp De wordpress in WordBench
PDF
今、話題のビルドツール gulp/Gruntを徹底解剖! ~ハンズオンで基礎から学ぶ、Web制作の味方 ビルドツール~
javascript を Xcode でテスト
Gulp入門 - コーディングを10倍速くする
gulp + sass で目指せ倍速コーディング(東区フロントエンド勉強会 2015年 第1回) 環境準備編
今流行りのウェブアプリ開発環境Yeoman
gulp芸
20121115 fukuoka sublime0_kuroneko
Grunt入門
フロント開発をがんばるためにGulpとGruntに入門してみた
フロントエンド制作向けビルド ツールGruntがバックエンド 開発でも意外と使える! @M_Ishikawa #yapcasia
Webサイト・フロントエンドの高速化とgrunt.jsについて
Gulp De wordpress in WordBench
今、話題のビルドツール gulp/Gruntを徹底解剖! ~ハンズオンで基礎から学ぶ、Web制作の味方 ビルドツール~
Ad

More from Yoichiro Sakurai (19)

PDF
XcodeのTargetについてのTIPS
PDF
Objective-C/Swift コードの共用
PDF
開発を加速させるRetty式チーム開発術 Reloaded
PDF
チームを加速させるRetty式開発術
PDF
1人でも頑張れる!Retty式開発環境
PDF
NSInvocationの便利さとハマりどころ
PDF
Google admobmediationで広告最適化
PDF
Crashlyticsでクラッシュ撲滅作戦
PDF
TestFlight自動化でらくらくチームテスト
PDF
20130216 workshop
KEY
20121028i phonedeveloperworkshop
KEY
20120826i phonedeveloperworkshop
PDF
20120616i phonedeveloperworkshop
PDF
20120422i phonedeveloperworkshoppublished
KEY
20120413 nestakabaneworkshop
PDF
20120316 designerworkshoppublished
PDF
20120219i phonedeveloperworkshoppublished
PDF
20111030i phonedeveloperworkshoppublished
KEY
20110424i phonedeveloperworkshoppublish
XcodeのTargetについてのTIPS
Objective-C/Swift コードの共用
開発を加速させるRetty式チーム開発術 Reloaded
チームを加速させるRetty式開発術
1人でも頑張れる!Retty式開発環境
NSInvocationの便利さとハマりどころ
Google admobmediationで広告最適化
Crashlyticsでクラッシュ撲滅作戦
TestFlight自動化でらくらくチームテスト
20130216 workshop
20121028i phonedeveloperworkshop
20120826i phonedeveloperworkshop
20120616i phonedeveloperworkshop
20120422i phonedeveloperworkshoppublished
20120413 nestakabaneworkshop
20120316 designerworkshoppublished
20120219i phonedeveloperworkshoppublished
20111030i phonedeveloperworkshoppublished
20110424i phonedeveloperworkshoppublish

Xcode で gulp を使うお話