Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Rapid Prototyping by TiShadow
Search
astronaughts
April 03, 2013
Programming
4
2.8k
Rapid Prototyping by TiShadow
TiShadow で iOS / Android アプリのプロトタイプを爆速で作る方法
astronaughts
April 03, 2013
Tweet
Share
More Decks by astronaughts
See All by astronaughts
Sublime Text の プラグイン開発の方法
astronaughts
0
490
Package と Theme の作り方と PackageControl 登録までの道のり
astronaughts
0
340
Sublime Text を 俺色に染める方法
astronaughts
2
870
GRUNT のあんなこといいなできたらいいな
astronaughts
14
2.2k
Re:Development of ChatWork Apps
astronaughts
1
2.1k
Sublime Text 2 for PHP Development
astronaughts
0
230
Titanium ならここまでできる !! Serverside non-programing で作る お手軽 Social Application
astronaughts
1
350
Fathm Like ScrollableView Implementaion for TItanium mobile
astronaughts
3
3.8k
Other Decks in Programming
See All in Programming
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
360
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
110
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
480
Software Architecture
hschwentner
6
2.1k
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
DROBEの生成AI活用事例 with AWS
ippey
0
130
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
550
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
220
AHC041解説
terryu16
0
590
Domain-Driven Transformation
hschwentner
2
1.9k
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Side Projects
sachag
452
42k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Designing for humans not robots
tammielis
250
25k
How STYLIGHT went responsive
nonsquared
98
5.3k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Transcript
Rapid Prototyping by TiShadow Ti.Developers.meeting vol.6 in Osakan Space TiShadow
で iOS / Android アプリのプロトタイプを爆速で作る方法
れや れやねんおまえ やねんおまえだれやね おまえだれやねんおまえ れやねんおまえだれやねん おまえだれやねんおまえだ やねんおまえだれやねん まえだれやねんお やねんお astronaughts
Ti.Developers.meeting vol.6 in Osakan Space Mobile App Engineer / ChatWork Masahiro Ueno
ChatWork 作ってます。 Ti.Developers.meeting vol.6 in Osakan Space 99% Titanium mobile
What’s TiShadow Ti.Developers.meeting vol.6 in Osakan Space TiShadow ってなんやねん?
https://github.com/dbankier/TiShadow Ti.Developers.meeting vol.6 in Osakan Space \ とりあえずここみなはれ /
Ti.Developers.meeting vol.6 in Osakan Space
Ti.Developers.meeting vol.6 in Osakan Space で、TiShadow ってなにできんの?
Ti.Developers.meeting vol.6 in Osakan Space What you can do with
TiShadow • Full Application Deployment • Testing / Assertions • TiShadow REPL • Code Snippets Via Webpage • TiShadow Appify • Launch From Web (Currently only working on iOS) ?
Ti.Developers.meeting vol.6 in Osakan Space so amazing. ͱΓ͋͑ͣͳΜ͔͛͢ʔ
んよく よくわかりませ よくわかりませんよくわ りませんよくわかりません よくわかりませんよくわか りませんよくわかりません くわかりませんよくわか ませんよくわか よくわ Ti.Developers.meeting
vol.6 in Osakan Space
Ti.Developers.meeting vol.6 in Osakan Space Adobe Edge Inspect のようなツール
Ti.Developers.meeting vol.6 in Osakan Space so amazing. Ͱͱʹ͔͛͘͢ʔ
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速プロトタイピング
Ti.Developers.meeting vol.6 in Osakan Space その前に Node の環境が必要 ! •
npm も必要 • Titanium CLI や alloy も Node だよ • くわしくはググってね
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速までの道のり1 • TiShadow をインストール
$ sudo npm install -g tishadow • TiShadow アプリの Ti プロジェクトを生成 $ mkdir ~/tishadowapp && tishadow app -d ~/ tishadowapp • TiShadow ΞϓϦΛΠϯετʔϧ $ ti build -p ios ?
Ti.Developers.meeting vol.6 in Osakan Space \ インストールするとこんな感じ /
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速までの道のり2 • TiShadow サーバーを起動
$ tishadow server • TiShadow アプリから TiShadow サーバーに接続 ip ΞυϨεʢγϛϡϨʔλͩͱ 127.0.0.1 ͱ͔ʣ • 自分のアプリを TiShadow ΞϓϦʹసૹ $ tishadow run ?
Ti.Developers.meeting vol.6 in Osakan Space で、ここからが 爆速
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速プロトタイピング 自分のアプリを修正したらただͻͨ͢Β $ tishadow
run {
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速プロトタイピング Demo
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速プロトタイピング ! ご覧のとおり全デバイス上に アプリが一瞬で転送されます
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速自動テスト
Ti.Developers.meeting vol.6 in Osakan Space テストに Jasmine が使える ! •
BDD テストフレームワーク • くわしくはググってね
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速自動テスト • 自分のアプリに Jasmine
のテストを書く MYAPP/Resources/spec/xxx_spec.js • テストを TiShadow ΞϓϦͰ࣮ߦ $ tishadow spec ?
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速自動テスト テストケース書いたらただͻͨ͢Β $ tishadow
spec {
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速自動テスト Demo
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速自動テスト ! ご覧のとおり全デバイス上で 一括テストが可能です
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速、おまけ
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速、おまけ ところで、Grunt.js って御存知ですか? ?
Ti.Developers.meeting vol.6 in Osakan Space \ コレ超便利 /
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速、おまけ ? • 流行りのコマンドラインビルドツール
• Ti 開発でも Grunt.js を使うといい • Lint 系ツールなどの連携
https://github.com/astronaughts/grunt-tishadow Ti.Developers.meeting vol.6 in Osakan Space \ テキトー過ぎだけど、とりあえずつこてみなはれ /
grunt-tishadow 作りました
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速、おまけ ?• grunt-tishadow のインストール
$ npm install grunt-tishadow • Gruntfile.js にタスクをセット watch, jsHint, tishadow spec • grunt watch にファイル保存毎にタスク実行 $ grunt watch
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速、おまけ {自分のアプリを修正したらただͻͨ͢Β 勝手にタスク実行される
Ti.Developers.meeting vol.6 in Osakan Space TiShadow で爆速、おまけ Demo
Ti.Developers.meeting vol.6 in Osakan Space URL “• tishadow https://github.com/dbankier/TiShadow •
jasmine http://pivotal.github.com/jasmine/ • grunt http://gruntjs.com/ • grunt-tishadow https://github.com/astronaughts/grunt-tishadow
Ti.Developers.meeting vol.6 in Osakan Space End Rapid Prototyping by TiShadow
TiShadow で iOS / Android アプリのプロトタイプを爆速で作る方法