эмодзи кодом для html

Как вставить эмодзи в HTML?

Эмодзи появились в течение последних тридцати лет и стали чрезвычайно популярными с использованием смартфонов. Хотя изначально молодые люди использовали смайлики в неформальном чате и обмене мгновенными сообщениями, в настоящее время стало обычным использование смайликов в формальном общении. Если вы веб-разработчик, блоггер или владелец сайта, вы также можете вставить смайлики в HTML, как и любой другой текстовый контент. Это сделает ваш контент привлекательным для читателей при чтении в браузере.

Понимание Emoji

Прежде чем продолжить, вот некоторые моменты, которые вам нужно понять об эмодзи.

Не имея клавиш на клавиатуре, давайте посмотрим, как вы можете вставить эмодзи в HTML.

Кодовая точка Юникода

Цель консорциума Unicode — сделать эмодзи стандартными символами, используемыми на всех устройствах и на всех языках. Чтобы выполнить эту задачу, они назначат уникальный код для каждого символа эмодзи с представлением по умолчанию. Разработчики приложений и операционных систем могут использовать этот код для использования представления по умолчанию или настройки внешнего вида. Например, U + 1F609 — это код для популярного эмодзи Winking Face. Вы можете получить кодовые точки из официальная страница смайликов Unicode.

ЭмодзиCodepointШестнадцатеричныйДесятичный
Подмигивающее лицоU + 1F6091F609128521

Как видите, кодовая точка — это не что иное, как шестнадцатеричный код в формате «U + шестнадцатеричный».

Вставить эмодзи в HTML

Вы можете использовать этот шестнадцатеричный код в HTML или преобразовать этот шестнадцатеричный код в десятичный формат и использовать. Эти коды обычно называются escape-объектами HTML или escape-строками. Давайте посмотрим, как правильно использовать эти коды на веб-странице HTML.

Определение UTF в HTML

Как уже упоминалось, первый и важный шаг — убедиться, что в вашем HTML-документе есть метатег charset, как показано ниже:

Полный HTML-шаблон должен выглядеть примерно так:

Обязательно используйте объявление кодировки символов сразу после тега заголовка. Это даст указание браузерам интерпретировать шестнадцатеричные и десятичные escape-строки как правильные символы эмодзи.

HTML-теги для использования с эмодзи

Поскольку смайлики являются текстовыми символами, вы можете использовать любые связанные с текстом HTML-теги для вставки смайлов. Теги абзаца и диапазона — это два простых варианта:

Помните, что обычно тег абзаца создает новую строку, в то время как промежуток продолжается в той же строке. Кроме того, вы также можете использовать эмодзи с другими тегами, такими как

Использование шестнадцатеричного кода в HTML

Давайте возьмем тот же пример смайлика Winking Face. Вы можете использовать следующий формат шестнадцатеричного кода в HTML для вставки эмодзи.

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

Десятичный код эмодзи в HTML

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

Результат будет тот же, что и выше. Единственное отличие состоит в том, что вы можете удалить «x» в синтаксисе при использовании десятичного кода.

Прямая вставка эмодзи в HTML

Хотя два вышеуказанных метода просты в использовании, они не будут работать во всех случаях. Проблема в том, что не все смайлы имеют единую кодовую точку. Есть много символов эмодзи, содержащих комбинацию кодовых точек. Например, код эмодзи ученого — U + 1F9D1 U + 200D U + 1F52C, который нельзя ввести с помощью вышеуказанных методов.

Самый простой вариант — скопировать и вставить нужный смайлик между тегами HTML.

Теперь, когда вы можете задать вопрос, откуда вы можете скопировать все эти символы эмодзи:

Редакторы HTML-документов

Большинство людей используют текстовый редактор для подготовки HTML-документа. Все текстовые редакторы, такие как «Блокнот», «Блокнот ++», «TextEdit», «Скобки» и т. Д., Поддерживают вставку эмодзи, как описано выше. Хотя редакторы, такие как Блокнот, будут отображать смайлы в обычном черно-белом цвете, они будут отображаться сплошным цветом при отображении в браузере.

Обязательно сохраните документ в формате UTF-8.

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для htmlВыберите формат UTF-8

Ниже приведен пример кода в редакторе TextEdit и его отображение в браузере Google Chrome.

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для htmlEmoji в TextEdit и Chrome

Если вы используете приложение для создания своей HTML-страницы, вы можете использовать метод прямой вставки или сочетание клавиш. Помните, что некоторые системы управления контентом, такие как WordPress, используют PHP вместо HTML. Подробнее о вставке эмодзи в WordPress вы можете узнать в отдельной статье.

Отображение новых эмодзи

Как уже упоминалось, внешний вид смайлов может отличаться в зависимости от кодировки символов, используемой этим приложением. Например, Microsoft Edge, Firefox и Chrome могут отображать одни и те же эмодзи в разных форматах. Помимо этого фактора, вы обнаружите, что некоторые символы эмодзи будут отображаться в виде квадратного поля или отображать несколько символов. Это происходит, когда браузер не поддерживает символ смайлика. Unicode выпускает новые смайлики каждый год, и браузерам нужно время, чтобы принять новые символы. До этого времени вместо смайликов вы увидите рамку.

Например, смайлик «Сердце в огне» будет выглядеть как два символа ❤️‍🔥. Вы можете найти все новые символы эмодзи, отмеченные символом ⊛ на официальной странице Unicode. Это означает, что браузеры могут не поддерживать эти символы должным образом, и вам следует избегать их использования на своей HTML-странице.

Источник

Эмодзи в сниппетах

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Методы указания emoji

Разместить символ emoji в HTML-коде страниц можно тремя способами: символом, десятичным кодом и шестнадцатеричным кодом. Причем поисковые системы поддерживают все три способа и в случае с кодовым (а не символьным) обозначением сами преобразовывают код в символ для своих сниппетов.

СпособПример
Символ🌟
Десятичный код🌟
Шестнадцатеричный код🌟

Чтобы быстро найти код для нужного символа, воспользуйтесь поиском Google, где в качестве запроса укажите сам символ и добавьте к нему фразу «decimal code» для получения десятичного кода, либо «hexadecimal code» для получения шестнадцатеричного кода. В 90% случаев Google покажет быстрый ответ с табличкой, в которой будет указан нужный код.

Пример результата поиска по запросу «🌟 hexadecimal code»:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Зоны сниппета с emoji

В сниппете существует множество зон, в которые мы можем добавить emoji. Давайте разберемся какие зоны у него есть и на основе чего они формируются.

Заголовок сниппета

Формируется заголовок сниппета на основе содержимого тега title или тега h1, а также на основе внешних ссылок и других источников. Пример такого сниппета в Яндексе:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

В Яндексе заголовок сниппета часто формируется на основе содержимого поля title микроразметки Open Graph. Такой вариант указания emoji отлично подходит тем SEO-специалистам, которые не хотят включать лишние символы в содержимое тега title, что ухудшает его текстовую релевантность целевым запросам.

Вид в поиске Яндекса:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Описание сниппета

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Список в описании

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Навигационная цепочка

Ни разу не встречал включение emoji в навигационную цепочку в Яндексе, зато в Google попадается регулярно.

Вид в поиске Google:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Быстрый ответ

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Часто задаваемые вопросы

Вид в поиске до вмешательства Google:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Вид в поиске после вмешательства Google:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

События

Вид в поиске Google:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Проблема поддерживаемости emoji

Стоит понимать, что ваши emoji могут не всегда отображаться так как вам хочется. А иногда вообще могут не отображаться у пользователей.

Некорректное отображение

Вид символа emoji в первую очередь зависит от устройства на котором его просматривают. Чаще всего основные платформы вроде Windows, Android и MacOS/iOS создают схожие изображения для символов эмоджи, но бывают и случаи когда вид его значительно отличается в зависимости от платформы. Как например, в данном случае отличается цвет и форма символов:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Бывает что отображение отличается так сильно, что теряется ощущение, которое передает символ. В следующем примере есть милый фиолетовый пиксельный инопланетянин на MacOS/iOS, который превращается в опасного зубастого зеленого монстра при просмотре в Windows.

Отсутствие поддержки

Если вы не гонитесь за последними айфонами новинками техники, то наверняка встречались с ситуацией, когда вместо символа эмодзи у вас отображался пустой квадрат. Это связано с тем, что на вашем устройстве ещё не поддерживается та версия Unicode, в которую включен этот символ.

Какой сниппет мы хотим получить:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Какой сниппет видят 32% пользователей:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Почему это вообще проблема? Потому в указанном примере рост CTR сниппета будет на 32% меньше, чем мог бы быть при выборе поддерживаемого символа.

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

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Да, всё верно, если в момент публикации этой статьи вы попробуйте открыть набор emoji входящий в Unicode версии 13.0, то увидите что ни один символ не отображается.

Популярные ошибки

Изо дня в день встречаю одни и те же ошибки при использовании emoji у SEO-специалистов и вебмастеров.

Экранирование амперсанда и точка с запятой

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

После размещения emoji в CMS проверять его в HTML-коде страницы, чтобы избежать такой обидной ошибки.

Введение пользователей в заблуждение

Не стоит пытаться вводить пользователей в заблуждение своими символами emoji. Опытные пользователи это заметят в Яндексе, а Google просто вырежет emoji из сниппета. Например, Джон Мюллер уже признавался что Google вырезают последовательность символов звездочек из сниппета, так как они похожи на рейтинг в сниппете.

Сниппет, вводящий в заблуждение (Яндекс):

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Сниппет той же страницы в Google:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

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

Агрессивность

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

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

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

У пользователей поиска тоже не вызывает. А значит не надо так.

Сложность восприятия

Злоупотребляя различными символами эмодзи в сниппетах мы усложняем его восприятие пользователями поиска. Гораздо лучше использовать 1-2 тематических символа в одном цвете, чем нашпиговать сниппет всем подряд.

К слову, это даже не моё мнение, а результаты проведенного мной опроса. Спросив коллег и знакомых, по какому из двух сниппетов они скорее всего бы кликнули (сами сниппеты представлены на скриншотах далее), оказалось что 67% опрошенных больше доверяют сайтам с лаконичными сниппетами.

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Кейс по внедрению emoji

Чтобы проверить эффективность использования эмодзи в Google, мной был взят свой статейный сайт с идеями подарков (ru.giftbox.pro). На нём уже больше года ничего не делалось, а потому это лучшая площадка для проведения достоверного эксперимента, на результаты которого не будут влиять другие работы по сайту.

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Были проработаны мета-теги Description, куда в качестве разделителей пассажей были включены символы эмодзи (в виде их десятичного кода).

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

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

Пример микроразметки BreadCrumbs:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Далее были отправлены все измененные страницы на переобход (это более 100 статей), в результате чего символы стали выводиться в сниппете.

Сниппет до внедрения:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Сниппет после внедрения:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Так как выросли позиции и кликабельность сниппетов, то должен был вырасти и поисковый трафик с Google. И он действительно вырос:

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Используйте символы эмодзи в своей стратегии продвижения сайта и делайте это максимально эффективно!

Источник

Смайлы и эмодзи

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Смайлики восхищение, радость

Смайлики виноват, неприятно

Смайлики радость в холодном поту

Катается от хохота

Смайлики слёзы радости

Смайлики немного улыбается

Emoji улыбающийся с улыбающимися глазами

Emoji улыбающийся с сердечками

Улыбающийся с глазами в виде сердца

Целующийся со счастливыми глазами

Игривая улыбка (Инстаграм и ВК)

Показывает язык (Инстаграм и ВК)

Дразнится (Инстаграм и ВК)

Дразнится и сильно смеётся

Лёгкая, приятная улыбка

С перебинтованной головой

Разочарован, но с лёгкостью воспринимает

Грусть в холодном поту

В ожидании триумфа, победы, успеха

С символами через рот

Смайлы частей тела

Смайлики котиков

Эмоджи счастливый кот

Эмоджи кот со слезами радости

Эмоджи улыбающийся кот с глазами в виде сердец

Смайлы эмоций

Два сердечка (эмоции)

Сердечко-восклицательный знак (эмоции)

Головокружение, звёздочки в глазах

Правое гневное облако речи

Смайлики флагов

Символы скрещенные флаги

Символы чёрный флаг

Символы белый флаг

Символы радужный флаг

Эмодзи смайлы наград

Смайлы военной медали

Смайлы спортивной медали

Смайлы золотой медали

Смайлы серебрянной медали

Смайлы бронзовой медали

В компьютерном веке трудно представить дружеское общение без использования смайликов. В последнее время, охватывающее период 3-4 года, смайлами насыщена любая область повседневной жизни, включая показ телевизионных программ, сеть радиовещания, обзоры на канале youtube, а также использование кодов смайликов на страницах популярных соцсетей (Вконтакте, Инстаграм, Одноклассники, твиттер) и непопулярных соцсетях.

Экскурс в историю смайликов

