Coda программа для программирования
Coda — новый сервис для редактирования документов и совместной работы. Так же как и Notion или Evernote, Coda позволяет создавать файлы, добавлять в них текст, таблицы, списки, загружать изображения и другие элементы.
Для создания проекта нужно кликнуть на кнопку New Doc. Вы можете начать всё с чистого листа или выбрать один из шаблонов.
Внутри проекта вы можете создавать неограниченное количество отдельных документов.
Цель Coda — уместить в одну платформу функциональность множества сервисов. В итоге получается некий комбайн. Благодаря этому в одном документе у вас могут «уживаться» текст, изображения, диаграмма Ганта, to-do-лист, канбан-доска, видео с YouTube и ещё много чего.
При этом вы в любой момент можете изменить отображение каждого элемента. Например, сейчас вам нужна таблица, но за пару кликов можно сделать из неё календарь или диаграмму.
Чем Coda отличается от других инструментов
Я не зря сравнивал Coda с другими сервисами: у него действительно есть много общего с Notion, Evernote или Dropbox Paper. Тем не менее отличий и особенностей также достаточно. Среди них:
- Графики. Coda — настоящий рай для хардкорных фанатов Excel и графиков. В нём доступны диаграммы Ганта, столбчатые, круговые, пузырьковые и другие виды диаграмм.
- Кнопки и другие элементы. С их помощью вы сделаете документы интерактивными и удобными в использовании. Например, Coda позволяет создать кнопку для голосования.
Или сделать слайдер, отображающий сложность задачи.
- Формулы. Работают почти так же, как в «Google Таблицах», Excel и других подобных программах. При этом вам не потребуется при составлении формул применять названия ячеек (например, B3 + A7 + C42). Вместо этого в Coda достаточно указывать названия строк и столбцов, что гораздо интуитивнее.
Для чего можно использовать Coda
1. Личные заметки и документы
Несмотря на все крутые функции для работы с графиками и таблицами, никто не запрещает использовать Coda как красивый заметочник. Особенно учитывая, что его прямые конкуренты в лице Evernote или Notion требуют денег для полноценной эксплуатации.
2. To-do-листы
Если вы ищете сервис, который без дополнительных вложений позволит создавать простые списки дел или покупок, Coda вполне для этого подойдёт. Но, конечно, более узконаправленные инструменты сервис заменить не сможет. Например, в Coda не получится устанавливать напоминания к задачам или привязывать их выполнение к определённым местам на карте, как в Todoist.
3. Командные проекты
На этом делают акцент и сами создатели сервиса: для Coda существует множество шаблонов, посвящённых именно взаимодействию в командах. Запуск нового продукта, планы по достижению целей, поиск новых сотрудников, итоги совещаний — всё это можно фиксировать в Coda.
4. CRM и базы знаний
Вы легко сможете вести учёт клиентов или создать собственную Wiki без покупки дорогих выделенных решений.
При этом вам не обязательно продумывать структуру проекта и добавлять все элементы самому: разработчики и сообщество Coda создали разные виды шаблонов, которые легко установить и модифицировать под свои задачи.
Coda — гибкий инструмент, объединяющий функциональность множества приложений, среди которых канбан-доски, заметочники, редакторы текста и таблиц и многие другие.
Благодаря тому, что он в чём-то похож на прочие сервисы, разобраться в Coda легко. Тем не менее есть и странности. Например, в терминологии: проекты тут называются doc, а вот сами документы — sections. Понятно, что разработчики хотели избежать сравнений с «Google Диском» или Evernote. Но в своём стремлении они зашли слишком далеко, и такие не самые понятные термины могут запутать новых пользователей.
Также стоит сказать, что для размещения документов используются ресурсы «Google Диска»: все ваши проекты хранятся в его главной папке.
Мне показалось это не самым удобным решением. Как минимум разработчики могли сделать так, чтобы все файлы из Coda попадали в отдельную папку.
По скорости работы веб-версии вопросов нет: всё загружается быстро. К сожалению, того же нельзя сказать про версию для смартфонов на Android. У неё низкая производительность, и об этом говорят отзывы и оценки пользователей в Google Play.
Достойные софтверные продукты, как известно, появляются довольно редко. И дело здесь именно в однобокости (узкой специализации, если хотите) разработчиков — есть масса программ, отлично выполняющих какие-то функции, но встретить одно решение, которое будет красивым, удобным и функциональным одновременно — большая редкость.
Возьмем, скажем, набор программ для веб-разработчиков, сетевых авторов, или верстальщиков: если вы, например, редактируете какой-то HTML-код на сайте, вам нужно иметь открытым текстовый редактор, FTP-клиент, браузер (для просмотра результатов деятельности), иногда терминал и пару книг… Словом, индивидуальный набор любимых приложений, каждое с необходимыми настройками, своим неповторимым интерфейсом и особенностями. Честно говоря, мы и не рассчитывали на то, что появится одна программа, качественно выполняющая все эти функции — ведь это больше похоже на утопию, были бы для начала хорошими отдельные приложения. Однако новое детище компании Panic нас приятно удивило и заслуживает обязательного рассмотрения.
Напомним, что Panic известна многим Mac-пользователям своим FTP-клиентом Transmit, пожалуй, самым популярным на данный момент (есть у нее и несколько других продуктов, но гораздо менее известных).
После открытия сразу привлекает взгляд довольно симпатичный внешний вид программы. Функционально левая панель (sidebar) предназначена для локальной и удаленной (FTP) навигации: вкладки Local и Remote, соответственно. Структура папок представлена в виде list-view, изменить это отображение нельзя, однако вряд ли многие захотят это сделать — после непродолжительного использования для соответствующих задач оно кажется оптимальным.
В верхней панели расположены шесть режимов работы и традиционная строка поиска, но не по содержимому файла, а по названию — то есть, если у вас слева огромный список файлов, вам эта функция пригодится. Для поиска по самому документу вы можете использовать традиционное клавиатурное сокращение CMD+F. Но вернемся к нашим шести режимам работы. Перед тем, как мы их рассмотрим, стоит отметить, что, в отличие от многих программ, toolbar здесь не редактируется — для кого-то это может быть минусом.
Sites
Здесь хранится список ваших сайтов — словом, настройки FTP и SSH-соединений, а также пути локальных папок, соответствующих содержимому этих сайтов (для синхронизации и прочих прелестей жизни). После ввода данных сервер автоматически загрузит скриншот вашего сайта (по указанному в настройках сайта URL) и симпатично оформит в виде слегка согнутого листка, закрепленного скотчем. При двойном клике на нем производится подключение к соответствующему FTP-серверу, Coda переходит к вкладке Edit, а в sidebar-е вы можете путешествовать по содержимому сервера. Программа открывает все документы, которые были открыты в предыдущий раз работы с этим сервером.
Edit переводит Coda в режим текстового редактора (для редактирования, в том числе и кода, конечно: для раскрашивания содержимого файла поддерживаются синтаксисы HTML, CSS, Java, JavaScript, Perl, PHP-HTML, Python, Ruby, SQL, XML. В нашей статье в качестве примера мы будем приводить работу с HTML-документом — тем самым, который вы сейчас читаете). В левой панели достаточно выбрать файл, что самое приятное, файл можно открыть прямо с FTP, а при его сохранении он автоматически обновится на сервере. То есть, нет нужды вручную копировать файл к себе, открывать его локально, затем сохранять и закачивать на сервер, что особенно утомительно при частых действиях вроде небольших правок текста или кода (впрочем, мы рекомендуем время от времени копировать его и локально — мало ли что с FTP случится). Если вы предпочитаете всегда работать с локальными файлами, а только потом их закачивать на сервер, то кнопка «Publish all» будет как нельзя кстати (по-умолчанию, в случае наличия файлов с одинаковыми названиями локально и на сервере, появится вопрос с требуемым действием: заменить или проигнорировать, который успешно отключается в настройках, скриншот которых вы увидите почти в конце статьи).
Возможности FTP-клиента проявляют себя самым лучшим образом — сказывается многолетний опыт создания Transmit. В Coda используется самый современный движок Transmit Turbo, и при хорошем канале связи забываешь, что работаешь на удаленном сервере.
Стоит нажать привычную комбинацию клавиш CMD+T, или плюс под кнопками шестью режимов работы, как откроется новый tab с пустым документом (разумеется, при открытии нового документа он тоже появляется в новом tab-е, а не в новом окне).
Coda успешно работает с российскими кодировками — никаких сложностей здесь возникнуть не должно.
Довольно часто возникает ситуация, когда над одним и тем же документом работают одновременно или в разное время несколько людей. Те, кто с этим сталкивался, наверняка смогут красочно описать количество потерянных нервных клеток из-за такой задачи: копии документов разбросаны по разным местам, никто не знает, у кого находится самая свежая версия документа и кто делал какие исправления… В итоге часто получается, что человек, который решил поставить запятую в своем тексте, стирает работу редактора, корректора и верстальщика вместе взятых только потому, что перед редактированием использовал старый документ, а не скачал новый с сервера. Словом, вопрос совместной работы очень актуален. Если вы занимались его решением на Mac, то наверняка встречали программу SubEthaEdit от компании The Coding Monkeys. Ее разработчики серьезно подошли к вопросу совместной работы над документами — продукт получился хороший. К счастью, Coda поддерживает движок SubEthaEdit, поэтому вы можете одновременно работать с другими пользователями Coda и/или SubEthaEdit, видя изменения каждого из участников и имея всегда свежую версию документа (кнопка «Share» внизу позволит вам настроить общий доступ).
Помимо tab-ов, вы можете разделить рабочую область окна Coda (где вы редактируете текст) на несколько частей, горизонтальных или вертикальных, и открыть в каждой из них документ. Таким образом, например, вы можете сравнивать различные файлы. Особенно приятно, что вы можете иметь в разных частях разный тип отображения — например, слева редактировать код сайта, а справа открыть превью и сразу отслеживать то, как вы влияете на конечный результат. Или открыть в другой части окна книгу с синтаксисом языка HTML (об этом мы поговорим позже). При этом, открыть несколько полноценных окон Coda (как вы, возможно, привыкли в других программах) не получится — при нажатии CTRL+N открывается новый tab. Впрочем, сложно представить ситуацию, когда это может понадобиться — ведь есть возможность открыть несколько tab-ов и разделить окно на несколько частей для работы с различными документами.
На скриншотах выше показаны варианты использования двухпанельного режима: слева открыто редактирование HTML-документа, а справа редактирование второго/предпросмотр/открытая книга.
Приятно наличие возможности вставки заранее подготовленных фрагментов текста (кода). Такая функция получила название Clips, для ее использования достаточно нажать на одноименную кнопку внизу окна Coda.
В программе присутствует также возможность проверки кода на синтаксические ошибки. Правда, пока эта функция как-то странно работает — например, в HTML пропускает многие ошибки, зато уверенно показывает почти на каждую букву в каждом слове в некоторых абзацах.
Функция автозаполнения предлагает выбрать варианты содержания тегов и автоматически ставит закрывающий сразу после набора открывающего (в тех случаях, когда он нужен, конечно). Если этого недостаточно, то можно включить подсказки — внизу окна есть кнопка, при нажатии на которую над ней появляется строка с форматом того тега, который вы начали набирать.
Preview
Лишний раз приводить скриншот превью мы не будем — чуть выше показан пример работы Preview в двухпанельном режиме.
Редактирование CSS сделано интуитивно понятным — в нем разберется даже новичок.
На скриншотах показаны два варианта работы с CSS-стилями: визуальный и текстовый.
Terminal
В Coda присутствует полноценный terminal с возможностью подключения к серверу по SSH. Он также поддается гибкой визуальной настройке — вы можете настроить шрифт, цвет букв и фона.
Books
В Coda есть четыре встроенных справочника по языкам HTML, CSS, JavaScript и PHP. Они пригодятся опытным пользователям — время от времени почти у всех возникает желание посмотреть значение тех или иных тегов. Правда, стоит отметить, что каждая страница загружается из интернета, так что владельцам ноутбуков подучить язык в дороге вряд ли получится. В то время, такой подход дает надежду на дальнейшее пополнение библиотеки новыми книгами.
Настройки
Настроек в программе достаточно, а интерфейс сделан удобно, приведем скриншоты каждого раздела, в пояснениях и комментариях они вряд ли нуждаются:
Веб-разработчику, как правило, приходится иметь дело с несколькими рабочими инструментами — с HTML-редактором, CSS-редактором, FTP-клиентом, терминалом. Полезными будут и руководства в электронном виде (поскольку эта версия позволяет осуществлять поиск). И выбор очень прост — либо искать лучшую программу в своей области, а затем устанавливать кучу утилит, либо постараться найти одно многофункциональное приложение. Примером второго варианта является программа Coda.
Попытки создать инструмент веб-разработки «всё в одном» часто оканчивались безуспешными, поскольку в итоге получался монстр с запутанным интерфейсом и медленным запуском. Программистам из Panic этого удалось избежать и потому Coda прекрасна.
HTML-редактор у Coda очень неплох. Помимо подсветки синтаксиса (HTML, CSS, Javascript, Java, Perl, PHP, Python, Ruby, SQL, XML) и поддержки кириллических кодировок (последнего лишен Textmate по идейным соображениям) мне понравилась возможность работы с несколькими документами одновременно (они открываются в отдельных вкладках). Интересной выглядит идея вставки фрагментов текста/кода с использованием триггеров. Работает эта фича следующим образом: вы заранее определяете какой-то кусок кода (или текста), который требуется регулярно вставлять (lorem ipsum, доктайп и т.д. и т.п.), затем набираете триггер (например, text TAB) и фрагмент вставляется. Это исключительно полезная фича.
Есть встроенный валидатор, который еще и визуально красив. Если вы допустите ошибку, щелкните по треугольнику в боковой колонке. Появится всплывающая подсказка, которая сообщит, какое именно правило было нарушено. Кстати, работать над кодом могут несколько человек, используя Bonjour.
CSS-редактор также хорош. Пользователь добавляет новые элементы, классы, указывает свойства. Правда в основном, как мне показалось, CSS-редактор создавался с оглядкой на новичков. Им действительно будет удобно работать с ним. Единственное, что не понравилось — нельзя просматривать только внесенные изменения.
FTP-клиент может подхватить настройки (логины/пароли) из Transmit, если он был ранее установлен. Вместо привычного меню со списком FTP-серверов здесь пользователь увидит эскизы сайтов. Выглядит симпатично:
Как я уже сказал ранее, Coda поставляется с набором электронных книг. Это справочники по HTML, CSS, JavaScript и PHP. Прямо из программы вы можете осуществлять поиск по содержанию книг. Но что еще более понравилось — возможность искать из HTML-редактора. Скажем, выделяете какой-нибудь фрагмент кода, нажимаете ⌘+’ и программа ищет код уже в справочниках.
Несмотря на большое количество возможностей, Coda имеет изумительный интерфейс. Фактически вы получаете однооконную среду для веб-разработки. Многие верстальщики отмечают как основное удобство работы с программой — возможность перехода из HTML- или CSS-редактора в терминал и обратно.
23 апреля 2007 года. Это был день, когда Panic представила программу Coda 1. Идея Coda была революционной: одно приложение, одно окно на весь процесс веб-разработки. Это было правильно и удобно. В 2007 году разработчики выиграли Apple Design Award за лучший пользовательский интерфейс. До Coda существовали такие приложения как TextMate, BBEdit, Espresso MacRabbit и CSS Edit. Да, был еще Dreamweaver, но не все хотели тратить на него деньги. Coda стала настоящей революцией. До её выхода разработчикам требовался целый ряд различных инструментов. Нужен был редактор для написания кода, FTP клиент для загрузки и скачивания файлов с сервера и браузер, чтобы проверять свою работу. В некоторых случаях разработчикам требуется SSH терминал и работа с БД. Coda вобрала в себя всё лучшее и необходимое, став действительно комплексным и самодостаточным инструментом.
Coda 2 — это полностью обновленная версия Coda 1, но построенная по тому же принципу. После запуска приложения перед пользователем открывается рабочая область. На главном экране отображаются все проекты. Вы можете создавать группы из своих проектов, достаточно лишь перетянуть один проект на другой.
Чтобы добавить новый проект, нажмите + в левом нижнем углу. В появившееся окошко вводятся данные для подключения к серверу.
Особое внимание стоит уделить интерфейсу программы. Он стал гораздо удобнее и эстетичнее. Верхнее меню получило вкладки. Первые две вкладки статические, а остальные — это открытые вами файлы. Первая вкладка ведет на главную страницу программы, вторая открывает файловый менеджер и FTP.
Работа с кодом очень удобная. Coda 2, как и большинство редакторов, поддерживает подсветку кода. Полезнейшим свойством программы является то, что она знает все контейнеры, большинство функций, параметров и прекрасно понимает синтаксис.
Например, Вы начинаете вводить «HT», а программа сразу предлагает вам полный вариант «HTML». Также программа автоматически закрывает контейнеры, кавычки, скобки и тд. В CSS реализована удобная палитра цветов. Вы выбираете на палитре цвет, и программа сразу же ставит его кодовое обозначение. Если же у вас имеется iPad, то Вы сможете просмотреть свою работу на планшете. Для этого поставьте на него Diet Coda, а в Coda 2 нажмите «AirPreview».
Как и любое комплексное профессиональное ПО, Coda 2 — штука не из дешёвых, но она стоит своих денег, и любому серьёзному разработчику стоит обратить на неё внимание.
Знакомьтесь с Coda — универсальным конструктором, который позволяет визуализировать абсолютно любые процессы в разных компаниях. То, для чего раньше требовался десяток приложений (от Excel до Trello или Asana), теперь доступно в одном месте и абсолютно бесплатно.
В Coda мы сможем создавать документы, таблицы, добавлять интерактив, различные графики, карточки канбан (один из методов управления разработкой) и так далее. Всё это обрамляет интересный и очень простой интерфейс, который позволяет также вести совместную работу.
Немного истории
В мае 2019 года Шишир Мехротра в коллаборации со своим коллегой Алексом ДеНуи (бывший гуглер) основали облачный редактор. Ранее, когда Мехротра работал на YouTube, его постоянно напрягали усложнения в инструментах Google Docs и Sheets.
По его мнению, эти инструменты — прошлый век, так как документы на фундаментальном и структурном уровне за 40 лет не изменились.
Принцип работы и возможности
В традиционных таблицах ячейки обозначаются буквой и цифрой, как и в игре «Морской бой». Excel и другие старые документы также требовали, чтобы формулы помещались внутри таблиц. В Coda же они могут быть размещены где угодно: жмём знак «=», и вводим данные из любого места в нашем документе.
В итоге появилась система, которая на текущий момент может быть полезна для чего угодно: от создания приложений до планирования личных мероприятий, или ведения клиентов в CRM для продаж.
Как работать с Coda
Coda предлагает авторизацию через Google-аккаунт, что автоматически даёт взаимодействие с Google Диском. После чего необходимо выбрать роль или просто пропустить этот шаг.
После чего отображается основной интерфейс, в котором с помощью панели управления можно:
- создавать разного рода папки, проекты или документы (тут они называются секции)
- удалять, шарить, экспортировать, вставлять графики, таблицы, карты, медиа и т.д.
- внутри проекта можно создавать неограниченное количество отдельных документов.
С помощью Coda можно, например, указать координаты «GoogleDirections» в формулу, и Coda вставит карту Google с указаниями от исходного местоположения к месту назначения.
Возможности Coda безграничны и глубоки. Сам Мехротра говорит, что он доволен экспериментами, которые он провёл за всё время использования программы. Его дочь, которой 11 лет, легко управляет командой школьной робототехники Lego, используя документы Coda.
Плюсы:
- Бесплатно;
- Coda доступен для смартфонов на Android и iOS, а также в браузере;
- Таблицы Coda могут быть чем угодно: от простого списка с автоматическим цветовым кодированием до сложной модели, которую вы можете найти в программном обеспечении;
- Гибкий, поэтому можно встраивать что угодно (даже формулы), и адаптировать его по мере роста потребностей. Можно отформатировать его так, чтобы он соответствовал нашим собственным визуальным предпочтениям в виде диаграммы Ганта, календаря, доски Канбан и т. д.
Минусы:
- Отсутствие русского языка создаёт немного неприятное впечатление, но разобраться не трудно;
- Некоторые проекты открываются не так быстро, как бы хотелось, но по сравнению с первой версией у второй значительные изменения в лучшую сторону: поиск и переключение секций стали более плавными и быстрыми.
На основе агрегированных данных эти снимки показывают использование групповой документации в течение одной недели. Coda 1.0 была для производителей. Coda 2.0 — для всей команды. Более простой, чистый, быстрый для всех.
Неудивительно, что одиночные пользователи используют документы так же широко и разнообразно, как и сами команды (сотрудничество в Coda принимает разные формы).
Конечно, Coda — не первая компания, которая предприняла попытку переизобретения Microsoft Office. Но ни одно из этих приложений не стало прорывом в моде других современных инструментов на рабочем месте, таких как Slack или Trello. Возможно, за подобными продуктами будущее.
Читайте также: