Пользователь
0,0
рейтинг
23 ноября 2012 в 22:51

Разработка → Онлайн-инструменты для кодеров

Онлайн-сервисы становятся все популярнее, постепенно усложняя функционал и улучшая интерфейсы. В этой подборке представлены онлайн-инструменты для кодеров.

Cloud9


«Это Google Docs, только для кода» — так говорят о проекте. Облачный сервис вырос из Mozilla Bespin. Основные фишки: SSH, drag-and-drop и возможность разработки оффлайн.



Koding (публичная бета)


Koding.com — среда разработки с предустановленным веб-сервером и элементами социальной сети. Этот сервис уже представляли на хабре, топик даже вызвал хабраэффект и нашествие троллей. Сервис до сих пор находится в стадии публичной беты.



CodePen


Инструмент для фронт-энд разработки, позволяющий легко оперировать с CSS/HTML/JS-конструкциями, позволяет подключать js-библиотеки: jQuery, MooTools и т.д. Авторы — Alex Vazquez, Tim Sabat и небезызвестный Chris Coyier.



JSFiddle


Один из самых популярных инструментов для работы с JavaScript/HTML/CSS/SCSS. Прост, удобен, умеет подключать дополнительные библиотеки.



Dabblet


Аналог предыдущего сервиса с достаточно приятным интерфейсом.



Pastebin.me


Сервис для настоящих любителей минимализма — никаких лишних элементов в интерфейсе, только самое нужное, только хардкор.



CSSDesk


CSS-песочница с приятным и удобным интерфейсом.



jsdo.it


Кодинг-сообщество для фронт-энд разработчиков. Подходит для экспериментов с HTML5, WebGL, JavaScript и многим другим — функционал впечатляет.



Tinker


Простая JS/HTML/CSS-песочница.



Tinkerbin


Еще одна простая аналогичная песочница.



SQL Fiddle


Инструмент для работы с SQL-базами от разработчиков с Аляски.



ReFiddle


Сервис для работы с регулярными выражениями на Ruby, JavaScript и .NET.



CSSDeck


Сайт для демонстрации различных CSS-эффектов, можно посмотреть рейтинг самых популярных, там много интересного.



JS Bin


HTML/CSS/JS плюс консоль.



Thimble


Разработка от Mozilla, код и его результат отображается на одной странице в режиме реального времени.



Liveweave


Очень простой в использовании — никакого логина, шаринга, только окна с кодом и результатом.



Google Code Playground


Сервис для работы с Google API.



Compilr


Полноценная среда разработки, интерфейс реализован с использованием всеми любимого фреймворка — Twitter Bootstrap.



