Haz que la Web Sea Extraña de Nuevo

La web puede ser rara. De eso voy a hablar hoy.

En primer lugar, ya recibí una presentación increíble, pero lo haré yo mismo de nuevo. Soy Elian, el desarrollador principal de React Bricks, que es una empresa de CMS, Visual CMS con Componentes de React. Es muy genial. También soy un mantenedor de Astra. Solía trabajar en el equipo central durante un año. Soy parte de BGS, que es un grupo organizador de conferencias muy parecido a este. Hacemos React Brussels, React Paris, y ahora también React Africa, lo cual es increíble. Primera conferencia en África. Y soy de Bélgica. Vivo en Gante. ¿Tengo compatriotas belgas aquí? Uno. ¡Hola! Bien. Bien. Ya estoy. Me encanta. Está bien. Genial.

Si quieres seguirme en línea, estoy bastante seguro de que algunos de ustedes van a tomar fotos. Por favor, etiquétenme. Siempre lo encuentro muy divertido. Estoy en Elian Codes en todas las plataformas, solo BlueSkiesElian.Codes, que también es mi sitio web.

Así que antes de comenzar aquí, durante el último año, he hecho muchos eventos, muchas conferencias, muchas reuniones, y todas fueron sobre temas muy, muy serios como accesibilidad, rendimiento, CSS, lo que sea, JavaScript. Realmente genial, realmente genial, pero también muy serio. Así que pensé, no me malinterpreten. Me encanta dar todas esas charlas, especialmente sobre Astra y todo eso. Me encanta. Pero pensé que hoy les daría una charla que se adapte más a mi personalidad, que es alegre y divertida y todo eso, graciosa. Así que todos se van a divertir.

Ese es mi objetivo para hoy. ¡Diviértanse! Sí.

Así que hoy estoy aquí para hablarles sobre la web rara. Desde que era un niño pequeño, hace mucho tiempo, me encantaban los sitios web raros. ¿Alguien más tiene esa experiencia? Como cuando estaba en la escuela. Era un niño pequeño. Tenía una computadora con internet. Tuve la suerte de no ser ni tan viejo ni tan joven cuando me presentaron eso. Me encantó.

Y fui a este sitio web. ¿Quién recuerda este? Muchos de ustedes, ¿verdad? Y especialmente este. Este era mi favorito. Si está cargando. Sí. Ese. ¿Nadie lo reconoce? Se los mostraré rápidamente. Se llama Eelslap. Y básicamente lo que haces es golpear a alguien con una anguila. Así que esto es solo, son imágenes. Pero básicamente sigue el movimiento de tu ratón. Whoa. ¿Verdad? Sí, wow. No construí esto. Pero es bastante genial. Podría hacer esto durante horas.

Y así estaba sentado en mis clases sin prestar atención, pero solo haciendo esto. Y siempre, los maestros siempre estaban muy enojados conmigo porque estaba jugando. Pero no entendían que me encantaba la web rara y cómo esto todavía me inspira hasta hoy para hacer la web más divertida. Déjenme volver a poner mis diapositivas aquí. Así que depende de ustedes.

Como tenemos el poder. Somos desarrolladores. Podemos hacer que la web sea rara. Así que puede que no sepamos todo. Así que tal vez solo intentemos un par de cosas raras hoy para que realmente podamos probar cosas y divertirnos. Y espero que se diviertan, supongo. Yo me voy a divertir.

Así que, en primer lugar, ¿quién usa Arc Browser? Eso es bastante gente, ¿verdad? Sí. ¿Saben que en realidad inyecta variables CSS en cada sitio web que tienen? Como estas son las que hay. No me importa mostrar mis diapositivas. No me importa. Es un poco más fácil para mí de esa manera. Básicamente inyecta una paleta de colores CSS en cada sitio web.

Tengo un sitio web simple aquí, que solo dice la palabra Arc. Y es negro sobre blanco. Bueno, blanco sobre negro, en realidad. Y no muestra ningún color porque esas variables no están ahí. Y establecí valores de respaldo para eso. Pero, ¿qué pasa si voy a mi Arc y abro ese mismo sitio web? Si abro ese mismo sitio web, en realidad también es verde. Y eso es porque mi esquema de color en Arc es verde. Así que si cambio eso, creo que está en algún lugar aquí, editar colores del tema. Y quiero que sea púrpura, por ejemplo, mi sitio web reaccionará a eso. Así que esta es una personalización que puedes hacer en la web. ¿Es realmente útil? Bueno, no realmente, pero no todo tiene que serlo. Si es divertido, eso es más que suficiente para mí. Pero esto era solo CSS.

Y CSS es una cosa, pero ¿y si podemos programar, como en JavaScript, podemos hacer muchas más cosas porque un programa que todos usamos es el navegador y el navegador en realidad tiene muchas APIs que no conocemos? Así que echemos un vistazo a algunas APIs que quizás no hayas escuchado. La battery status API, ¿quién ha oído hablar de ella? Sí, un par. ¿Quién la está usando activamente? ¿Más o menos? Realmente nadie, y eso es algo bueno. Pero es muy simple.

Básicamente está en el navegador, puedes simplemente, oye, dame la información de la batería, y luego puedes mostrar, ves los niveles. También puedes verificar si está cargando o no. Pero en realidad también puedes adjuntar controladores de eventos a eso. Agregas oyentes.

Así que voy a hacer eso rápidamente. Bueno, ya preparé la demostración, obviamente. Y todo está en JavaScript puro. Primero construí esto en React, pero luego pensé, tal vez necesito mostrar más el poder de la web porque esto es solo un archivo HTML. Bueno, se sirve con Vites, pero es un archivo HTML con un script, y ese script está haciendo todo. No hay realmente React o un framework en funcionamiento.

Entonces, ¿qué tengo? Solo tengo un div con un título, tengo un elemento P, y tengo el nivel. Y básicamente hace lo que dice. Esta página desaparecerá a medida que se agote tu batería. Así que tienes un 100% de batería, la página es 100% visible. Si tienes cero batería, bueno, tu laptop se apagará, pero el sitio web tampoco estará allí. Y es muy simple de hacer, porque solo le pido a la batería, bueno, al navegador, oye, ¿puedo usar la batería, por favor? Y no se requiere permiso para leer la batería, por cierto. Eso es bastante extraño, en mi opinión, pero así es como es.

Y luego solo agrego un oyente de eventos al cambio de nivel. Así que si muestro esto visualmente, debería tener eso aquí. Así que tengo la batería. Así que ahora está en verde. Es texto verde. No expliqué qué es eso. Bueno, básicamente, es mi cable aquí. Así que si desconecto ese cable, está en rojo. Porque no está cargando. Lo que sea que fuera eso. Eso no era la batería, espero. La batería murió. Así que esta página ahora es 89% 98% visible.

Gracias, Tejas. Y es muy simple, y estoy haciendo muchas cosas tontas con ella. Como esto realmente no es útil, ¿verdad? Pero puede ser útil. Está disponible en la mayoría de los navegadores principales, no en Safari. De hecho, está disponible en Firefox, pero lo falsifican con datos falsos, porque piensan que es una violación de la privacidad. Y en cierto modo, estoy de acuerdo.

¿Es útil? Sí. De alguna manera. Porque imagina que tienes mucho trabajo de GPU realizándose en tu sitio web. Ahora realmente puedes detectar, oye, el sitio web de esta persona, bueno, la laptop de esta persona, no está tan llena. Tal vez deberíamos reducirlo y usar menos batería. Sí, wow, exactamente. Pero en realidad, también tiene cosas muy oscuras. Como por ejemplo, este es un proyecto de un compatriota belga mío, Dries de Poorten, y básicamente se llama Die With Me. Así que esta es una aplicación de chat, pero solo puedes usarla si tu porcentaje está por debajo del 5%. Así que puedes chatear con tus amigos o con personas al azar en todo el mundo que también tienen un teléfono que se está muriendo. Así que es divertido, pero la cuestión es, ¿y si tomamos un giro realmente oscuro?