Люди привыкли отсылать улыбающиеся, печальные, удивленные изображения мордашек, цветов и автомобилей, жестикуляций и другие смайлы, которые иллюстрируют и передают эмоции, но мало кому известен факт о том, что они носят название смайлы emoji.

Японский разработчик Shigetak Kurit придумал эмодзи в 1998 году в процессе создания интересного проекта. Япония богата творческими людьми и часто радует нас разновидностями творческих жанров. В наименовании emoji содержится 2 вида иероглифов:»e», обозначающее»рисунок»,»moji,» обозначающее изображение»знака» или»символа».

В Западном мире интерес к миниатюрным жанровым иллюстрациям появился в 2011. Год стал знаменателен для эмодзи включением в типовую систему Unicode. Чуть позднее apple присоединил иллюстрированную систему знаков в клавиатуру, используемую устройствами по регламенту операционной системы iOS. Сейчас не представляется возможной коммуникация на просторах социального мира без применения смайлов.

Использование смайлов и эмодзи

Современная переписка располагает 1017 различными кодами смайликов, чего вполне достаточно для понимания выражаемых эмоций. К сожалению, пока не предусмотрена опция самостоятельной разработки новых смайлов и добавление придуманного в перечень библиотеки. С целью комфортного использования общие 1017 кодов разделены на 24 категории, которые представлены в нижестоящей таблице. К примеру, можно увидеть смайлики на тему лета или новогодних праздников.

В каких случаях используются коды эмоджи

Изображениями смайликов, предложенными нашим сайтом пользуются при создании:

Употребление кодов смайликов выполняется следующим образом:

На нашем сайте вы также можете найти смайлы, которые разбиты на категории: еда, природа, предметы, напитки, животные, люди, тело, спорт, путешествия и другие.

Для удобного использования нами размещена форма комментариев социальной сети (Вконтакте, Инстаграм, Одноклассники, твиттер). Остается копировать понравившиеся смайлы, вставить в текстовое поле и нажать опцию отправления для просмотра внешнего вида.

Предлагаем попробовать не откладывая, чтобы убедиться в простоте функционирования системы!

Источник

Языки программирования на эмодзи, и как можно использовать смайлики в коде

эмодзи кодом для html. Смотреть фото эмодзи кодом для html. Смотреть картинку эмодзи кодом для html. Картинка про эмодзи кодом для html. Фото эмодзи кодом для html

Поговорим о том, как можно использовать эмодзи при написании кода и какие для этого есть специальные языки программирования. А ещё дадим советы программисту, как использовать эмодзи в кодинге (спойлер: добавлять их в комментарии, описания коммитов и даже строки — для оживления логов). Ну, и немного истории появления смайлика.

Как появился смайл

Дело было 39 лет назад, в 1982 году. Америка, Питтсбург, университет Карнеги-Меллон. Молодой учёный-программист Скотт Фалман корпеет над работой по искусственному интеллекту, который тогда только начинал развиваться. И периодически, чтобы отвлечься и проветрить мозги, общается с коллегами из других университетов в «первобытном чате» Arpanet — это была экспериментальная сеть по заказу Министерства обороны США, где можно было создавать доски объявлений и обмениваться на них сообщениями по теме объявления. Надо сказать, что это сейчас мы в чатах проводим больше времени, чем в реальных беседах, а первая в жизни фотография нашего ребёнка прямо из родильного зала летит через чат родственникам. Но тогда даже интернета в нашем пользовательском понимании ещё не было, поэтому и культуры онлайн-общения не было совсем.

Фалман пишет какое-то традиционно ироничное для «чата» сообщение и по реакции коллег понимает, что его иронию не считывают, принимая написанное за агрессию (знакомо, не так ли?). Как показать, что ты пошутил, не вдаваясь в скучное объяснение шутки? Естественный интеллект учёного нашёл решение. Вот что он написал на «доске»:

«Предлагаю следующую последовательность знаков для маркеров анекдотов: 🙂 Прочтите её боком. На самом деле, вероятно, экономичнее отмечать то, что НЕ является шутками, учитывая современные тенденции. Для этого используйте 🙁»

Идею тут же подхватили, стали придумывать вариации смайликов для обозначения разных эмоций, и скоро новых участников переписок уже встречали милыми рожицами из знаков препинания. А когда в 1991 году открыли Всемирную паутину, «улыбашки» вслед за пользователями переместились и туда. Так Фалман стал известен на весь мир, но вовсе не благодаря своим трудам по искусственному интеллекту, которые, к слову, были новаторскими.

Но, вообще-то, Набоков был первым!

Знает ли Фалман, что он незаконно присвоил себе славу смайлооткрывателя (не присваивал, конечно :-)? Апрель 1969 года, Швейцария, Монтре. Почти семидесятилетний великий русско-американский писатель Владимир Набоков даёт интервью корреспонденту The New York Times Олдену Уитмену. Вопросы Уитмена, мягко говоря, напрягают Набокова, и на самый бестактный вопрос 70-летнему человеку — «Вы причисляете себя к современными (живущим) писателям или к писателям прошлого?» — он отвечает:

«Я часто думаю, что должен существовать специальный типографский знак для улыбки — какой-то вогнутый знак, круглая скобка на спине, которую я сейчас хотел бы ввести в ответ на ваш вопрос»

Каков, а! :)) Прошло 50 лет, и появилось.

Программирование на эмодзи-языках

Emojicode

Это строго типизированный язык с поддержкой классов, построенный на принципах объектно-ориентированного программирования. Его можно использовать для создания кроссплатформенных приложений.

Тео Видманн, автор языка, вроде как ненавидит ошибки типа NPE (null pointer exception) — они возникают при попытке обратиться к объекту, которому не присвоено значение. Поэтому в Emojicode каждую переменную экземпляра класса (instance variable) нужно сразу инициализировать, чтобы не словить ошибку при компиляции. И вообще, он хотел создать язык, свободный от недостатков существующих языков программирования, поэтому в некоторых случаях Emojicode даже эффективней, чем Python, С++ или Java. Как ему пришла в голову идея написания языка на эмодзи: однажды кто-то прислал Тео сообщение со множеством смайликов, и его мозг по привычке стал парсить текст, как если бы это был чей-то код.

Emojicode не компилируется в другие языки — у него есть свой компилятор и виртуальное окружение, в котором выполняется код. Это вполне самостоятельный язык программирования, он предусматривает наличие пакетного менеджера, позволяющего писать разные утилиты и тулзы, чтобы работать с файловой системой или с БД. Имеющееся небольшое количество пакетов для языка позволяет делать HTTP-запросы, работать с файлами, получать доступ к микрофону и динамикам — достаточно для написания компьютерной игры.

Но придётся, конечно, изучить синтаксис. Смысл некоторых эмодзи угадывается: 🍦 сделает значение, хранящееся в переменной, константой (заморозит его); 👍 и 👎 — это значения булевых функций true и false. Но у других ассоциативный ряд не так прост, если вообще есть: например, любой блок кода начинается с 🍇 и заканчивается 🍉, а условный оператор (if) — это 🍊. Тео называет Emojicode безумно продуманным, хотя отмечает, что многие скорее назвали бы его продуманно безумным. И обе эти характеристики верны.

Исходный код языка находится в открытом доступе, и любой может добавить туда новые возможности. Здесь можно почитать документацию по Emojicode, а попрограммировать на нём — здесь.

Emoji-gramming

Язык, в котором все переменные (24 нормальных и одна специальная) и 4 команды — эмодзи. Константы в Emoji-gramming задаются символами-сердечками, 🎤 отвечает за поток входных данных, а 📢 — за вывод на экран.

Честно говоря, много про него и рассказывать нечего, даже создатель неизвестен (если знаете — пишите в комментариях), но язык прикольный. Тут Python Interpreter и страничка на esolangs.org с описанием.

EmojiCode

Как указано у авторов на GitHub: «EmojiCode — это эзотерический ЯП, который использует эмодзи для представления команд и аргументов. Разработано и написано Сарой и Джереми Натансон на HackRPI 2015». В языке ноль и единица обозначаются эмодзи-смайлами, а остальные символы кодируются их комбинациями. Для правильной интерпретации комбинации, чтобы понять, это символ из набора ASCII или число, перед ней добавляют эмодзи-модификатор: 🔢 — целое число от 0 до 255 или 🔡 — символ ASCII с кодом от 0 до 255. Для вывода на экран в EmojiCode применяется эмодзи 👋. Каждую команду нужно писать на новой строке.

Страница на esolangs.org с описанием.

Emoji

Язык на основе стека. Тут эмодзи отвечают за команды (токены), управляющие этим стеком. Их 38, а остальные символы не считаются токенами. Токен 💬 читает все символы до следующего 💬 и помещает их в стек, а токен ➡ выводит на экран его содержимое. Описание их довольно исчерпывающее — «📌 Берёт массив и объект и добавляет этот объект в конец массива. Ничего не возвращает, так что, если вам нужен этот изменённый массив, сохраните его в переменную до вызова команды», а подбор картинок не без юмора — «👪 Перемножает два числа из стека».

