Pull to refresh
0
Karma
0
Rating

Как фронтендеру стать мобильным разработчиком, или Перевод API React в Jetpack Compose

Самокат.Тех corporate blog Programming *Development of mobile applications *Development for Android *ReactJS *
Tutorial
Translation

Привет, я Данильян, работаю в Самокате фронтенд-разработчиком, разрабатываю бэкофисное приложение с использованием React. Когда я только начинал изучать Jetpack Сompose, я наткнулся на статью, в которой простым языком для людей, пришедших из мира веб-технологий в мир мобильной разработки, расписано, как писать код для мобильных устройств, чтобы было как в React. Из материала в статье особенно подкупали примеры: вот, что вы делали в React, а вот, как в Jetpack Compose получить то же самое. 

Делюсь с вами переводом этой статьи.

Читать далее
Total votes 5: ↑5 and ↓0 +5
Views 2K
Comments 2

Самостоятельный парсинг ваших конкурентов. Топ 10 расширений для Chrome, которые не требуют программирования

offlineCRM: Бесплатная CRM для самозанятых corporate blog Big Data *E-commerce management *Content-marketing *

Меня зовут Максим Кульгин, моя компания xmldatafeed занимается парсингом сайтов в России порядка четырёх лет. Подготовили для вас подробный обзор расширений для Chrome, с помощью которых вы можете сами заниматься парсингом без привлечения таких компаний, как наша. Сервисы зарубежные, часть бесплатные — бери и делай, это не сложно!

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

Что ж, вашему вниманию предлагается экспресс-обзор решений из серии «проще некуда»: рассматриваемые инструменты даже не надо устанавливать на компьютер — они настраиваются простыми движениями мыши. При этом такие инструменты нельзя назвать примитивными. Хотя некоторые — да, идут по пути минимализма возможностей, но зато другие являются по сути «тонким клиентом», за которым спряталась мощь облачного сервиса, богатство огромного пула прокси-серверов и хитрость искусственного интеллекта.

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

И единственным выходом в таких случаях становится автоматизация. А когда мы говорим об автоматизации сбора данных, представленных где-то в сети, то мы говорим о парсинге.

Читать далее
Total votes 4: ↑4 and ↓0 +4
Views 3.4K
Comments 3

Футбольно-аналитическая программа plus3s: прогнозирование результата футбольного матча и просто игра

Python *Machine learning *
Sandbox

Всем привет!

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

Читать далее
Total votes 5: ↑5 and ↓0 +5
Views 2.2K
Comments 6

Пошаговая боевая система на примере JS

JavaScript *Game development *
Tutorial

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

Кто заинтересован - добро пожаловать под кат.

Идти под кат
Total votes 14: ↑11 and ↓3 +8
Views 8.7K
Comments 8

JavaScript: редко используемые, но полезные API

Timeweb Cloud corporate blog Website development *JavaScript *


Привет, друзья!


В продолжение разговора, начатого в этой статье, хочу рассказать вам еще о некоторых API, которые редко встречаются в "дикой природе", но могут оказаться весьма полезными в "пограничных ситуациях":



Репозиторий с примерами.

Читать дальше →
Total votes 23: ↑22 and ↓1 +21
Views 6.9K
Comments 2

Telegram бот с offline распознаванием голосовых и генерацией аудио из текста

Python *Programming *
Sandbox

Всем привет! После прочтения постов про голосового ассистента и  сервис Silero, мне стало интересно поиграться с offline распознаванием аудио в текст, а также с обратным преобразованием текст в аудио. И как все начинающие разработчики я сделал своего Telegram бота. Просто Telegram – это удобный и мобильный интерфейс для взаимодействия с чем угодно.

В своем пет-проекте я использовал aiogram, vosk, silero и ffmpeg.

Подробности под катом!
Total votes 19: ↑16 and ↓3 +13
Views 10K
Comments 14

Как опубликовать свой плагин в репозиторий WordPress.org

WordPress *Website development *PHP *
Tutorial
Translation

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

Читать далее
Total votes 6: ↑6 and ↓0 +6
Views 1.3K
Comments 3

Как я строил Умный Дом. Часть 1

Manufacture and development of electronics *Smart House IOT DIY Electronics for beginners
Sandbox

Всем привет! Вот и я решил написать тут, да не просто статью, а серию статей в лайв формате. Тема - строительство своего дома, Умного дома.

Собственно, строительства будет минимум, а инженерки и её автоматизации поболее.

Строим Умный дом вместе ;)

Читать далее
Total votes 57: ↑40 and ↓17 +23
Views 30K
Comments 329

Чат-бот под несколько месенджеров

Instant Messaging *Go *
Sandbox

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

Всё началось с того, что у нас был бот на python-telegram-bot, делал он простые вещи, умел послать случайную весёлую гифку из Интернета, кошечку, собачку, затем мы крикрутили к нему наш таск-трекер и бот стал создавать тикеты прямо из чата.

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

Итак, поехали
Total votes 8: ↑6 and ↓2 +4
Views 7.6K
Comments 2

JavaScript: захват медиапотока из DOM элементов

Timeweb Cloud corporate blog Website development *JavaScript *ReactJS *



Привет, друзья!


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


Мы разработаем простое приложение для сведения аудио и видео со следующим функционалом:


  • пользователь выбирает одно видео и несколько аудио, хранящихся в его файловой системе;
  • когда пользователь нажимает на кнопку для начала записи, запускается воспроизведение выбранных файлов, захватываются их медиапотоки;
  • захваченные потоки объединяются в один и передаются для записи;
  • в процессе записи пользователь может менять источник аудиоданных;
  • пользователь может приостанавливать (например, для изменения источника аудиоданных) и продолжать запись;
  • по окончанию записи генерируется видеофайл в формате WebM — превью сведенного контента и ссылка для его скачивания.

В качестве фреймворка для фронтенда я буду использовать React, однако все функции по работе с медиа будут автономными (сигнатура этих функций будет framework agnostic), так что вы можете использовать любой другой фреймворк или ограничиться чистым JavaScript.


Песочница:

Репозиторий.


О том, как разработать приложение для создания аудиозаметок, можно прочитать в этой статье, а о том, как разработать приложение для захвата и записи экрана — в этой.


Если вам это интересно, прошу под кат.

Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Views 11K
Comments 6

Веб-сервер на старом смартфоне Android

FirstVDS corporate blog Hosting Open source *Backup *Smartphones
Tutorial


Бывает такое, что смартфон становится ненужным — например, на нём разбивается экран или он просто старенький, тормозит даже браузер. Что делать с таким гаджетом, не выбрасывать же его? В самом деле, американцы летали на Луну с компьютерами, у которых характеристики много хуже, чем в вашем старом смартфоне. Скорее всего, в нём 4−8 процессорных ядер, 2−4 гигабайта оперативной памяти, блок бесперебойного питания с аккумулятором. Не слабее, чем некоторые компьютеры.

Попробуем найти этому смартфону полезное применение.
Читать дальше →
Total votes 54: ↑52 and ↓2 +50
Views 52K
Comments 90

Chrome DevTools: Хитрости при отладке

JavaScript *Debugging *

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

В этой заметке я бы хотел остановиться на различных нюансах, полезных при отладке. Какие-то из них я почерпнул в сети (например в комментариях на Хабре), до каких-то додумался сам. Надеюсь вы найдёте для себя что-нибудь полезное.

Под катом:

— Как отладить popup-ы, которые исчезают при потере фокуса
— Как убить повисший JS-цикл, не убивая вкладку
— Различные нюансы работы с breakpoint-ми
— Методы ведения войны с sourceMaps
— Перехват network-запросов
— Как отладить race-condition
— Почему стоит опасаться галочки "disable cache"
— Что делать если у вас не Hi-DPI экран?

Подробнее
Total votes 50: ↑49 and ↓1 +48
Views 27K
Comments 41

Поиск родственников через тест ДНК. Часть 4 – Расшифровка результата

Popular science
Итак, вы определились для чего нам нужен ДНК-тест, выбрали в какой лаборатории будете покупать его, заказали через интернет и дождались получения. Потом вы сделали тест себе или родственникам и отправили тест обратно, перейдя в режим ожидания.

И вот спустя несколько недель мы получаем извещение на e-mail, что наш тест готов, результаты загружены на сайт и теперь можно ознакомиться с его результатом!



Что мы увидим в результатах ДНК-теста на сайте лаборатории?


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

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

Далее будут много картинок, т.к. без этого обзор будет неполноценным.
Читать дальше →
Total votes 17: ↑17 and ↓0 +17
Views 21K
Comments 21

Ещё одна автоматизация сталинки

Programming *Smart House DIY
Sandbox

Очередная статья c теорией и практикой на тему домашней автоматизации...

Являюсь давним читателем хабра, но только сейчас созрел написать статью. 

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

Рассчитываю как поделиться идеями и опытом, так и набраться критики и предложений. 

Читать далее
Total votes 27: ↑26 and ↓1 +25
Views 26K
Comments 42

RBKmoney Payments под капотом — логика работы платежной платформы

Osnova corporate blog Payment systems *Java *Erlang/OTP *Development for e-commerce *


Привет, Хабр! Продолжаю публикацию цикла про внутренности платежной платформы RBK.money, начатую в этом посте. Сегодня речь пойдет про логическую схему процессинга, конкретные микросервисы и их взаимосвязь друг с другом, как логически разделены сервисы, обрабатывающие каждый свой кусок бизнес-логики, почему ядро процессинга ничего не знает про номера ваших платежных карт и как внутри платформы бегают платежи. Также, чуть более подробно раскрою тему о том, как мы обеспечиваем высокую доступность и масштабирование для обработки высокой нагрузки.