eBay, whatever, Amazon, y de repente puedes detectar, oye, esta persona solo tiene un 10% de batería que debería durar alrededor de tal vez 20 minutos. Vamos a impulsar algunas ventas y vamos a hacer que los precios sean un poco más altos, porque tal vez todavía necesita comprar algo, pero su teléfono va a morir. Bueno, ese es un giro muy oscuro, pero es totalmente y técnicamente posible. Espero que todos ustedes no hagan eso. No lo usen para eso.

Lo que yo uso, por ejemplo, trabajo en una empresa de CMS. No tenemos autoguardado para eso. Así que puedo enviar una notificación, oye, tu sitio web está, bueno, estoy detectando que tu batería está casi muerta. Tal vez deberías guardar.

Por ejemplo, WebHID, Web Human Interface Devices. ¿Quién lo ha usado? Nadie. Wow. Bien, genial. Entonces les voy a mostrar algunas cosas geniales. Es muy simple. Son solo dispositivos, un navegador web, obtén los dispositivos HID, y luego simplemente obtienes el dispositivo y puedes interactuar con ese dispositivo. Y les mostraré algunos ejemplos. De nuevo, estoy haciendo cosas tontas con él, pero explicaré después si realmente es útil y dónde lo es.

Así que tengo esta interfaz de audio aquí. Eso es lo que hace el sonido, ¿verdad? Esa es mi interfaz de sonido que uso para el sonido, pero también es un dispositivo WebHID. Así que solo me estoy conectando a ese porque era más fácil. Como pueden ver, ya tengo un par de cosas conmigo. Así que Volt 2, así es como se llama. Voy a conectarme a él. Y ahora realmente voy a apagar el sonido, porque si lo toco y se apaga, eso es molesto para todos ustedes. Este título de WebHID está realmente poblado con variables, HSL, que es una forma de CSS de calcular colores en un gran círculo. Pero lo que puedo hacer, tengo cuatro botones aquí. Y si los toco, realmente puedo alterar esos colores porque es solo un event listener en algunos botones de hardware. Lo estoy usando para cosas tontas. No hagan eso.

No hagas eso. Pero es algo genial sobre cómo realmente puedes hacerlo. Así que ahora no es visible porque ninguno de mis colores está encendido. Ahora enciendo el rojo. Enciendo el azul, lo que sea, todos esos colores. ¿Es difícil de hacer? Para nada. Déjame mostrarte mi código. Así que WebHID, ahí vamos. Hay algo molesto, y es que tienes que leer registros porque estás interactuando con hardware. A veces es un poco más avanzado, pero afortunadamente hoy en día tenemos IA para resolver eso por ti. Lo hice manualmente y principalmente presionando los botones y viendo qué funciona. Así que solo agrego un event listener al clic, que se conecta al dispositivo, bla, bla, bla. El dispositivo se abre. Entonces realmente puedo usar el dispositivo de entrada. ¿Y qué hago? Simplemente hago un on input algo, básicamente. Obtengo el número de registro y todo. Y cómo hago eso no es realmente interesante. Es principalmente este código, y es muy malo. Pero lo que puedo hacer es que puedes ver que hay equals número aleatorio, B equals número aleatorio. Así que cada vez que presiono un botón, me va a devolver un valor aleatorio, y yo inyecto ese valor en mi color HSL. Y ese código está justo aquí. Y es bastante fácil. Así que básicamente solo tomo el estilo, agrego el estilo, y lo hago todo con JavaScript. Y de repente tenemos un sitio web que puede cambiar colores. ¿Es útil? Por supuesto que lo es. ¿Es útil para la mierda que hago? No. Pero definitivamente es útil porque ¿y si tienes 3D en tu sitio web o tal vez alguien que tiene problemas de accesibilidad? Tal vez puedan usar hardware para interactuar con la web directamente sin un teclado o con algo más. Por ejemplo, controladores de PlayStation. Si alguna vez has hecho algo, sí, puedes conectarlos a WebHID. Buen Tejas.

Tejas sabe de lo que habla. Pero luego WebMIDI. ¿Quién conoce MIDI en general? OK, bien, bien. Un par de personas. Sí, ahí. Genial. OK, bien.

WebMIDI. Bueno, voy a conectar mi teléfono de nuevo para esto. Rápidamente. Esperando que el Wi-Fi funcione. OK, voy a cambiar rápidamente a mi hotspot. Eso va a ser un poco más fácil.

