Pull to refresh

Live-прототипирование приложений на Titanium с использованием Livetanium

Reading time2 min
Views1.7K
Наверняка многие из вас слышали о платформе Titanium Mobile от Appcelerator, которая позволяет разрабатывать нативные приложения под iOS и Android c использованием JavaScript (для тех кто не слышал и не пробовал, добро пожаловать). Я работаю с Titanium около 10 месяцев и меня практически все устраивает, но есть одна проблема, после использования XCode и Interface Builder работа над интерфейсом программы раздражает: Titanium не поддерживает nib-файлы, а это значит что размеры элементов приходится подгонять вручную и нет возможности использовать какие-то элементы повторно (частично эту проблему решает JSS, работает по аналогии с CSS). На самом деле проблема не в том чтобы подгонять размеры вручную (например, при html-верстки я давно отказался от WYSIWYG-редакторов и использовал vim), а в том что после внесения изменений нужно ждать компиляции и установки программы в симулятор/эмулятор, а ведь так не хочется тратить на это время.

Jacob Waller придумал интересное решение данной проблемы (в блоге Appcelerator анонс был аж 3-го декабря прошлого года, но я не дождался топика об этом на хабре): Livetanium, благодаря которому можно забыть о времени компиляции и установки — изменения можно наблюдать в симуляторе или на девайсе сразу после сохранения файла.

Скринкаст демонстрирующий возможности Livetanium:


Пока Livetanium находится в состоянии ранней беты и работает только под iPhone, но это не мешает опробовать его. Для этого нужно:
  1. Установить node.js:
    $ git clone git://github.com/ry/node.git; cd node
    $ export JOBS=2 # optional, sets number of parallel commands.
    $ mkdir ~/local
    $ ./configure --prefix=$HOME/local/node
    $ make
    $ make install
    $ export PATH=$HOME/local/node/bin:$PATH
  2. Скачать Livetanium:
    $ git clone git://github.com/krawaller/Titanium-Tools.git
  3. Настроить Livetanium: изменить в файле Titanium-Tools/Resources/app.js строку 53
    K.watch("192.168.10.236", 8128, win); # ip, port, window
  4. Запустить node.js сервер:
    $ node Titanium-Tools/Resources/server.js
  5. Импортировать Titanium-Tools в Titanium Developer
  6. Запустить проект в симуляторе или на девайсе и попробовать поиграться с файлом Titanium-Tools/Resources/Livetanium/demo.js
Tags:
Hubs:
Total votes 46: ↑34 and ↓12+22
Comments12

Articles