Опчки!
Всем привет! Спасибо, что зашли сюда:) Искренне рад!

Telegram каналы дошли и до меня — буду писать сюда оперативные мысли и дублировать видео. Не обещаю, что все заметки здесь будут строго по ИТ. Например, мне куда-то хочется писать заметки о прочитанных книгах. Вероятно и возможно они будут попадать сюда. Комментарии и мысли по интересующим меня новостям. Заметки о программировании, ссылки на интересные видео и статьи. Часто бывает, что хочется что-то написать, но написать некуда:) Сообщество ютуба и инстаграм, куда я пишу иногда, подходят для более фундаментальных продуманных вещей, а сюда помимо этого можно писать мысли/ссылки на ходу.

Навигация по каналу, тэги: https://t.me/t0digital/105

Велкам!

Минутка хороших новостей!

«Apple, Google, Microsoft и Mozilla начали борьбу, чтобы их браузеры стали показывать интернет одинаково. Apple, Google, Microsoft и Mozilla решили облегчить жизнь веб-разработчикам, улучшив совместимость фирменных браузеров в рамках инициативы Interop 2022. Задача максимум, стоящая перед группой, которая впервые включает всех разработчиков наиболее значимых веб-обозревателей – обеспечить одинаковый внешний вид сайтов при использовании любого из них. Первые шаги в этом направлении уже сделаны.»

https://www.cnews.ru/news/top/2022-03-05_applegooglemicrosoft_i_mozilla_obedinilis
#news #frontend #IT

Настроим в этом видео WireGuard VPN. Это легко конфигурируемый, быстро работающий и нетребовательный к ресурсам VPN, работающий — внезапно — лучше тех платных VPN сервисов, которые я за прошедшие дни пробовал. Помимо доступа к ресурсам, которые перестали работать — а сейчас могут не открываться даже сайты заказа лекарств, WireGuard это безопасный интернет за счёт шифрования трафика, а также возможность объединять несколько компьютеров в одну сеть с доступом откуда угодно. И самый сок — всё настраивается куда проще, чем в случае с OpenVPN, конфиги в несколько понятных строк. Будем поднимать!

https://www.youtube.com/watch?v=5Aql0V-ta8A

PS. Сейчас Wireguard уже блокируют некоторые операторы.
Работает Marzban. На Хабре есть статья о его настройке, гуглите. Если статья перестанет открываться без VPN, можно открыть её в startpage.com в анонимном режиме. Ссылку на статью не прилагаю, чтобы ничего не нарушать. Гуглится легко.

#youtube #linux

ГГ, в комментах пишут, что смысл от Digital Ocean и других иностранных хостеров, если их сейчас нельзя оплатить с российскими Visa/Mastercard. Попробовал оплатить один зарубежный сервис, который нам нужен по работе — действительно ни с одной моей карты платеж уже не прошел.

Скорее всего заработают платежи с кобейджинговых карт Мир — https://mironline.ru/support/list/kobeydzhingovye_karty_mir/

Похоже, надо заказывать уже сегодня. Расскажу о своём опыте.

Текстовая инструкция по настройке Wireguard к видео.

—
Сейчас Wireguard уже блокируют некоторые операторы.
Работает Marzban. На Хабре есть статья о его настройке, гуглите. Если статья перестанет открываться без VPN, можно открыть её в startpage.com в анонимном режиме. Ссылку на статью не прилагаю, чтобы ничего не нарушать. Гуглится легко.
—

Обновляем сервер:

apt update && apt upgrade -y

Ставим wireguard:

apt install -y wireguard

Генерим ключи сервера:

wg genkey | tee /etc/wireguard/privatekey | wg pubkey | tee /etc/wireguard/publickey

Проставляем права на приватный ключ:

chmod 600 /etc/wireguard/privatekey

Проверим, как у вас называется сетевой интерфейс:

ip a

Скорее всего у вас сетевой интерфейс eth0, но возможно и другой, например, ens3 или как-то иначе. Это название интерфейса используется далее в конфиге /etc/wireguard/wg0.conf, который мы сейчас создадим:

vim /etc/wireguard/wg0.conf

