Parêntesis e chaves coloridas: um plugin que vai mudar sua vida

Posted on by gserrano

A rima não intencional no título é para falar do Bracket Pair Colorizer – ou de qualquer outro plugin que auxilie a identificar o que está fechando o que no seu código (parêntesis, chaves, colchetes).

Esta semana eu terminei de fazer um curso de NodeJS e estou colocando em prática duas das metas para 2019: trabalhando em um produto próprio e produzindo algo que vai para produção com NodeJS no back-end.

No javascript – mesmo evitando uma cadeia de callback hell – você ainda pode acabar se deparando com algo com uma estrutura parecida com isso:

({({({})})})

Descobri o plugin no tweet abaixo e ele faz exatamente o que parece:

Se você utiliza o VSCode, instalar é fácil:

ext install CoenraadS.bracket-pair-colorizer

Confira a página do Bracket Pair Colorizer. Se você utiliza outro editor recomendo procurar algo parecido – comecei a usar hoje e é muito prático.

Resolvido: Spotify só abre em fullscreen no Ubuntu

Posted on by gserrano

Parece ser um problema comum o Spotify “travar” no modo fullscreen no Ubuntu, sem dar acesso a taskbar.

Felizmente arrumar este problema do fullscreen é simples. Você deve:

  1. Encontrar o arquivo de configuração / preferências do Spotify
  2. Remover as referências as configurações de janela

Como encontrar meu arquivo de configuração do Spotify

Primeiro feche o Spotify. Depois vamos encontrar seu arquivo de configuração. Alguns fóruns que encontrei falam que o arquivo fica em ~/.config/spotify/prefs

No Ubuntu 18 o Spotify usa o snap, então para encontrar todos os arquivos de configuração fiz o seguinte:

find ~/snap/spotify/ -name prefs

Isto irá listar todos os arquivos “prefs” dentro do diretório. Para facilitar, você pode usar o seu editor e já abrir todos no editor:

find ~/snap/spotify/ -name prefs -execdir vscode {} \;

Agora é só procurar pelas ocorrências de app.window e remover estas linhas dos arquivos de configuração. Feito isso, salve os arquivos e pronto, seu spotify não abrirá mais no modo fullscreen.

Você também pode optar por apagar os arquivos de configuração – mas isto vai forçar um novo login quando você reiniciar o Spotify (e possivelmente perder qualquer outra configuração local que esteja salva nos arquivos de preferências).

Javascript – atribuição por referência x atribuição por valor

Posted on by gserrano

No Javascript os dados do tipo primitivos são atribuídos por valor e os objetos são atribuídos por referência.

O que são dados do tipo primitivos?

  • string
  • number
  • boolean
  • null
  • undefined
  • symbol

O que são considerados objetos?

  • Array
  • Funções
  • { }

O que significa passar os dados por valor?

Nos dados primitivos os dados são passados por valor, isso significa que é criado uma cópia e acontece uma nova alocação de memória para aquela informação.

let a = 1;
let b = a;
b += 1;

console.log(a); //1
console.log(b); //2

No exemplo acima, quando defino b é criado uma nova alocação de memória que copia o valor de a e atribui a minha nova variável b. Elas agora são independentes.

O que significa passar os dados por referência?

Quando falamos que os dados são passados por referência significa que irão apontar para o mesmo objeto na memória – o novo objeto será apenas uma referência ao caminho do objeto original na memória (pense como se fosse um atalho que você cria no seu desktop).

Isso acontece nos objetos:

let person = { name : 'Pacato'};
let person2 = person;
person2.name = 'Leon';

console.log(person.name); //Leon
console.log(person2.name); //Leon

Como person2 é apenas uma referência ao objeto alocado na memória como person, qualquer alteração em qualquer um deles será refletida no outro.

let arr = [1,2]; 
let arr2 =arr; 
arr2.push(3); 
console.log(arr); // [1, 2, 3]
console.log(arr2); // [1, 2, 3]

O mesmo ocorre com o array acima.

Como debugar NodeJS no VS Code?

Posted on by gserrano

Recentemente comecei a testar o VS Code, depois de alguns anos usando o Sublime Text (leia como abrir sublime no terminal (Linux) sem usar a sessão do terminal) e descobri que é possível fazer o debug de NodeJS do VS Code.

No momento que escrevi isso estou usando a V 1.29.1 do editor no Linux (Ubuntu), talvez algo possa ser um pouco diferente em outras versões ou plataformas.

O VS Code tem um botão de Debug na sidebar esquerda (de ícones), também pode ser ativado pelo menu View -> Debug ou ainda pelo atalho CTRL+SHIFT+D.

Neste debugger é possível fazer o start de uma aplicação/script em  NodeJS diretamente pelo VS Code.  Para isso antes é necessário criar um arquivo de configuração, clicando em Add Configuration (imagem abaixo).

Você define que é NodeJS e que a configuração será de Launch e o VS Code irá criar um arquivo launch.json na raiz do seu workspace, com o arquivo padrão. Você pode ter uma série de comandos diferentes para o debug, no mesmo arquivo – cada um representará uma opção no select de debug.

O editor disponibiliza vários modelos prontos de configurações, a Launch é a necessária para rodar e debugar um arquivo.

Com ela pronta, se você clicar em debugar (o ícone de “play” do printscreen acima) o VS Code irá executar seu arquivo e, por padrão, exibir no console interno do editor (debug console) qualquer resultado.

Ele também irá respeitar todos os breaking points que você marcar no arquivo. Você também tem uma aba de variáveis (na sidebar esquera do debug) que exibe tudo o que está disponível enquanto seu código roda.

Também é possível você acoplar o debugger do VS Code a um processo em NodeJS que já está rodando em sua máquina, para isso é necessário adicionar a configuração de “attach” no arquivo de config.

O vídeo abaixo (em inglês) explica um pouco dos processos básicos de debug com o editor.

Tabém vale a pena conferir a documentação sobre debug de NodeJS com o VS Code, lá tem detalhamento sobre as ocnfigurações possíveis para o Launch, protocolos utilizados, qual terminal utilizar (o do próprio VS Code ou externo), etc.

Como pegar preço de ações no Google Spreadsheet

Posted on by gserrano

Se você acompanha no twitter ou facebook sabe que não é segredp meu interesse no mercado financeiro.

Apesar deste post não ser exatametne sobre código, eu acredito que a programação vai além de criar código e algoritmo: eu, enquanto desenvolvedor, tenho como um dos objetivos do meu trabalho automatizar processos.

No último ano eu migrei todo meu controle de investimentos para uma planilha megazord no Google Drive que vai um pouco além do básico lucro/prejuízo para cada investimento.

Nela faço cálculo do preço médio (que me ajudar no cálculo de imposto de renda que incide na venda de ações), proventos (para saber meu ganho real, e não apenas na valorização do ativo),  histórico de compras e vendas e alguns gráficos que permitem ver com facilidade exatamente como está a alocação da minha carteira – por tipo de investimento e, dentro da categoria, a distribuição em cada ativo.

Uma das funções indispensáveis para este tipo de acompanhamento  é ter a cotação dos ativos disponíveis de forma automática na planilha – e é isso que o  =GOOGLEFINANCE faz.

Para pegar o último preço disponível de um ativo, é só usar a fórmula passando como primeiro parâmetro o código (ticker) da ação, por exemplo:

=GOOGLEFINANCE(“ITSA4”)

O segundo parâmetro é qual atributo será solicitado, por padrão é o preço:

=GOOGLEFINANCE(“ITSA4”, “price”)

Alguns dos atributos que podem ser solicitados:

  • "price" – Cotação de preços em tempo real, com atraso de até 20 minutos.
  • "priceopen" – Preço no início do pregão.
  • "high" – Preço da alta no dia atual.
  • "low" – Preço da baixa no dia atual.
  • "volume" – O volume de negociações do dia atual.

Solicitando dados de um período de tempo

Utilizando os próximos 3 parâmetros é possível especificar o período de dados que você quer visualizar (data inicial e final) e a periodicidade da informação (diária ou semanal).

Por exemplo, para solicitar a máxima de ITSA4, diárias, de janeiro a outubro de 2018 tenho o seguinte:

=GOOGLEFINANCE(“ITSA4”, “high”, DATE(2018,1,1), DATE(2018,10,31), “DAILY”)

Lembrando que em qualquer fórmula do spreadsheet você pode substituir os parâmetros por valores em outras células – isso permite automatizar muita coisa – inclusive a geração de gráficos.

Por exemplo, se tenho na minha coluna A uma lista dos papéis que tenho em carteira e na coluna B quero exibir a última cotação disponível, em minha cédula B1 posso utilizar a fórmula:

=GOOGLEFINANCE(A1)

Importante lembrar que as cotações tem delay, não devem ser utilizadas para decisão de trade/compra e venda.

Com um pouco de criatividade, filtros e gráficos você pode ter um sistema de visualização e acompanhamento de investimento “taylor made” bem completo com pouco esforço .

Como também tenho cryptomoedas, em breve escrevo sobre como automatizar também a cotação delas lá no Google Spreadsheet.

Na documentação oficial você pode ver todos os atributos possíveis de solicitar com o GOOGLEFINANCE.