Компания
28,61
рейтинг
30 октября 2013 в 21:51

Разработка → Используем планшет как второй монитор для разработки

image

Для разработки в стиле livecoding нужен второй монитор. А если его нет?

COLT в своей поставке включает в себя web-сервер, который запускает тестируемую html страницу по сетевому адресу. Что наводит на простую мысль о том, что если у вас есть ipad (или другой планшет) то можно воспользоваться им для разработки как второй монитор.

Как настроить.

Открываем редактор с проектом и запускаем COLT.

image
image

Жмем на «зеленую молнию» и открываем страницу в браузере.

image
image

Берем планшет, убеждаемся что он в той же сети и вводим адрес, с которым в браузере наша страница открылась.

image

Изменяем код на компьютере и мгновенно видим результат на планшете.

image

Для того чтобы еще упросить процесс открытия проекта, мы сейчас занимаемся разработкой мобильного приложения, которое будет показывать список всех открытых в локальной сети приложений, запущенных через COLT. Останется только нажать на ссылку.

Сайт проекта — codeorchestra.com
Автор: @codeorchestra
CodeOrchestra
рейтинг 28,61
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Комментарии (13)

  • +1
    Чем принципиально отличается от xAMP и иных сборок для локальной разработки?
    • 0
      Сервер? Мы используем Jetty. Кажется должны работать SSI. Если нужно что еще включить — скажите.
      Если наш сервер не устраивает, используйте свой — укажите в настройках COLT папку куда класть трасформированный js/html — custom output — и запускайте со своего сервера — укажите на планшете адрес своего сервера.
      • +1
        Не совсем верно донес мысль, видимо.

        В чем отличие от связки любого используемого IDE и xAMP (например), точно так же поднимающего локальный сервер, выполняющий точно такую же роль отдачи страницы любому устройству внутри сети, а в случае бесплатного IDE еще и бесплатно?
        • 0
          Да ливкодинг же. Обновлнение JS, ну и html+css.
          Для ливкодинга нужен все же второй монитор, который не у всех есть, а планшеты часто валяются без дела.
          Вот и мысль — а почему бы как второй монитор не взять планшет и смотреть изменения на нем.
        • 0
          Так мы похоже о разных вещах. Вы говорите о поднятии сервера для локальной разработки. Я же описывал кейс с ливкодингом. Сервер тут второе, и даже десятое.
  • 0
    А можно как-то таким образом сервер рельсов запустить?
    • 0
      Должны, если указать custom-output на ваш сервер. Трасформированный JS/HTML будет складываться в вашу папку. Если есть идеи/проблемы по этому поводу — пишете в наш треккер.
  • 0
    Пока только JavaScript & ActionScript? Планируются другие языки?
    • 0
      Да, мы планируем добавить поддержку других языков. Java, Objective-C, С#, С++ примерно такой порядок добавления языков мы планируем.
    • 0
      Есть какие-то пожелания?
  • 0
    Я верстальщик и дизайнер в одном флаконе. Для меня намного важнее, чем для обычного верстальщика (где psd-макет → верстка), видеть результат кода сразу, без перезагрузки, в live-режиме. Но я не макоюзер. Поэтому я решил проблему так:
    Для веб-разработки я использую запущенный денвер, встроенный в less live-компилятор (#!watch).
    Обновляется на планшете и телефоне в live-режиме, но с задержкой около секунды, а то и двух. Хочется, конечно, мгновенности. Может быть кто подскажет? Если кому-то интересно, как я это сделал — могу описать подробнее.
    UPD. Разрабатываю в основном адаптивный дизайн, так что планшет/телефон скорее необходимость, нежели костыль в отсутствии второго монитора.
    • 0
      Про «не макоюзер» — не совсем понял. Нужен линукс? COLT у нас mac/win. Добавим еще linux, попозже.
      И да, обновление у нас доли секунды. Попробуйте. Можно запустить сразу на нескольких устройствах.
      Less/SASS/CoffeeScript у нас будет завтра.
  • 0
    Пользуюсь iDisplay для похожих целей. Приложение платное, но не дорогое.
    iDisplay превращает сенсорный экран вашего телефона или планшета с Андроид ОС в дополнительный монитор для вашего Windows или Mac компьютера.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Самое читаемое Разработка