[Interface]
PrivateKey = <privatekey>
Address = 10.0.0.1/24
ListenPort = 51830
PostUp = iptables -A FORWARD -i %i -j ACCEPT; iptables -t nat -A POSTROUTING -o eth0 -j MASQUERADE
PostDown = iptables -D FORWARD -i %i -j ACCEPT; iptables -t nat -D POSTROUTING -o eth0 -j MASQUERADE

Если не знаете текстовый редактор vim — откройте файл с nano, он проще в работе.

Обратите внимание — в строках PostUp и PostDown использован как раз сетевой интерфейс eth0. Если у вас другой — замените eth0 на ваш.

Вставляем вместо <privatekey> содержимое файла /etc/wireguard/privatekey

Настраиваем IP форвардинг:

echo "net.ipv4.ip_forward=1" >> /etc/sysctl.conf
sysctl -p

Включаем systemd демон с wireguard:

systemctl enable wg-quick@wg0.service
systemctl start wg-quick@wg0.service
systemctl status wg-quick@wg0.service

Создаём ключи клиента:

wg genkey | tee /etc/wireguard/goloburdin_privatekey | wg pubkey | tee /etc/wireguard/goloburdin_publickey

Добавляем в конфиг сервера клиента:

vim /etc/wireguard/wg0.conf

[Peer]
PublicKey = <goloburdin_publickey>
AllowedIPs = 10.0.0.2/32

Вместо <goloburdin_publickey> — заменяем на содержимое файла /etc/wireguard/goloburdin_publickey

Перезагружаем systemd сервис с wireguard:

systemctl restart wg-quick@wg0
systemctl status wg-quick@wg0

На локальной машине (например, на ноутбуке) создаём текстовый файл с конфигом клиента:

vim goloburdin_wb.conf

[Interface]
PrivateKey = <CLIENT-PRIVATE-KEY>
Address = 10.0.0.2/32
DNS = 8.8.8.8

[Peer]
PublicKey = <SERVER-PUBKEY>
Endpoint = <SERVER-IP>:51830
AllowedIPs = 0.0.0.0/0
PersistentKeepalive = 20

Здесь <CLIENT-PRIVATE-KEY> заменяем на приватный ключ клиента, то есть содержимое файла /etc/wireguard/goloburdin_privatekey на сервере. <SERVER-PUBKEY> заменяем на публичный ключ сервера, то есть на содержимое файла /etc/wireguard/publickey на сервере. <SERVER-IP> заменяем на IP сервера.

Этот файл открываем в Wireguard клиенте (есть для всех операционных систем, в том числе мобильных) — и жмем в клиенте кнопку подключения.
#youtube #linux

Написал в webshare — покупаем у них большой набор проксей — по поводу оплаты криптой вместо визы и мастеркарда. Ответили, что UnionPay и JCB поддерживают, хотя в платежной форме таких лого не видел. Это хороший знак, потому что карты Мир поддерживают и UnionPay, и JCB кобейджинговые карты. То есть UnionPay поддерживается зарубежные сервисами, это не зачухлая китайская платёжка (до сегодняшнего дня не знал о них ничего). Гуд.

У Россельхозбанка уже есть Мир кобейджинговые карты. Тинькофф и Альфа наверняка в ближайшее время подготовят тоже.

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

Яндекс спустя некоторое время выпустил свой такой же продукт. Очень интересно было зайти посмотреть, как они его продают. В частности график роста прибыли магазина от роста конверсии c 1% до 1.15%. Мы до такого простого способа донесения мысли не додумались — спецы в Яндексе не зря хлеб кушают:)

Мораль сей басни простая и очевидная — продакты и маркетологи нужны. А ещё — всегда надо учиться и перенимать опыт везде, где возможно. Есть даже термин — насмотренность, о чём пишет в частности Илья Пискулин в своей книге: «Объясню максимально просто. Видение человека формируется ровно так же, как и само слово «видение» – от слова «видеть». Вы наблюдаете много всего: людей, явления, бизнесы, процессы, ниши. В какой-то момент под давлением насмотренности вы начинаете видеть не только глазами, но и головой, и не что-то реальное, а что-то гипотетическое и потенциальное – не то, что делают все, а то, что можете сделать вы. Вы ощущаете, как еще можно зарабатывать деньги в нише, как менять или развивать собственное предприятие.»
#marketing #books

