Всегда приятно наблюдать результаты собственного труда, особенно когда всё работает чётко, как часы.

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

В Telegram-канал приходят уведомления о регистрациях. На скриншотах можешь увидеть, как выглядит само уведомление.

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

По-моему, отличный пример того, как no-code позволяет реализовать то, что нужно, даже если у какого-то инструмента (в данном случае конструктор Tilda) не хватает функций для этого.

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

По ссылке увидишь одну из картинок, которую я здесь опубликовал из Midjourney. Сейчас она генерируется вот таким образом и это действительно похоже на настоящую фотографию. Даже если приглядываться к каким-то мелким деталям, то можно подумать, что это абсолютно настоящее фото. Здесь нет каких-то элементов, которые явно выдают нейросетку или какую-то искусственность. И самое главное исправление, как мне кажется, относится к людям. У них достаточно реалистично теперь выглядят руки, нет девяти-десяти пальцев, как это было раньше, они не такие кривые и похожи на настоящие в большинстве случаев.

Вот такую фоточку с пандами он мне выдал по запросу, в котором был задействован лев, играющий с пандой. Здесь нет льва, но, по-моему, панды в пустыне Сахара выглядит очень даже мило и абсолютно реалистично. Фотография сделана в стиле National Geographic, поэтому здесь узнаваемые ракурсы, которые обычно публикуют в этом журнале и очень хорошо и детально проработанные все фактуры.

Следующая фотография из раздела абсурда – НЛО, зависшие в воздухе над Елисейскими полями на фоне заката и Эйфелевой башни. Очень правдоподобно получилась игра света. Мы видим здесь контровой свет, который действительно так ложится на людей и на улицу, когда мы снимаем перспективу, можно увидеть на отражения на машинах. Это действительно реалистичная фотография за исключением НЛО, которое здесь зависло. А всё остальное можно вполне себе принять за фотку.

Ещё немного генераций от свежего Midjorney

Первая работа – это «фото» в кинематографичном стиле Кристофера Нолана, но почему-то здесь сетка решила изобразить одного из участников этой сцены похожим на известного режиссёра. Тем не менее, выглядит очень фотореалистично и красиво, на мой взгляд, даже композиция поставлена грамотно.

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

И пара генераций по запросу от подписчика, который был размещён в комментарии к прошлому посту. Одну запросил как сцену фильма, а вторую – мультфильма. Рисованные мне показались даже более интересными и подходящими под идею запроса. Как минимум на их основе можно точно придумать какую-нибудь короткометражку или комикс.

Ключевое отличие на мой взгляд новой версии от предыдущей заключается в том, что, даже вводя в запрос слово «фотография», в четвёртой версии я получал скорее хороший, детальный, качественный арт. А в пятой версии – это действительно имитация фотографии.

Кстати, чтобы воспользоваться пятой версией, можно набрать через слэш /settings и там указать нужную версию. Либо просто в конце каждого запроса дописывать ‘--v5’ (две чёрточки и пять без пробелов).

На чём написать простейший сайт

Если не конструктор, то что? Нужно определиться с инструментарием.
Я было решил сначала вспомнить молодость и накидать сайт на чистом HTML и CSS. Напомню, что HTML (Эйч Ти Эм Эл) – это базовый язык разметки, который браузеры интерпретируют в виде сайта. И если открыть панель разработчика (клавиша F12 в Chrome) на любом сайте, то мы увидим именно его HTML-структуру в первую очередь – базовый каркас, который и позволяет нам видеть сайты.

Но при разработке современного сайта в первую очередь необходимо было учесть то, что сайт должен быть адаптивным и mobile-first, так как в первую очередь он будет просматриваться с мобильных устройств, и вёрстка должна быть аккуратной на всех девайсах. Сделать это вручную, корректно подобрать все стили, правильно их между собой сочетать, грамотно настроить структуру страницы – это довольно-таки кропотливый труд и трудоёмкая задача.

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

Один из таких фреймворков – Bootstrap (Бутстрап), который позволяет построить структуру сайта, используя уже готовый набор стилей и готовые паттерны, включая адаптивную сетку вёрстки, в которой мы будем размещать элементы сайта. Что такое фреймворк, я рассказывал в одном из своих прошлых постов.

Итак, Bootstrap позволяет упростить работу с вёрсткой, чтобы не изобретать её с нуля. Но мы пойдём ещё дальше и я расскажу про ещё один инструмент, который позволяет упростить работу с самим Бутстрапом. Как тебе такое?

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

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

Мы сделаем простейшую страничку ‘Hello world!’ – это, как правило, в любом курсе программирования такой стартовый проект, тебе нужно написать программу, которая будет выводить два слова с приветствием миру. Собственно, этим и займёмся.

Всё, что тебе понадобится, это блокнот. Можешь сделать это в любом, даже в стандартном блокноте (Notepad) в твоей операционной системе. Нужно создать новый файл и написать в нём следующую структуру.

<!DOCTYPE html>
<html>
    <head>
        <title>Простейший сайт webKrafter</title>
    </head>
    <body>
        <p>Hello world!</p>
    </body>
</html>

Теперь нужно сохранить этот файл как HTML. Назови его, например website.html и сохрани куда-нибудь (хоть на рабочий стол).

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

Альтернативы Firebase

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

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

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

Итак, я сегодня предлагаю тебе рассмотреть эти инструменты в своём арсенале на случай, если вдруг тебе также понадобятся аналоги Firebase: это Supabase.com и Nhost.io. Они в какой-то степени могут быть лучше Firebase, по стоимости либо по функциональности. В частности, позволяют реализовать вот эту функцию вызова внешнего API без всяких танцев с бубном, то есть это штатная функциональность сервиса.

Итак, две новых закладочки в перечне no-code инструментов. Я думаю, что пора будет скоро делать собственную библиотеку с ними…