Entonces, ¿cómo están todos hoy? ¿Bien? Mejor que mi internet, parece. OK. Con un poco de suerte, debería aparecer ahora. No lo hace. OK, bueno, oh, aparece justo cuando lo necesito. OK, perfecto. Es muy lento, y no sé por qué. Pero lo haré así. Así que este soy yo. Para las personas que me conocen mejor, esto es de hace cuatro, cinco años. No sé.

Las personas que me conocen un poco mejor, soy DJ. Saben que me encanta ir de fiesta. También me encanta Berlín. Buenas fiestas. Me gustan. Es muy divertido.

Así que tengo pasatiempos, como todos ustedes. Y en 2022, comencé a trabajar a tiempo completo. Y estaba pasando ocho horas al día detrás de mi computadora. Bueno, al menos, porque estaba muy activo en open source. Así que, por supuesto, como, bueno, no, haces mucho más de ocho horas al día porque te encanta o lo odias, lo que sea. Aún haces más.

Así que decidí dedicarme por completo, bueno, no necesariamente por completo, pero usé más vinilos porque no quiero estar ocupado con pantallas y todo eso. Así que luego compré una guitarra porque pensé, oye, es muy divertido poder tocar. No sabía cómo, pero aprendí. Y haces lo que todo guitarrista hace. Si puedes tocar una guitarra, compras otra. Así que esa es mi segunda guitarra. Y luego compré una tercera y un par de altavoces adicionales. Y luego compré una cuarta, creo. Bueno, tengo un par. Pero quería más porque, bueno, por muy geniales que sean las guitarras, no es realmente lo mío. Soy belga, así que soy muy del mundo del techno.

Así que compré un 303, que es como una típica línea de bajo muy ácida, techno, principalmente, y un RD-6, que es una caja de ritmos. Compré esos, y luego pensé, hmm, probablemente necesite una groove box. Así que compré la groove box, y ya puedes ver como mi apartamento se está transformando un poco. Mi novia no está muy contenta con eso, pero ese es su problema. Así que luego compré un Keylab, que es un teclado muy grande para poder controlarlos a todos y mantenerlos sincronizados.

En resumen, tengo que mudarme porque mi apartamento se está quedando un poco pequeño. Eso pasó. Pero no hay pantalla. Eso era lo importante para mí. No hay pantalla, solo hay una cosa. Y eso es un reloj. Y lo genial es que ese reloj se llama MIDI, y podemos usarlo en el contexto del navegador web, lo cual es bastante loco. Porque cuando leí por primera vez, oye, puedo hacer esto a través del navegador, no tenía sentido.

Necesitas una caja como esta, por cierto. No es que puedas simplemente conectar un USB. Y te mostraré cómo está conectado para que tenga un poco más de sentido. Solo voy a ver si puedo usar OBS para eso para verificar si mi teléfono puede hacerlo.

¿Qué quiero? ¿Puedo ver mi pantalla? No. No parece. Bueno, eso es triste para ti. No puedes verlo. Lo explicaré. Así que cómo funciona esto, básicamente todos estos dispositivos, no hay USB. Hay puertos USB, pero no los estoy usando. Hay uno, y está en la interfaz de audio. La interfaz de audio está conectada vía USB-C a mi laptop. Y básicamente, recibe dos líneas de entrada de audio, sonido, y ese sonido de audio va a ir a esos dos altavoces.

Cómo está conectado, ese es su problema, no el mío. Y parecía funcionar. Lo probamos antes. Y de hecho tengo un cable MIDI aquí, que está conectado de este dispositivo a este dispositivo. Y básicamente, lo que hará es decirle, como, oye, estoy tocando a tantos beats por segundo o por minuto BPM. Y este reaccionará a ese y sabrá qué tan rápido debe tocar las notas. Eso es básicamente todo lo que hace. Lo genial es que puedo conectar esto a internet así, y lo voy a hacer. Lo primero que hice fue agregar un video. Y el video es Mr. Rick. Y Mr. Rick, oh, por cierto, eso es algo que debería haber mencionado. Creo que lo tengo en algún lugar aquí. Funciona en la mayoría de los navegadores. Eso no importa, bla, bla, bla.