Протестил Outline, о котором несколько человек писало в комментах на ютубе. Минус Wireguard в том, что его трафик виден в сети и его можно заблокировать на уровне провайдера (если правительство решит блокировать все VPN). Outline по отзывам блокируется сложнее.

Сервер взял снова на Selectel. Подключается (именно от нажатия кнопки подключить до соединения) долго, секунд 20 проходит у меня. На проверке скорости инета в яндексовом inet.ya.ru показывает, что скорость ок, но по ютубу и вообще видны проблемы, не всё подгружается, долго открывается и тп. Соединение кажется нестабильным. То всё ок, то есть проблемы, см скринкаст.

Настройка — действительно очень простая. 1 команда на сервере и всё работает. Удобно добавлять новых клиентов в GUI интерфейсе.

Проблемы едва ли связаны с тем, что сервер российский — на том же российском сервере Wireguard работает ок.

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

Итого, что мы имеем по оплате зарубежных сервисов из России. С картами Мир-UnionPay пока непонятно — когда они появятся в популярных банках (Сбер/Альфа/Тиньков) и что именно ими можно будет оплатить. Не все зарубежные сервисы принимают UnionPay — Netflix, например, не принимает, ну да и хрен бы с ним, с собакой:)

Много вопросов о покупке серверов для VPN. Да, есть варианты купить сервер в российском сервисе, имеющем датацентры в Европе, например, на vdsina. Но хотелось бы иметь и альтернативные варианты, возможно не связанные с российскими сервисами.

Протестировал покупку сервера за крипту на BitLaunch — всё получилось. Через них можно купить сервер на том же BitLaunch, в Digital Ocean, Vultr и Linode, а оплатить криптой — BTC, ETH, LTC. Завёл кошелёк, купил крипту и оплатил ей сервер, для человека, только сегодня познакомившегося с криптой на практике — достиженьице:) Думаю, сделаю видео об этом.

Много людей продолжает спрашивает здесь и на ютубе — какой смысл настраивать VPN на сервере в России, как я показывал в видео. Говорил это в видео и повторюсь — в моём конкретном случае на моём провайдере часть ресурсов работает и без VPN, часть работает с российским VPN сервером, часть с европейским VPN сервером. С чем это связано и как оно будет работать завтра — не знаю, говорю про то, что видел в прошедшие дни.

Также много людей пишет, что не работает что-то с Wireguard. Если вы воспроизводите мою инструкцию — убедитесь, что воспроизводите её точно. Что берёте сервер на Ubuntu, а не Debian, что не пропускаете команды из моей инструкции. Убедитесь, что у вас сетевой интерфейс eth0, а не другой (команда ifconfig или ip a`). Если там не `eth0, то в конфиге wg0.conf надо поставить соответствующий интерфейс вместо eht0.

Также можете установить WireGuard, используя готовый скрипт (есть еще такой) — там всё автоматизировано и проще.

А ещё можете установить вместо wireguard систему Outline. На сервере она устанавливается ровно в одну команду. Видео об outline запишу на канал.
#linux

3000. Спасибо, что вы здесь! Всех обнимаю:)

Забавно наблюдать, как культивируемая на западе по сути поп-культура «отмены» используется сейчас по отношению к России. Они там любят отменять — дружно хейтить что-то сказавших звёзд, дружно хейтить противников BLM, хейтить старых мужиков, *-цать лет назад кого-то из нынешних звёзд вроде как склонивших к грязным играм и вроде как даже без их согласия:). Впрочем, это и нам не чуждо, у нас тоже похейтить любят, но, кажется, не так массово и в основном конкретных людей, что-то не подумавши брякнувших, как, скажем, в случае Регины Тодоренко с её темой домашнего насилия.

Однако же отмена отменой, а бабло — баблом.

SAP ушёл из России. Ба-дааамс, какие мы грозные и все такие против всего плохого и за всё хорошее! На следующий день — ну, мы как бы так-то вот оно и точно ушли, но поддерживать контракты продолжаем. Кто не в курсе — бизнес SAP в первую очередь и заключается в поддержке проданных лицензий, а не в продаже собственно лицензий. Ушли они:) В кризис 2008го в России были крупные клиенты SAP'а, отказавшиеся от оплаты поддержки. После кризиса, в 2010е, самые крупные бонусы в SAP получали сейлы, вернувшие такие компании на поддержку снова. По условиям контрактов такие клиенты должны были заплатить и за то время, которое они не платили эту поддержку и ей не пользовались. Это и есть бизнес SAP и он продолжает работать в России.

