- Сообщений: 1704
- Спасибо получено: 2735
Программируем онлайн
6 года 10 мес. назад #112591
от yuryol
yuryol создал тему: Программируем онлайн
Список онлайн-редакторов кода, в которых можно кодить и видеть результаты прямо в браузере. Пригодится, если вы решили попрогать в поездке или на чужом или рабочем компе
jsfiddle.net
Плюсы:
Минусы:
Codepen.io
Плюсы:
Минусы:
liveweave.com
Плюсы:
Минусы:
repl.it
Плюсы:
Минусы:
jsfiddle.net
Плюсы:
- подключение фреймворков
- подключение CSS-препроцессоров
- сохранение истории изменений
- возможность кодить без регистрации
- возможность работать совместно без регистрации (подсветка курсоров участников, возможность чатиться, поддержка микрофона)
Минусы:
- при обновлении ссылка обновляется путем приписки "/номер обновления" в адресной строке. неясно как определить какая версия последняя, сколько их всего
- нельзя добавить файл (например, картинку), только ссылку на него
- нет обратной связи типа комментариев, лайков, просмотров
Codepen.io
Плюсы:
- подключение фреймворков
- подключение CSS-препроцессоров
- создание "проекта" - структура папок и файлов.
- есть группировка сохраненных "записей" в коллекции
- есть теги и поиск по ним
- неплохой поиск с живыми превью, возможность посмотреть записи авторов
- возможности соц.сети: комментарии, лайки, просмотры
- написание постов, причем к ним можно добавить свое оформление через CSS
- возможность кодить без регистрации
- можно добавить название и описание.
Минусы:
- нельзя посмотреть со страницы записи в какой она коллекции
- возможность работать в команде только после регистрации да еще и платно
- нет истории изменений
- нельзя добавить файл (например, картинку), только ссылку на него
- многие простенькие вещи платные, например добавление аватара аккаунту. мелочь, а неприятно
liveweave.com
Плюсы:
- удобное подключение фреймворков
- возможность кодить без регистрации
- возможность работать совместно без регистрации (подсветка курсоров участников, возможность чатиться, поддержка микрофона как в фиддле)
- автовыравнивание кода
- скачка написанного кода в zip или html-файл
- дополнительные инстурменты: редактор CSS , редактор цвета с созданием палитры и даже векторный редактор с возможностью экспорта в SVG или PNG . Причем все инструменты можно использовать как отдельную программу онлайн
Минусы:
- не нашел подключение CSS-препроцессоров
- в сравнении с вышеупомянутыми сайтами довольно медленно сохраняет
- нет истории изменений
- нельзя добавить файл (например, картинку), только ссылку на него
repl.it
Плюсы:
- главное преимущество - возможность писать на большом количестве языков, например вот написал простенькую викторинку на питоне
repl.it/@yuryol/Viktorina
- подключение фреймворков
- работа через проводник с доабвлением структуры файлов и папок (как в "проекте" в fiddle)
- возможность работать совместно, со своими преимуществами и недостатками в сравнении с фиддл, напрмиер нет микрофона
- есть удобная история изменений - отдельная вкладка "хистори" со сравнением файла как в гитхабе
- скачка написанного кода в zip
- возможность закачки своей картинки, музыки и т.д.
- автовыравнивание кода
- возможность добавить аватар акаунту
Минусы:
- нельзя кодить без регистрации
- плохой редактор, почти нет помощника в написании кода, большинство ключевых слов приходится писать вручную, в отличии трех вышеназванных
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
6 года 10 мес. назад #112592
от yuryol
yuryol ответил в теме Программируем онлайн
еще пара слов о сайте repl.it
Так как он умеет работать с проектами различной структуры и показывать лайв-превью, то его вполне можно использовать при создании плагинов для мейкера или показа демки
1) Регистрируемся на сайте repl.it
2) Нажимаем кнопочку"new repl", выбираем языки "HTML, CSS, JS"
3) В появившимся окне проекта скидываем файлы демки в проводник в окно 1 на скриншоте. Файл index.html нельзя заменить,поэтому копируем текст из него в файл на сайте (1 на скриншоте). Запускаем проект кнопкой RUN (3 на скрине) и видим окно с игрой (4 на скрине). Затем можно поделиться демкой (5 на скрине). Для игры в полный экран есть специальная кнопка 6
4) Теперь можно играть в свою игру в браузере
repl.it/@yuryol/RPG-maker-MV
Еще один плюс что по этой ссылке можно зайти с телефона и нажав на кнопку полноэкранного режима оценить как игра будет играться с телефона
ИТОГО:
- можно делиться своей игрой кинув просто ссылку
- можно писать плагины не устанавливая РПГ мейкер
- удобно скидывать проекты тому кто может тебе помочь с плагином - он сразу может посмотреть и поправить, ничего не скачивая.
- автоматом получаем резервное копирование проекта, которое никуда не денется
- можно вести командную разработку. пока возможности небольшие - можно чатиться с коллегами, подключатся к их "веткам", скачивать проект
Так как он умеет работать с проектами различной структуры и показывать лайв-превью, то его вполне можно использовать при создании плагинов для мейкера или показа демки
1) Регистрируемся на сайте repl.it
2) Нажимаем кнопочку"new repl", выбираем языки "HTML, CSS, JS"
3) В появившимся окне проекта скидываем файлы демки в проводник в окно 1 на скриншоте. Файл index.html нельзя заменить,поэтому копируем текст из него в файл на сайте (1 на скриншоте). Запускаем проект кнопкой RUN (3 на скрине) и видим окно с игрой (4 на скрине). Затем можно поделиться демкой (5 на скрине). Для игры в полный экран есть специальная кнопка 6
4) Теперь можно играть в свою игру в браузере
repl.it/@yuryol/RPG-maker-MV
Еще один плюс что по этой ссылке можно зайти с телефона и нажав на кнопку полноэкранного режима оценить как игра будет играться с телефона
ИТОГО:
- можно делиться своей игрой кинув просто ссылку
- можно писать плагины не устанавливая РПГ мейкер
- удобно скидывать проекты тому кто может тебе помочь с плагином - он сразу может посмотреть и поправить, ничего не скачивая.
- автоматом получаем резервное копирование проекта, которое никуда не денется
- можно вести командную разработку. пока возможности небольшие - можно чатиться с коллегами, подключатся к их "веткам", скачивать проект
Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.
Время создания страницы: 0.096 секунд
