Тесей — Постоянные визуализации программирования


Большая проблема с кодом в том, что он ничего не делает, когда вы его пишете. Вы можете увидеть его более динамичную сторону, только когда запустите его, и к тому времени может быть уже слишком поздно. Тесей — это попытка показать вам, что делает ваш код JavaScript при его создании.

Вы должны с теплотой относиться к академической статье, которая начинается со слов:

«Программисты часто ошибаются в том, что на самом деле делает код».

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

Основная идея, лежащая в основе недавней работы Тома Либера, Джоэла Брандта и Роберта Миллера из MIT CSAIL и Adobe Research, заключается в том, что увеличение обратной связи во время редактирования упростит понимание кода. Хотя это кажется достаточно очевидным, настоящая проблема заключается в том, как предоставить эту обратную связь и что оставить.

Тесей пытается предоставить информацию о том, что делает код, не перегружая программиста, скажем, полной трассировкой времени выполнения. Он отображает состояние выполнения в редакторе кода, используя цвет кода и заметки на полях. Функции окрашены в серый цвет, если они не были выполнены, и рядом с ними отображается счетчик вызовов, если они выполнялись.


Добавить комментарий