Читать дальше →
Total votes 19: ↑19 and ↓0 +19
Views 7K
Comments 6

RBK.money —> Osnova

Osnova corporate blog Open source *Payment systems *Development for e-commerce *

Привет!

В нашем блоге мы много рассказывали про устройство и работу нашей платёжной системы RBK.money — как в ней всё устроено, про микросервисы и логику, про идеальный антифрод.

Один из последних постов был про наш процессинг, который мы сделали таким, что нам за него не стыдно (нас дважды не смогли сломать на The Standoff, отметили Премией Рунета), и который мы выложили в опенсорс.

Собственно, к чему мы ведём. Мы решили и дальше сосредоточиться на развитии и доработке процессинга, будем добавлять к нему новые фичи и возможности, расширять продуктовую линейку. И поэтому мы вывели его в отдельное технологическое направление бизнеса под брендом Osnova (да, процессинг называется так же). Мы переименовываем блог компании и в дальнейшем будем рассказывать вам про процессинг, интересные кейсы, ну и в целом тема Open-Source в мире нам интересна, так что будем делиться самыми топовыми новостями. Да, если что — платежный сервис RBK.money никуда не уходит с рынка и продолжает исправно работать, обслуживать своих клиентов и помогать им настраивать прием любых видов платежей на сайте.

Osnova может стать для вас как основным процессингом, так и предпроцессингом либо маршрутизатором между имеющимися процессингами, спасибо универсальным интерфейсам платёжных протоколов. Одним словом, процессинг настолько гибкий, безопасный и динамичный, что позволяет реализовать любой платежный сценарий, как своими силами, так и с нашей поддержкой. Кстати, про поддержку, мы также запустили телеграм-чат https://t.me/rbkmoney_opensource и в нем консультируем, опертивно отвечаем на технические вопросы по нашему процессингу и его возможностям. Вступайте и задавайте вопросики!

Читать далее
Total votes 12: ↑10 and ↓2 +8
Views 1.9K
Comments 1

Умная квартира на JavaScript. От светодиода до распознавания лица в камере домофона

VK corporate blog JavaScript *Developing for Arduino *Development for Raspberry Pi *DIY
✏️ Technotext 2021

Привет! Меня зовут Антон, я ведущий разработчик в команде рекламного фронтенда ВКонтакте. Мои рабочие задачи связаны с развитием рекламного кабинета и возможностей для продвижения сообществ в приложении VK. Здесь результаты можно видеть только в браузере и телефоне, но мне давно хотелось научиться управлять объектами и в реальном мире — например, в своей квартире. Таким опытом я и хочу поделиться в этой статье: опишу, как создал и развивал свой умный дом, с какими проблемами столкнулся по ходу проекта и как их решал.

Читать далее
Total votes 28: ↑28 and ↓0 +28
Views 19K
Comments 26

Делаем вебсокеты на PHP с нуля

Website development *PHP *
Sandbox
Некоторое время назад я выбирал библиотеку для работы с вебсокетами. На просторах интернета я натыкался на статьи по интеграции node.js с yii, а почти все статьи о вебсокетах на хабре ограничивались инструкциями к тому, как использовать phpdaemon.

Я изучал библиотеки phpdaemon и ratchet, они достаточно монструозны (причём используя ratchet для отправки сообщения конкретному пользователю рекомендовано дополнительно использовать wamp). Мне не совсем было понятно для чего использовать таких монстров, которые требуют установку других монстров. Почитав исходники этих, а также других библиотек, я разобрался как всё устроено и мне захотелось написать простой вебсокет-сервер на php самостоятельно. Это помогло мне закрепить изученный материал и наткнуться на некоторые подводные камни, о которых я не имел представления.

Так я решил написать необходимый для меня функционал с нуля.

Получившийся код и ссылка на демонстрационный чат в конце статьи.
Читать дальше →
Total votes 88: ↑76 and ↓12 +64
Views 291K
Comments 77

Что умеет Dialogflow?

Instant Messaging *Google Cloud Platform *Natural Language Processing *Voice user interfaces *
Tutorial


26 ноября в Москве прошла третья в своей истории Conversations – конференция по разговорному искусственному интеллекту для разработчиков и бизнеса, на которой был представлен новый доклад компании «Аэроклуб ИТ». В прошлый раз речь шла об одном из наших исследовательских проектов, теперь же рассказ был сосредоточен вокруг инструмента, который мы применяем для чат-ботов. Сперва я планировал просто написать статью по мотивам доклада, но получился целый tutorial, так что под катом вас ждёт довольно подробное описание некоторых возможностей Dialogflow, и даже попадутся неочевидные «хаки».
Читать дальше →
Total votes 13: ↑12 and ↓1 +11
Views 24K
Comments 1

Information

Rating
Does not participate
Location
Киев, Киевская обл., Украина
Registered
Activity