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
510
Package と Theme の作り方と PackageControl 登録までの道のり
astronaughts
0
360
Sublime Text を 俺色に染める方法
astronaughts
2
910
GRUNT のあんなこといいなできたらいいな
astronaughts
14
2.3k
Re:Development of ChatWork Apps
astronaughts
1
2.1k
Sublime Text 2 for PHP Development
astronaughts
0
240
Titanium ならここまでできる !! Serverside non-programing で作る お手軽 Social Application
astronaughts
1
370
Fathm Like ScrollableView Implementaion for TItanium mobile
astronaughts
3
3.8k
Other Decks in Programming
See All in Programming
CEDEC2025 長期運営ゲームをあと10年続けるための0から始める自動テスト ~4000項目を50%自動化し、月1→毎日実行にした3年間~
akatsukigames_tech
0
140
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
490
未来を拓くAI技術〜エージェント開発とAI駆動開発〜
leveragestech
2
170
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.8k
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
110
新世界の理解
koriym
0
140
あまり知られていない MCP 仕様たち / MCP specifications that aren’t widely known
ktr_0731
0
290
Honoアップデート 2025年夏
yusukebe
1
830
AI OCR API on Lambdaを Datadogで可視化してみた
nealle
0
150
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
12
2.7k
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
230
kiroでゲームを作ってみた
iriikeita
0
180
Featured
See All Featured
A better future with KSS
kneath
239
17k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Site-Speed That Sticks
csswizardry
10
780
Adopting Sorbet at Scale
ufuk
77
9.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Music & Morning Musume
bryan
46
6.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
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 アプリのプロトタイプを爆速で作る方法