You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
176 lines
10 KiB
176 lines
10 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||
|
|
||
|
<!-- Enable responsiveness on mobile devices-->
|
||
|
<!-- viewport-fit=cover is to support iPhone X rounded corners and notch in landscape-->
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover">
|
||
|
|
||
|
<title>Julio Biason .Me 4.3</title>
|
||
|
|
||
|
<!-- CSS -->
|
||
|
<link rel="stylesheet" href="https://blog.juliobiason.me/print.css" media="print">
|
||
|
<link rel="stylesheet" href="https://blog.juliobiason.me/poole.css">
|
||
|
<link rel="stylesheet" href="https://blog.juliobiason.me/hyde.css">
|
||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
</head>
|
||
|
|
||
|
<body class=" ">
|
||
|
|
||
|
<div class="sidebar">
|
||
|
<div class="container sidebar-sticky">
|
||
|
<div class="sidebar-about">
|
||
|
|
||
|
<a href="https://blog.juliobiason.me"><h1>Julio Biason .Me 4.3</h1></a>
|
||
|
|
||
|
<p class="lead">Old school dev living in a 2.0 dev world</p>
|
||
|
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<ul class="sidebar-nav">
|
||
|
|
||
|
|
||
|
<li class="sidebar-nav-item"><a href="/">English</a></li>
|
||
|
|
||
|
<li class="sidebar-nav-item"><a href="/pt">Português</a></li>
|
||
|
|
||
|
<li class="sidebar-nav-item"><a href="/tags">Tags (EN)</a></li>
|
||
|
|
||
|
<li class="sidebar-nav-item"><a href="/pt/tags">Tags (PT)</a></li>
|
||
|
|
||
|
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<div class="content container">
|
||
|
|
||
|
<div class="post">
|
||
|
<h1 class="post-title">Links comentados de 2020-06-11</h1>
|
||
|
<span class="post-date">
|
||
|
2020-06-11
|
||
|
|
||
|
<a href="https://blog.juliobiason.me/pt/tags/links/">#links</a>
|
||
|
|
||
|
</span>
|
||
|
<p>Infra-estrutura Como Código (em Python), Pong em Elm, Alan Kay e Objetos,
|
||
|
Paywalls, Brave, Notas, Rust do Zero, Escrevendo, 51 Conceitos Que Você
|
||
|
Deveria Saber, MAD em CSS, Algoritmos Mágicos.</p>
|
||
|
<span id="continue-reading"></span><h2 id="why-you-should-try-pyinfra"><a href="https://pointlessramblings.com/posts/Why_You_Should_Try_pyinfra/">Why you should try pyinfra</a></h2>
|
||
|
<p>Eu tenho, por algum tempo, adiado criar um playbook em
|
||
|
<a href="https://www.ansible.com/">Ansible</a> para configurar meu droplet na
|
||
|
DigitalOcean -- sem qualquer outro motivo que não seja minha preguiça -- e
|
||
|
agora tem esse modo em Python puro para configurar um ambiente e, com isso,
|
||
|
agora eu tenho dois modos de como não fazer -- de novo, porque eu sou
|
||
|
preguiçoso.</p>
|
||
|
<h2 id="recreating-pong-for-the-web-with-elm"><a href="https://dev.to/bijanbwb/recreating-pong-for-the-web-with-elm-2bi8">Recreating Pong for the Web with Elm</a></h2>
|
||
|
<p>Existe algo profundamente satisfatório em ler um tutorial que começa bem no
|
||
|
começo e explica cada passo que deve ter feito.</p>
|
||
|
<p>Eu só sinto falta das parte de "Se você fizer isso, não vai funcionar/vai dar
|
||
|
crash".</p>
|
||
|
<h2 id="alan-kay-did-not-invent-objects"><a href="https://www.hillelwayne.com/post/alan-kay/">Alan Kay Did Not Invent Objects</a></h2>
|
||
|
<p>Ah, eu adoro esse tipo de discussão, que se repete varias vezes -- Eu
|
||
|
basicamente ouvi a mesma coisa toda vez que eu ia no Meetup de Elixir daqui.</p>
|
||
|
<p>Mas o básico é: Quando Alan Kay estava falando de "design orientado a
|
||
|
objetos", ele estava falando da comunicação entre objetos, não sobre
|
||
|
encapsulamento, herança e assim por diante.</p>
|
||
|
<h2 id="problems-with-paywalls"><a href="https://slatestarcodex.com/2020/06/04/problems-with-paywalls/">Problems With Paywalls</a></h2>
|
||
|
<p>Algumas das palavras no post são bastante fortes -- "Eu ficaria mais feliz em
|
||
|
um mundo onde os grandes jornais deixassem de existir, comparado com um mundo
|
||
|
onde eles existem mas seus artigos estão atrás de um paywall" -- mas o ponto
|
||
|
que é feito é bem real: Conteúdo atrás de um paywall usam uma ideia de "me
|
||
|
deixem mexer na sua imaginação/curiosidade para que você pague pelo conteúdo".
|
||
|
E talvez o conteúdo produzido seja feito <em>apenas</em> para gerar curiosidade e
|
||
|
produz absolutamente nada de pesquisa ou conteúdo.</p>
|
||
|
<p>Ao mesmo tempo, se o conteúdo fosse bom, baseado em pesquisa e tivesse
|
||
|
conteúdo real que viveria por um bom tempo (e não algo que fosse interessante
|
||
|
somente nessa semana e seria completamente esquecido na próxima), então usar
|
||
|
paywalls seria válido de ser pago.</p>
|
||
|
<h2 id="the-brave-web-browser-is-hijacking-links-and-inserting-affiliate-codes"><a href="https://davidgerard.co.uk/blockchain/2020/06/06/the-brave-web-browser-is-hijacking-links-and-inserting-affiliate-codes/">The Brave web browser is hijacking links, and inserting affiliate codes</a></h2>
|
||
|
<p>Não é a primeira vez que o Brave foi pego fazendo algo moralmente questionável
|
||
|
com o conteúdo dos usuários. Em algum ponto, alguém começaria a se perguntar
|
||
|
se eles compartilhassem um link de referência com um amigo -- por exemplo,
|
||
|
para ter recompensas no DigitalOcean, se a outra pessoa assinasse o serviço --
|
||
|
e ao invés de receber a recompensa, essa fosse para o Brave para que eles
|
||
|
pudessem rodar seus serviços.</p>
|
||
|
<p>De uma forma, isso mostra como é difícil criar um browser nos dias atuais,
|
||
|
mesmo que você pegue uma base de código que já exista e faça melhorias. Mas
|
||
|
ações moralmente questionáveis também parecem ser a forma como a maior parte
|
||
|
das empresas de internet funcionam hoje em dia...</p>
|
||
|
<h2 id="zettelkasten-note-taking-in-10-minutes"><a href="https://blog.viktomas.com/posts/slip-box/">Zettelkasten note-taking in 10 minutes</a></h2>
|
||
|
<p>Eu tenho pensando numa forma de melhorar meu fluxo de notas, de forma que o
|
||
|
conhecimento não seja totalmente perdido. E tem aparecido um monte dessa forma
|
||
|
"Zettelkasten" de fazer notas na minha timeline de tempos em tempos.</p>
|
||
|
<p>E é bom que tenha uma introdução simples exista, mesmo que eu ainda tenha que
|
||
|
começar a utilizar.</p>
|
||
|
<h2 id="zero-to-production-1-setup-toolchain-ides-ci"><a href="https://www.lpalmieri.com/posts/2020-06-06-zero-to-production-1-setup-toolchain-ides-ci/">Zero To Production #1: Setup - Toolchain, IDEs, CI</a></h2>
|
||
|
<p>Se você está interessado em Rust e não tem ideia de como começar ou para onde
|
||
|
ir, Luca Palmieri está escrevendo um "livro" sobre todo o processo.</p>
|
||
|
<h2 id="how-we-write"><a href="https://blog.griffin.sh/2020/06/05/how-we-write/">How We Write</a></h2>
|
||
|
<p>Dicas como escrever bem. E as dicas são precisas e diretas.</p>
|
||
|
<h2 id="50-ideas-that-changed-my-life"><a href="https://www.perell.com/blog/50-ideas-that-changed-my-life">50 Ideas That Changed My Life</a></h2>
|
||
|
<p>Não muito como "ideias", mas mais como "conceitos".</p>
|
||
|
<p>Ainda, como toda boa lista, ela lista 51 conceitos, não apenas 50.</p>
|
||
|
<h2 id="the-mad-magazine-fold-in-effect-in-css"><a href="https://thomaspark.co/2020/06/the-mad-magazine-fold-in-effect-in-css/">The Mad Magazine Fold-In Effect in CSS</a></h2>
|
||
|
<p>Ah, a última página da MAD. Eu lembro ficar tentando várias vezes para
|
||
|
conseguir fazer as dobras direito, para que a imagem correta aparecesse. É
|
||
|
meio óbvio que, quando começamos a automatizar várias coisas, deveria ter um
|
||
|
modo de fazer isso.</p>
|
||
|
<p>Por outro lado, eu mantenho a mesma opinião sobre qualquer exemplo de CSS
|
||
|
complexo: Ok, agora centraliza o texto nesse caixa.</p>
|
||
|
<h2 id="algorithm-is-the-problem-not-mark-zuckerberg"><a href="https://interconnected.blog/algorithm-is-the-problem-not-mark-zuckerberg/">Algorithm is the Problem, Not Mark Zuckerberg</a></h2>
|
||
|
<p>Ok, vamos discutir esse post por um ponto: Quem está mostrando que o COVID é
|
||
|
uma arma do governo chinês que saiu de control, racismo não é um problema e
|
||
|
pessoas brancas tambem sofrem racismo, e que decapitar estatuas é errado não
|
||
|
foi o que Zuckerberg fez, mas foi feito pelo "algoritmo".</p>
|
||
|
<p>E aqui é que está o problema: Embora Zuckerberg não tenha sido quem criou "o
|
||
|
algoritmo", pessoas que trabalham para ele fizeram. Ainda, "o algoritmo" não
|
||
|
apareceu do nada e decidiu o que você gosta, alguém foi lá e colocou isso.
|
||
|
Essa ideia é o que a maioria das pessoas entende errado sobre inteligência
|
||
|
artificial e "algoritmos": Eles não surgem do nada, alguém vai lá e coloca
|
||
|
essas coisa e o algoritmo simplesmente reage com o conteúdo.</p>
|
||
|
<p>Considere, por exemplo, o fato que o Google começou a marcar pessoas negras
|
||
|
como "gorilas" nas Fotos. Isso <em>não foi</em> um problema com "o algoritmo"; alguém
|
||
|
que trabalha no Google decidiu que pessoas negras não são importantes o
|
||
|
suficiente para adicionar no conjunto de treinamento -- ou pior, que uma
|
||
|
pessoa (ou grupo de pessoas) sequer pensou que adicionar pessoas negras no
|
||
|
conjunto de treinamento era algo que estava faltando ou mesmo que seria válido
|
||
|
adicionado.</p>
|
||
|
<p>Isso não é um problema do "algoritmo", é um problema com as pessoas. Pessoas é
|
||
|
que estão por trás de qualquer algoritmo "mágico" que tem por aí.</p>
|
||
|
<p>E embora Zuckerberg provavelmente não tenha se envolvido com a construção
|
||
|
desse algoritmo, as pessoas que fizeram é que são o problema. E não o
|
||
|
algoritmo.</p>
|
||
|
<hr />
|
||
|
<p>Esse post foi feito com a ajuda de</p>
|
||
|
<ul>
|
||
|
<li><a href="https://floss.social/@alcinnz">Adrian Cochrane</a></li>
|
||
|
<li><a href="https://loves.pizza/@a_cat">gamer cat69</a></li>
|
||
|
<li><a href="https://botsin.space/@hn100">Hacker News 100</a></li>
|
||
|
<li><a href="https://mastodon.social/@hntooter">HN Tooter</a></li>
|
||
|
<li><a href="https://mastodon.social/@newsbot">newsbot</a></li>
|
||
|
</ul>
|
||
|
<!--
|
||
|
vim:spelllang=pt:
|
||
|
-->
|
||
|
|
||
|
</div>
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
</div>
|
||
|
|
||
|
</body>
|
||
|
|
||
|
</html>
|