Colores intermitentes. Así que si tienes algún tipo de enfermedad de convulsiones, ten cuidado. Lo que sucede es que puedo conectarme a ese reloj. Y ya estoy en mi navegador, bueno, en la consola. Pero cuando presiono play, puedo reproducir un video de Rick Astley. Así que puedo controlar la web solo presionando botones MIDI.

Y cómo funciona eso, en realidad, bueno, no es fácil, pero tampoco es tan difícil. Es solo un video en bucle muy simple, que tiene una fuente, Rick.mp4, lo que sea, con el ID Rickdance. Y lo que voy a hacer, todo este código es solo conectarse al dispositivo, asegurarse de que puedas interactuar con el dispositivo y todo. Pero básicamente puedo conectar aquí el Rickdance, bla, bla, bla. Y puedo verificar qué datos están llegando.

Y en el caso del reloj, el reloj comienza en 250. Ese es el código binario, lo que sea. Y 250 para detenerlo. Así que cuando voy, ves que hago un console log allí. Así que lo que hago es que cuando presiono play, verás que envía 250. Cuando detengo, va a hacer 255. Si detengo de nuevo, va a hacer lo mismo. Así que muy fácil. Pero lo interesante es qué pasa si estoy en una discoteca y quiero mis propias luces. Tienen luces bastante buenas, pero en realidad puedo llevar las mías.

Así que lo que hice fue conectar mis seis canales aquí, tengo seis, a HSL de nuevo, y voy a ampliar y usar ese espectro para crear sonidos. Así que si ahora... Ahora debería tener sonido. Bien, esto es solo un simple hi-hat. Y puedes ver colores intermitentes, por cierto. Te estoy haciendo consciente. Si luego agrego otro sonido, los colores están cambiando. Puedes ver los canales. Eso es un snare.

Pero también podemos usar un teclado. Entonces, ¿qué pasa si los conectamos todos juntos y realmente comenzamos a secuenciar cosas? Toda tu página web puede cambiar visualmente y representar la música que realmente estás tocando. En este caso, en vivo. Así que déjame encontrar algo aquí, como una buena línea de bajo belga.

Está bien, está bien, no está mal, no está mal. Puedo usar eso. Déjame poner un secuenciador. Y ahora de repente tenemos mucho más bajo. Ah, ahí vamos. Y Rick estaba bailando con nosotros. Gracias, Rick. Gracias, gracias. Pero tal vez... Gracias por los aplausos. Pero tal vez también demos un aplauso al equipo de AV porque hicieron esto posible conmigo. Gracias.

Entonces, ¿es útil? Pero es muy divertido, sin embargo. Es muy divertido. Porque todo esto está conectado y puedo conectar básicamente con un cable USB-C y una interfaz de audio. Pero imagina que realmente puedes llevar eso a la web. Por ejemplo, Photoshop en la web es una realidad ahora. ¿Qué pasa si puedo presionar una nota y realmente cambiará la opacidad del color de algún filtro? O puedes cambiar tu exposición. Algo así. Es mucho más barato que un Elgato Stream Deck, por ejemplo. Pero es bastante genial. Y estas son solo algunas de las APIs. Hay muchas, muchas más. Y la web es muy avanzada y sabemos que algunas cosas funcionan en Chrome y no funcionan de otra manera. Pero eso no es importante. Normalmente, y especialmente cuando yo...

Bueno, se relaciona mucho con mi trabajo en Astro. Yo digo usa la plataforma. Como, Astro es muy una cosa de plataforma primero. Es divertido y eso es lo que hace que nuestros trabajos sean divertidos. Porque esto se relaciona mucho con mi historia de código abierto. Como, el código abierto es increíble y es divertido.

Pero el problema es que muy a menudo, como organizamos un panel al respecto, puede empezar a sentirse como una carga. Y la cosa es, lo que siempre digo, publica tus bibliotecas. Deja que otras personas se diviertan con ellas. Haz algo, como por ejemplo el de eelslap. Es tan simple. Bueno, me hizo sonreír. Me hizo feliz. Se supone que nuestro trabajo debe ser divertido. Estamos ocho horas al día haciendo nuestro trabajo. Por favor, mantengámoslo divertido también. Es muy importante para mí. Mantén la web rara.

Soy Elyon. Muchas gracias. APLAUSOS La primera es, ¿encuentras que tienes una tolerancia diferente al fracaso al construir proyectos raros o tontos? ¿Alguna vez te rindes? Y si es así, tal vez... Todo el tiempo. ¿Cuáles son algunos de los proyectos que fallaron? Básicamente, uno es estos. Acabo de mostrárselos y lo encuentran divertido porque es una charla de conferencia. Pero si estás en casa, nadie va a usar esto. Y eso no importa porque me divertí construyéndolo y si luego lo publico y nadie lo usa, esa no era mi expectativa. Así que no me importa tanto. Pero no solo en términos de publicar, sino en términos de construir cosas. ¿Alguna vez tienes ideas y simplemente dices, bueno, eso no funcionó. Deséchalo.

Deséchalo. ¿Es esa tolerancia diferente? Sí, totalmente, porque te estás divirtiendo mucho más. E incluso averiguar si va a funcionar es muy divertido para mí. Porque solo estaba tocando música y en realidad no me importaba tanto que todo fuera increíble, se viera bien o funcionara. Solo me divertí. ¿Has tenido algún proyecto que simplemente haya fracasado? No realmente, en realidad. La mayoría de las veces, encuentro una manera de hacerlo, incluso si es muy improvisado.

Pero sí, principalmente encuentro mi camino. Encantador. Gracias. Siguiente pregunta. ¿Cómo te inspiras? La persona que lo envió dijo, siento que me falta creatividad. Sí, es algo difícil, pero creo que típicamente me llega cuando no estoy necesariamente aburrido en el trabajo, pero cuando estás sentado allí, sin divertirte, entonces pienso, oh, sabes qué sería divertido. Y luego empiezo a desarrollar esa idea y esa idea se convierte en otra idea y esa se convierte en otra idea. Pero inspirarse, quiero decir, lleva mucho, no sé, suerte. Noté en tu charla que hablaste mucho sobre usar la plataforma y las APIs web, incluso si no hay un gran soporte para ello. ¿Es esa una herramienta que usas para crear ideas?

Depende. Porque, por ejemplo, con Azure, no vas a publicar APIs que nadie use y que generalmente no estén bien soportadas. Pero para proyectos divertidos, realmente no importa si no funciona en mi teléfono. O tal vez sí, pero no en ese teléfono móvil. Eso no importa mucho, pero en mi vida diaria, sí, no voy a... Bueno, ahora conozco todas esas APIs y de hecho uso algunas de ellas en mi trabajo. Así que creo que eso es algo genial. Sí, y por supuesto diste el ejemplo de la batería en la Cache API, ¿verdad? Realmente aprecié que diste un ejemplo del mundo real no tonto, ¿verdad? Sí, sí, sí. Bien, así que abordaste esto un poco en tu charla, pero vale la pena preguntar de nuevo. Incluso si tus ideas son raras, ¿cómo te sientes sobre cosas como arcos, variables de color, cuando no están soportadas en ningún otro lugar? Sí, bueno, primero que nada, tu sitio web debería ser, bueno, si es como un sitio web de producción, debería ser accesible y la misma experiencia en todas partes, idealmente. Pero en el caso de arc, es algo divertido, ¿verdad? Es personalización de una manera divertida y solo está inyectando variables CSS. Eso no está tan mal, pero el problema es cuando, por supuesto, eso comienza a diferir mucho entre diferentes navegadores y no hay un estándar, entonces se vuelve muy molesto. Pero afortunadamente en el caso de arc, puedes simplemente detectar también, como si es arc o es otra cosa. En ese caso, podría simplemente hacer un fallback normalmente. Realmente nunca, bueno, en realidad una vez hice mi sitio web personal con eso, pero luego lo quité de nuevo porque quería que todos los usuarios tuvieran la misma experiencia y creo que esa es generalmente la mejor manera antes de divertirse, explótalo al máximo.

Bien, una pregunta de Christina aquí. ¿Vas a actuar esta noche en la afterparty? Daria, ¿lo haré? No, no lo sé. No, no lo haré, pero puedes pedírmelo para el próximo año. La gente lo quiere. Lo escucho. Muy bien hecho. Bien, hay algunas similares. ¿Podrías compartir tu SoundCloud? En realidad no tengo uno. ¿Qué? ¿Qué pones bajo todos tus tweets virales? Bueno... No tu SoundCloud resulta ser. No, en realidad no publico música. Creo que solo hay una persona aquí que ha escuchado mi música y es Attila. No sé dónde está. Pero él ha escuchado algo de mi música y eso es todo. Realmente no la publico porque ese no es mi objetivo. Mi objetivo es divertirme mientras toco y eso es lo que tiene que ver con la cosa de no tener pantalla. No estoy grabando nada realmente. Solo estoy ahí en el momento disfrutándolo y luego después lo dejo y empiezo a hacer otra cosa. Eso también me recuerda un poco a una pregunta en la charla anterior sobre si vas a hacer open source este trabajo que has hecho. Porque en realidad hay mucho más que va en eso y ese no es nuestro objetivo. El objetivo es que lo estamos usando para nosotros.

Bien, ¿cuál es la cosa más rara que has construido por diversión? Honestamente, creo que esto es. Como el de WebMidi es bastante raro. En realidad quería lo que quería hacer es asegurarme de que todo mi setup en casa que pueda conectarlo con un cable y luego pueda controlar todo mi flujo de trabajo como aprobar PRs presionando botones o tocando una cierta melodía. Eso parece muy divertido pero no he tenido tiempo de construirlo completamente pero tengo ideas. ¿Has visto al TikToker creo que está construyendo como una alfombrilla de corte con una superposición encima y lo están llamando Jarvis y pueden hablarle y cambiar el tamaño de las cosas. ¿En serio? Eso suena genial. Súper genial. Una vez construí una cosa que consistía en desarmar un Furby e instalar un Raspberry Pi Zero en él y luego hacer que dijera cosas obscenas. Sí. Hay muchas cosas divertidas por ahí especialmente como una vez que empiezas a entrar en el mundo del hardware como Raspberry Pis y Arduinos y todo.

Puedes hacer mucho. Sí, absolutamente. Muy bien. Tenemos tiempo para un par de preguntas más y tenemos más de las que podemos preguntar. Esta pregunta, no estoy seguro de cuán relevante es y siento que podrías estar sesgado, pero ¿es Astro la mejor manera de construir cualquier cosa en la web? Depende de lo que estés construyendo, por supuesto, pero generalmente si construyo un sitio web iré con Astro. Sí. Si fuera tú también para ser honesto.

Muy bien, entonces esta es una pregunta sobre una de las APIs de las que hablaste. ¿Cómo es Web HID diferente de Web Bluetooth? Ambos se conectan de forma inalámbrica a dispositivos externos. No, Web HID es cableado. ¿Oh, sí? Sí, funciona sobre USB básicamente y Web HID como creo que es simplemente mejor y generalmente más soportado, pero Bluetooth es viejo e inestable y difícil de hacer, mientras que Web HID es realmente bastante fácil como en las APIs. ¿Cuál es el soporte para Web HID en términos de hardware? ¿Es común o tienes que buscarlo? No, depende. Se está volviendo más y más común especialmente los controladores de Playstation ya lo tienen. Xbox no. Está llegando más y más, pero el problema sigue siendo que no está generalmente soportado en todos los navegadores, así que ¿por qué lo soportarían en todos los dispositivos?

Muy bien, última pregunta que realmente me gusta de hecho de Christos aquí. ¿Cuál es la API nativa más extraña que has usado en el trabajo hasta ahora? No para proyectos divertidos en casa. En el trabajo no me lo permiten. No, estoy bromeando. Puedo, pero sí, creo que la API de batería es la que descubrí de esa manera pero generalmente no uso muchas APIs extrañas en realidad en el trabajo ya que es un CMS así que tienes que asegurarte de que funcione de lo contrario tendré quejas. Ahora es el momento de hacerlo raro. Muy bien, únanse a mí para darle a Elliot un gran aplauso por la última charla del día. Muchas gracias. Gracias.