Знаете еще подобные сервисы? Пишите в комментарии — добавлю.
@grokru
карма
407,0
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Спецпроект

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

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

  • +1
    Как раз недавно такой вопрос задавал. Спасибо за статью, отличная подборка.
  • +1
    codeanywhere.net — web based редактор кода, работает с FTP, SFTP, Dropbox, есть песочница
  • +2
    Спасибо за подборку, в избранное
  • +3
    Недавно смотрел Exo IDE, выглядит приятно — cloud-ide.com/
  • +5
    Cloud9 действительно отличная штука, особенно c учетом интеграции ide с github и bitbucket.
    • 0
      Скажите, а какая польза от этой интеграции? Я уже несколько месяцев для разработки на node.js использую исключительно с9, но с битбакетовским гитом работаю через консоль.
      • 0
        Во-первых, все ваши гитхабовские и битбакетовские репозитории сразу же доступны для работы в ide, во-вторых, в самой ide есть git-овская консоль (Tools->Git), т.е. всю свою работу вы можете делать имея один лишь браузер.
      • 0
        А как там с БД? Можно как-то SQL прикрутить?
        • 0
          Мы на своём проекте используем MongoDB на бесплатном аккаунте у mongolab.com/. Для разработки этого с головой хватает. Думаю, и для MySQL можно найти подобные решения.
  • +4
    rexv.org — еще одна тулза для регулярок
    fiddlesalad.com — поддерживает обширный набор технологий: HTML, HAML, Zen Coding, Markdown, CoffeeCup, Jade, CSS, SCSS, SASS, LESS, Stylus, JavaScript, CoffeeScript, Python, Roy
    • 0
      regexhero.net/tester/ — регулярки для .net
      Можно получить код на C#, посмотреть доки по выражениям, оценить время работы
  • +8
    Еще есть Ideone, который позволяет компилить и запускать куски кода на куче разных языков.

    Часто встречал (и сам использовал), например, в ответах на Stack Overflow. Пишется кусок кода и дается ссылка на результат выполнения.

    Описание с сайта:
    What is ideone?
    Ideone is something more than a pastebin; it's an online compiler and debugging tool which allows
    to compile and run code online in more than 40 programming languages.

    How to use ideone?
    Choose a programming language, enter your source code and input data into text boxes. Then check or uncheck run code (whether to execute your program) and private (whether not to list your code in the recent codes page) checkboxes, click the submit button and watch your snippet being executed.
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Еще один сервис Codeanywhere
  • +1
    Пользуясь случаем, рекомендую Cloud9. Для экспериментов с Node.js это самое то, учитывая тестную интеграцию с Github'ом и Heroku.
  • НЛО прилетело и опубликовало эту надпись здесь
    • НЛО прилетело и опубликовало эту надпись здесь
      • +7
        image
        • НЛО прилетело и опубликовало эту надпись здесь
          • НЛО прилетело и опубликовало эту надпись здесь
            • НЛО прилетело и опубликовало эту надпись здесь
  • +1
    только пользы пост. в копилочку:
    www.pythonanywhere.com
  • +1
    забыли про CIBox.org
  • 0
    http://www.sharelatex.com/ — не совсем программерский, но тоже полезный облачный сервис.
  • +2
    Coderun — онлайн IDE PHP, JS, C# (пробовал только PHP, подтормаживает)
    Codepad — аналог pastebin
    Cleanroom — онлайн редактор HTML+JS с проверкой JSLint
    RegExr — проверить регулярные выражения (сайт на flash), есть свой каталог

    Генераторы:
    http://www.css3maker.com/ — повороты, анимация и т.д. CSS3
    http://www.cssbuttongenerator.com/ — кнопки CSS3
    http://www.noisetexturegenerator.com/ — генератор noise-текстуры
    JotForm — генератор форм
  • 0
    online-php.com/ — онлайн IDE PHP
  • 0
    www.devwik.com/ — онлайн-ИДЕ написанная на Meteor.js
  • +1
    Иногда использую для теста регулярок: www.rubular.com
    JSON посмотреть, это делаю на json.parser.online.fr или на jsonviewer.stack.hu (этому можно скармливать урл)
    Бывает выручает чудо-wildcard DNS xip.io
    Заголовки HTTP можно посмотреть на hurl.it
    И еще один простой SQL-sandbox sqlize.com
  • 0
    thecodeplayer.com не совсем по теме, но позволяет просматривать код и процесс его написания поэтапно.
  • +2
    К сожалению, в статье совсем не сказано, зачем это нужно и чем это лучше локального редактирования и хранения кода в dvcs. Как я понял, cloud9 можно использовать для парного программирования, но часто ли это используется? JS-песочницы — тоже понятно.

    Мог бы кто-то привести примеры использования подобных систем?
    • 0
      Мы с другом Cloud9 используем, вот уже несколько месяцев, для полноценной разработки NodeJS/HTML5 приложения. Там можно дебаггить серверный джаваскрипт, что даёт с9 большое преимущество перед тем же koding.com.
      Парной разработкой тоже часто пользуемся — голосом говорим по скайпу, а код печатаем/показываем просто своим курсором, положение и действия которого синхронизируются через сервер.
      Линуксовый терминал — практически полноценный, гитом через него весьма удобно пользоваться.

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

      В общем говоря, пример использования — полноценная разработка + дополнительные плюшки :)
  • +1
    Plunker — аналог jsfiddle, но умеет работать с несколькими файлами
  • +1
    gskinner.com/RegExr/ — Intuitive tool for learning, writing, and testing Regular Expressions.
    P.S. Уже было, не заметил.
  • 0
    www.scalakata.com — минималистское online ide для scala
  • 0
    Усложняя возможности?
    • 0
      Спасибо, исправил
  • +1
    Есть ещё writecodeonline.com/javascript/ и writecodeonline.com/php/ — из ссылок понятно какой код там можно выполнить
  • +1
    Спасибо, а хоть один из этих инструментов существует в opensource? Чтобы можно было бы поставить на свой хостинг, типа jsfiddler или CodePen?
    • +1
      github.com/ajaxorg/cloud9/ как минимум
      • +1
        Кстати говоря, koding.com свой дефолтный редактор кода позаимствовали как раз у с9 :)
        • +1
          А те из mozilla Bespin/Skywriter. Опенсорц:)
          • +1
            Редактор ACE — изначально опенсорсный проект Cloud9. Просто потом они объединили усилия со Skywriter.
  • +1
    collabedit.com — онлайновое совместное редактирование кода
  • +1
    repl.it – онлайн-REPL для Ruby, Python, Lua, Scheme и других языков, которые выполняются в браузере (JS)
  • –2
    twitter bootstrap очень красиво подает примеры использования своих компонентов, JQuery тоже — оба на своих сайтах. Почему-то их в списке нет.
  • 0
    ТС, огромнейшее тебе спасибо за sqlfiddle.com/!

    Если это то, что я думаю — то весьма поможет мне для одной статьи. Да и вообще без него теперь моветон будет писать статьи на тему SQL`я.
  • 0
    xpathr.com — тестирование XSLT-шаблонов.
  • НЛО прилетело и опубликовало эту надпись здесь
    • 0
      Идея бомбовая. Нужно авторам совет дать.
  • 0
    курс по Python на coursera.org преподают в www.codeskulptor.org
    питон там немного урезанный, но зато можно писать и запускать прямо в браузере. народ более-менее продвинутый отрывается по полной
    www.youtube.com/watch?v=VScXq7wKYXA
    www.youtube.com/watch?v=w_Jgb6YugRo
  • +1
    Eclipse Orion — онлайн IDE для JavaScript, HTML, CSS. Java разработка пока не поддерживается, только подсветка синтаксиса.
  • 0
    Для любителей Cloud9 и HTML5 есть еще:
    Intel® HTML5 Development Environment BETA
    Там есть дополнительные «плюшки» в части поддержки разных выходных форматов и встроенного эмулятора.
  • 0
    Chpokk для .Net проектов.

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