Полное описание на esolangs.org, а запустить тут.

Emotinomicon

Автор этого эзотерического ЯП — энтузиаст языкового дизайна (как он сам себя называет) Конор О’Брайен. Он же создал языки Stacked, Attache и другие. А ещё он любит играть в кодовый гольф. Да, к языкам программирования он явно неровно дышит. Да и не без юмора парень: начало строки у него 😭, а конец строки 😲.

Выполнить свои программы на Emotinomicon удобно тут (много эмодзи). Описание на GitHub.

Motes

«Пылинки» (так переводится название с английского) написал Штеффен Блейк, который объясняет: «Первое, что нужно понять, — это то, что у Motes нет формы переменных. Вместо этого у вас есть так называемый Индекс, который представляет собой бесконечно длинный список чисел, которые вы можете редактировать. Вы начинаете с указателя 👆, указывая на самый первый номер в списке. Вы можете перемещать указатель влево и вправо, а также увеличивать и уменьшать значения указателя, на который вы указываете». Остальное читайте в описании. Это язык с открытым исходным кодом и, вроде бы, автор приглашает присоединиться к проекту желающих, но ссылка не работает.

Советы: как эмодзи может оживить программирование

Да, порой эмодзи можно вставлять прямо в ваш код. Спорно, знаем: многих смайлики раздражают даже в простой переписке. Но есть и те, кому это вполне заходит. Например, разработчик Гейр Арне Хьелле создал пакет для поддержки эмодзи на Python. На создание проекта его вдохновила конференция EuroSciPy 2018 в Тренто, посвящённая использованию Python в научных проектах, где специалисты указали на недостатки в обработке Unicode-символов на Python. Кстати, год назад консорциум Unicode одобрил 217 новых эмодзи, среди которых есть даже женщина с бородой. Все можно найти на Emojipedia. А здесь можно почитать интересную статью про эмодзи в Unicode.

Большинство языков программирования поддерживают использование эмодзи в строках — это может оказаться довольно удобным для оживления логов. Но надо осознавать две вещи. Во-первых, не забывать о продуктивности: эмодзи должно быть удобно набирать, чтобы не отвлекаться. В OS X в большинстве приложений можно вызвать меню с эмодзи сочетанием Ctrl + Cmd + Пробел. В Windows 10 есть встроенная поддержка эмодзи в экранной клавиатуре. Также ваш редактор должен поддерживать эмодзи. Не все, но некоторые на это способны, и таких редакторов становится всё больше (например, это Visual Studio Code, Sublime Text, iTerm2).

Во-вторых, следует понимать, что символический язык пиктограмм не всеми воспринимается одинаково. У кого-то возникнет одна ассоциация от «ракеты», у кого-то — другая. Чтобы эмодзи не вызывали визуального шума и мозг не работал по алгоритму с лишними этапами «картинка —> ассоциация —> ничего не понятно —> чтение комментария», лучше стараться использовать однозначно понятные эмодзи: крестики, галочки и тому подобное.

Эмодзи можно использовать в описаниях коммитов, которые, как известно, весьма унылы, а картинки могут улучшить читаемость. Особенно это может быть полезным в больших списках коммитов крупных проектов. Да и просто эмодзи разрядят атмосферу (если, конечно, они вас не раздражают). Если тема вас заинтересовала, вы можете почитать гайд по использованию эмодзи в коммитах на Github и в редакторе Atom.

Эмодзи можно вставлять в комментарии, например, в качестве привлечения внимания к предупреждению. Ведь эмодзи легче считываются при беглом просмотре текста. Поскольку это всего лишь комментарии, шанс что-то сломать довольно невелик. Максимальная польза от привлекающих картинок в комментариях может быть, если вы с коллегами договоритесь о конкретных изображениях, которыми будете помечать определённые вещи. Тогда и не будет недопонимания от разного ассоциативного ряда.

В общем, если продуктивность от более лёгкого поиска в простыне текста повысится, то почему бы не достигать этого таким простым и забавным способом? А вот если понизится, то, конечно, не стоит. А ещё можно зарегистрировать доменное имя, созданное с помощью эмодзи, с расширением «.ws», — вот здесь.

Источник

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *