Как стать автором
Обновить

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

Время на прочтение2 мин
Количество просмотров1.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
Теги:
Хабы:
Всего голосов 46: ↑34 и ↓12+22
Комментарии12

Публикации

Истории

Работа

Swift разработчик
25 вакансий
iOS разработчик
18 вакансий

Ближайшие события

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
19 сентября
CDI Conf 2024
Москва
20 – 22 сентября
BCI Hack Moscow
Москва
24 сентября
Конференция Fin.Bot 2024
МоскваОнлайн
25 сентября
Конференция Yandex Scale 2024
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн