Product Marketing, Business and Technology !!!

Color your life

Product Marketing, Business and Technology !!!

Why This Site ???

This is about writing without trying to write pro content.

I am a father, a basketball coach, and another (not so common) guy that after getting a college engineering degree in IT was converted to the dark side of Management, Business Development and Product Marketing a long time ago. I spend time managing projects in the IT field, translating IT into product/market needs and viceversa. I also like to keep in touch with raw technology so i build things from time to time.

Crear archivos markdown rápidamente con VS Code

image-center

VS Code como Markdown Editor

Ahora mismo, VS Code es el mejor editor de markdown (después de que Typora intentara cobrar por todo).

Sólo tienes que:

  1. Instalar VS Code

  2. Hacer que sea fácil abrir un archivo o directorio directamente en VS Code desde Finder. También puedes ser un ninja y saber que existe desde la terminal code ., si no lo sabías, apréndetelo !!! Para ello, dejo la chuleta de cómo hacerlo con (con nuestro viejo y potente amigo) Apple Automator en https://www.youtube.com/watch?v=dcjevVMhpoM:

  1. Instalar el plugin de Auto-Open Markdown Preview en VS Code desde https://marketplace.visualstudio.com/items?itemName=hnw.vscode-auto-open-markdown-preview

Como activar Prettier en VS Code y no morir en el intento

image-center

Prettier: se me olvida ponerme guapo

Si sabes lo que es prettier, sabes que puede ser lo más útil para tener el código bien formateado, o lo que más te saque de tus casillas editando código. Si no sabes lo que es, te recomiendo usarlo https://prettier.io/docs/en/.

Ahora, el truco está en que cuando instalas el plugin de VS Code, no basta con instalarlo… hay que hacer lo siguiente RTFM, punto !!!

Recordatorio para mi mismo…

Cuando instalas la extensión queda claro que debes activarlo como Default Formatter en VS Code Settings. Para ello, SHIFT + CMD + P para abrir la paleta de comandos y filtra por opensettingsjson workbench & user y puede ser utilizado para TODOS los lenguajes o alguno específico. Por ejemplo, para JavaScript:

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

Tienes más dudas o prefieres verlo en una píldora? Este mini-video https://www.youtube.com/watch?v=z9K1XBf01ls te lo explica.

Ollama va a la universidad

image-center

🦙 Ollama ya puede ejecutar modelos LLM multimodales

Ya está disponible la versión de llava en https://ollama.com/library/llava… y yo me he preguntado si con todo el revuelo que hay con la Generative AI estas últimas semanas, este modelo de andar por casa es capaz de dar el nivel.

Lo he enviado en la bioguagua a estudiar Bio-Medicina a la universidad y le he marcado algunas tareas, ejecutando una consulta multimodal sobre una imagen en disco con ollama run llava "what is in this image? /users/me/images/myimage.jpg"

A lo que me ha respondido:

image-center

image-center

image-center

Aunque muestra intención de querer responder algo relacionado con la imagen, y hace un gran esfuerzo, ha suspendido. Me pregunto qué potencia tendrán los modelos realmente buenos, no los liberados como Open Source.

Todavía no podemos encargarle la misión de llevar automáticamente el contenido del canal de Instagram BioGuagua.

Ollama, el Docker de los Modelos LLM (🦙❤️🐳)

image-center

🦙❤️🐳 Ollama, el Docker de los Modelos LLM

Si quieres trabajar con LLMs en local sin conexión de Internet, o no pasar por OpenAI ChatGPT lo sabe y lo usa todo, esta es la mejor solución.

Instalar Modelos LLMs en local con Ollama Server

1.Descarga desde Ollama.ai para tener servidor en local

Ahora ya puedes ejecutar modelos como Llama 2, Code Llama, y otros. También permite modificar y crear modelos personalizados como harías con una imagen de Docker.

2.Para utilizar Ollama:

  • descargar modelos: ollama pull llama2. Existen muchos modelos en https://ollama.com/library
  • ejecutar modelos: ollama run lava y tendrás el modelo listo en una terminal
  • ver los modelos descargados: ollama list
  • eliminar un modelo descargado: ollama rm llama2
  • también puedes arrancar Ollama desde la terminal sin necesidad de la aplicación de escritorio con ollama serve
  • ejecutar una consulta desde el prompt ollama run llama2 "why is ths sky blue?"
  • ejecutar una consulta desde el prompt pasándole un archivo como argumento para el contexto ollama run llama2 "haz un resumen del siguiente archivo: $(cat README.md)"
  • ejecutar una consulta multimodal sobre una imagen en tu disco local ollama run llava "what is in this image? /users/me/images/myimage.jpg"
  • saber más: ollama --help

3.Para saber más, puedes leer su blog en https://ollama.ai/blogy el canal de Youtube de su PM & Evangelist en https://www.youtube.com/@technovangelist que van publicando lo último que van sacando, y mejoran muy rápido.

Utilizar un asistente personal local con VS Code en lugar de Github Copilot

1.Descargar Cody Plugin para VS Code:

  • hacer el login con una cuenta de Github por ejemplo y autorizar su uso.
  • Abrir Cody plugin settings / pick "⚙ Cody Extension Settings" with gear icon.

2.Hacer scroll hasta llegar abajo a y cambiar:

  • opción Cody > Autocomplete > Advanced: Provider y seleccionar experimental-ollama o unstable-ollama.
  • opción Cody > Autocomplete > Advanced: Model y dejar null para dejarlo por defecto.

3.Empezar a utilizar Cody como asistente ya dentro de VS Code pero esta vez en local, con tu LLM Open Source favorito por ejemplo codellama:7b-code.

Librerías para Python y JavaScript

Ya están disponibles las versiones iniciales de librerías para poder utilizar Ollama en lugar de las APIs de OpenAI ChatGPT.

pip install ollama
npm install ollama

Para saber como utilizarlas tienes el blog https://ollama.com/blog/python-javascript-libraries y video en su canal de Youtube.

Utilizar la API REST de Ollama

También puedes utilizar la API REST que funciona en la trastienda:

curl http://localhost:11434/api/generate -d '{
	"model": "llama2",
	"prompt": "Why is the sky blue"
}'


curl http://localhost:11434/api/chat -d '{
	"model": "llama2",
	"messages": [
		{ 
			"role": "user",
			"content": "Why is the sky blue" 
		}
	]
}'

Otros recursos interesantes

Canario conoce tu Lengua

image-center

Random Canario 🇮🇨 - Canario conoce tu lengua (Parte 2)

Oopss !!! …parece que el día 3 ha llevado un año. Pero nunca es tarde si la dicha es buena.

Ya está disponible la aplicación básica de react y una nueva versión de la api con flask para darle servicio.

Puedes acceder al sitio web en randomcanario.oliverbarreto.com. La api, se encuentra también disponible en randomdic.oliverbarreto.com

Funcionalidad Actual

La aplicación tiene las siguientes funcionalidades:

  • Permite visualizar en tu navegador una palabra random del lenguaje canario cada vez que la cargas.
  • Permite marcar una palabra como “Me gusta” para indicar que la usas o simplemente te gusta.
  • Cada vez que se carga la web, permite visualizar una imagen random de lugares, paisajes y características emblemáticas de Canarias.

Nuevas funcionalidades

La aplicación todavía está en desarrollo.

  • Permitir que el usuario pueda acceder al diccionario canario.
  • Permitir que el usuario pueda buscar palabras en el diccionario de la lengua canaria.
  • Permitir que el usuario pueda ver las palabras marcadas como favoritas.
  • Permitir que el usuario pueda sugerir palabras para añadir en el diccionario.
  • Más y mejores imágenes con derechos libres.

Canario conoce tu Lengua

image-center

Canario conoce tu lengua !!!

Recuerdas lo de “Canario conoce tu Tierra” ??? pues ya va siendo hora de que también te acostumbres a lo de “Canario conoce tu Lengua”. Por eso vamos a tratar de hacer fácil el poder acceder en distintos servicios online al diccionario de la lengua que se habla en esta tierra, o poder ofrecer una palabra “random” cada día, y otros casos de uso.

También me sirve para documentar el cómo llevar una idea a la realidad en menos de 3 días utilizando varias tecnologías.

Nunca dejes las cosas a simple vista… Vaultwarden

image-center No lo recuerdes todo … sólo todo lo que necesites recordar !!!

Almacenar cosas está bien… pero no las almacenes en texto plano… ponle puertas al campo y usa una contraseña para almacenar zips

Cómo crear passwords para tus ficheros zip fácilmente en macOS:

A gentle reminder to my future self:

  1. Open terminal and cd into the location folder
  2. zip -er FILENAME.zip FILESorFOLDERStobeCOMPRESSED.
  3. In my case, that would be eg: zip -er MyPhotos.zip Photos/.

… and don’t forget the master password !!!

Don’t type again … move fast

A note to my future self…

image-right Get used to work with moving lines instead of copying and pasting lines again and again and again…

Instead of thinking in terms of copying a line of text, moving to the place you want to place it, and then (finally) paste it there… think in terms of just: move the line directly to the place you want it to be.

Move a line in VS Code & Obsidian

  1. Place the cursor on the line you want to move. Select multiple lines if you want by holding down SHIFT key.
  2. Press ALT + ARROW Keys to move the selected lines up or down to the desired location
  3. Tip: To make this work in Obsidian app, you have to configure your HotKeysin Preferences menu. Select Move line up and Move line down and assign a key shortcut, in my case I have Option + ↑ and Option + ↓.

Duplicate a line fast

  1. Just like the previous one, place the cursor on the line you want to duplicate.
  2. Press SHIFT + Option + ↑ or SHIFT + Option + ↓ and voila, the line will be duplicated just below where your cursor is.
  3. Tip: if you select various lines by holding down SHIFT while move your cursor to the lines you want you can duplicate those lines at once.

If you have a mac, you are in luck. If you just want to duplicate the line you are in, just:

  1. Place the cursor on the line you want to duplicate.
  2. And without selecting anything, press CMD + C and CMD + V, and voila, the line will be duplicated just below where your cursor is.