KFC закрывает свои точки в России. Ууууххх! Звучит серьёзно. По сути — закрыли 70 точек в стране из ~тысячи. 70 из 1000. Это вам не игрушки, всё по-взрослому.

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

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

Apple вчера проводили презентацию (вышел новый SE айфон и Mac Studio на адово мощном M1 Ultra) и сначала не хотели показываать её в России, ибо надо соблюсти повесточку тоже: «Видео недоступно. Владелец видео запретил его просмотр в вашей стране». Потом передумали и всё равно показали. Бабло есть бабло.

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

Такие дела.
#news

Ботаню реактушку. Написал на React один небольшой проект в прошлом году, но сейчас хочу углубиться. Как изучаю?

1. Читаю книгу. Книга хорошая, хотя перевод неидеальный и в паре мест вижу ошибки/опечатки, но они очевидны и не вводят в заблуждение. Понравилось, что в начале книги есть глава про то, что появилось в ES6. Так-то на JS я и в древнем году 2009м вполне программил, но за новшествами с ES2015=ES6 плотно не следил. Освежить было полезно. Про функциональное программирование, чистые функции, императивный и декларативный подход — написано хорошо.

Принцип выбора книги — ищу то, что есть, смотрю отзывы, смотрю оглавление. В идеале мне нравится поехать в большой книжный и там полистать книгу перед покупкой, чтобы купить то, что понравилось. Эта книга у меня есть в бумаге и я листал её перед покупкой, хотя сейчас читаю с цифры, так как бумажная версия не со мной. Читать с айпада — ок. Но интернет на планшете может отвлекать, иногда стоит отключить.
#IT #frontend #books #javascript #interesting

2. Использую на айпаде приложение GoodNotes для заметок по ходу чтения. PDF с книгой там же подгружен. Удобно. Хотя он по-моему платный и возможно сейчас с продлением будут проблемы, не знаю. Можно писать и на бумаге в блокноте, важно, чтобы самому было приятно вести этот процесс, пусть это будет хороший блокнот или тетрадь и удобная ручка.

Почему пишу от руки, а не набиваю? Есть мнение, что так запоминается лучше, когда ручкой/стилусом пишешь, это как-то иначе воздействует на мозг. Когда изучал Python, вел заметку в Evernote, выписывая основные структуры данных и языковые конструкции.

3. Читаю официальную документацию. У реакта она сейчас а) хороша б) переведена на много языков, в том числе на русский. Действительно отличная документация, во всяком случае для изучения библиотеки.

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

Документация по Rust отличная — там полноценная структурированная книга, заходишь и сразу понятно, что куда идти читать.

По PHP неплохая дока была благодоря тому, что по любой функции можно получить доступ сразу по урлу — например, хочешь посмотреть доку/примеры по функции strip_tags, пишешь php.net/strip_tags и попадаешь сразу на доку по этой функции. Не надо гуглить или пользоваться поиском по сайту. И помимо доки внизу комменты с рейтингом, там многое можно было почерпнуть. Хорошая дока.

И вот по React хорошая дока с точки зрения изучения библиотеки, стоит почитать.

4. Смотрю большой материал на freeCodeCamp. Не уверен, что посмотрю его весь, но смотрю по наличию времени в отрыве от книги и доки, где-то на нормальной скорости, где-то на 2x. Вообще ютуб на 1.5-2x это отличное изобретение.

5. Буду читать чужой код и общаться с коллегами.

Резюмирую — использую все возможные каналы получения информации. Кто-то говорит, что изучить новую технологию это просто вот тут что-то в одном месте почитать и сразу молодец. Я так не думаю. Надо посмотреть/почитать много где, сопоставить полученную информацию, уложить её в голове и на практике. Тогда всё устаканится хорошо и важное отфильтруется от менее важного.
#IT #frontend #books #javascript #interesting #rust