HomeVideos

15 novedades de Chrome que los devs están ignorando (y no deberían)

Now Playing

15 novedades de Chrome que los devs están ignorando (y no deberían)

Transcript

208 segments

0:00

Tenemos 15 actualizaciones de Google IO

0:01

potenciando la web, nuevas capacidades,

0:04

herramientas y funciones en Chrome. Y

0:05

estas son las más destacadas, estas 15.

0:08

Uno, web MCP. Los MCPs, el model

0:11

protocol llega a la web, un estándar

0:14

abierto para la web propuesto para que

0:15

te permite exponer herramientas

0:17

estructuradas para como funciones de

0:19

JavaScript, formularios HTML para que

0:21

los agentes controlen la web. Muy

0:24

interesante. Y lo más interesante de

0:26

todo es que de hecho va a llegar sí o

0:29

sí. O sea, lo tiene clarísimo Google. Va

0:30

a empezar ya la prueba de origen

0:32

experimental en Chrome 149 y dice que

0:35

pronto Gemini en Chrome admitirá las

0:38

appis de web MCP, o sea, que van a saco.

0:40

Y aquí tenemos algunas marcas que lo van

0:42

a utilizar. Segunda noticia interesante

0:44

y esta te va a encantar, la Modern Web

0:47

Guidance, un plan para guiar los agentes

0:49

de codificación en la creación de

0:50

contenido para la web moderna. Y es que

0:52

acaban de sacar un conjunto de skills

0:55

verificados y oficiales de Google que te

0:58

ayuda a que así puedas crear como

1:01

experiencias web modernas para que tu

1:03

agente o tu inteligencia artificial no

1:06

utilice APIs antiguas o de con mal

1:09

rendimiento. Y todo esto lo tienes aquí,

1:11

lo puedes ejecutar, lo puedes instalar

1:13

con este comando y esto lo que hace es

1:15

instalarte una serie de skills para

1:17

todos tus agentes, para Clow Code, para

1:19

curso, para Open Code, para Copilot,

1:22

Antigravity, lo que sea, ¿no? Y

1:23

utilizando pues CSS moderno, JavaScript

1:26

moderno, ¿sabes? En lugar de utilizar el

1:27

antiguo, el de tal, pues lo que intenta

1:29

es utilizar cosas más accesibles, más

1:31

modernas y tal. Muy interesante oficial

1:34

de Google, así que le podéis echar un

1:36

vistazo. El tres, podéis automatizar la

1:39

depuración con herramienta de

1:40

desarrolladores de Chrome para agentes.

1:42

Podéis utilizar agentes y eso os depura

1:45

y optimiza el código en tiempo real. O

1:49

sea, le dais acceso como a las

1:50

herramientas de desarrollo y así puede

1:52

ir depurando automáticamente el código.

1:54

Tremendo. Cuatro. Estadísticas

1:56

detalladas de la depuración, la que

1:57

acabamos de ver. Y así pues podéis ver

2:00

pues eh que pueda buscar automáticamente

2:02

contexto para responder, oye, ¿cómo

2:04

funciona elhouse? ¿Qué datos tenemos?

2:06

¿Dónde puedo mejorar esto? Y lo otro.

2:08

Vamos a tener funciones integradas de

2:10

inteligencia artificial en Chrome. Esto

2:12

ya lo sabíamos. La API de Chrome es

2:15

estable, estable entre comillas porque

2:17

es estable en Chrome. O sea, en Chrome

2:19

sí que lo vamos a tener, pero no en

2:20

otros navegadores para lo que lo sepáis.

2:22

¿Vale? Entonces, Chrome 148 usa Yemini

2:25

Nano con entrada multimodales y

2:26

resultados estructurados. para que lo

2:28

sepáis que tenemos la API de Prom, un

2:31

Gemini nano, una inteligencia artificial

2:33

que podéis utilizar el navegador de

2:34

Chrome, por ahora solo en Chrome. Luego

2:36

transiciones de vista con alcance de

2:38

elementos y HTML en Canvas. Se han dado

2:41

mucha prisa. HTML en Canvas también

2:44

llega Chrome. Logros en el rendimiento y

2:47

la UI Core Webs para SPA y mucho más.

2:50

Vamos a tener nuevas formas de mirar y

2:52

mejorar el rendimiento. Modernizar la

2:54

autenticación con el modo de UI

2:56

inmediata, planificar objetivo. Y Gemini

2:58

Chrome para Android, también lo tenemos.

3:00

La navegación automática para realizar

3:02

tareas tediosas en Android vamos a poder

3:05

tener navegaciones automáticas. O sea,

3:07

tú lo que le dices básicamente es como,

3:09

"Oye, para reservar esto tienes que

3:10

hacer estos pasos". Y lo hace

3:11

automáticamente. Transformar imágenes

3:14

sobre la marcha con nano banana. Vas a

3:17

poder personalizar imágenes al instante

3:18

mientras navegas en la web. Habilidades

3:21

en Chrome. Vas a poder instalar skills

3:23

en Google Chrome para, yo que sé, pues

3:25

guardar flujos de trabajo, como te hace

3:27

el paso a paso. Seleccionar contenido en

3:29

pantalla para darle instrucciones a

3:32

Yemin Chrome y finalmente podrás

3:34

utilizar tu voz para escribir en sitios

3:37

web en Chrome para computadoras. Esto

3:40

también es nuevo, pero ahora imagínate

3:41

que tenías que escribir ahí en un texta,

3:44

pues tienes integrado 100% y con

3:47

inteligencia artificial el control por

3:49

voz. O sea, le puedes hablar y le puedes

3:50

decir, "Vale, pues aquí lo que quiero

3:51

decir es bla bla bla bla bla." Y te lo

3:53

escribe. Lo detecta automáticamente

3:55

independientemente del sistema

3:56

operativo. Además, lo que hace es

3:58

utilizar la inteligencia artificial para

3:59

quitar muletillas, adaptar el contexto y

4:02

sin dejar de ser fiel a lo que has

4:04

dicho. O sea, no es una transcripción

4:06

uno a uno, es que va a meter ciertas

4:09

mejoras. Vale, o sea, puede ser que

4:11

cambie el contenido. Así que estos son

4:12

todas las novedades que tenemos de

4:14

Google, que ha venido del Google io.

4:15

Aparte de esto, también han hablado de

4:18

un nuevo elemento HTML, para que luego

4:21

la gente diga, "Pero es que HTML no

4:23

evoluciona." Toma, que no evoluciona.

4:25

Nuevo elemento HTML, el elemento

4:28

install, un nuevo elemento que nos va a

4:31

permitir fácilmente instalar la

4:33

aplicación, la aplicación web sin

4:36

necesidad de JavaScript y funciona tal

4:38

que así. Haremos el elemento install, le

4:41

decimos en install URL. Aquí tendríamos

4:44

la página o la aplicación web que

4:45

queremos ejecutar y ya estaría. ¿Y qué

4:47

es lo que va a renderizarse? Se

4:50

renderiza este botón de aquí con ese

4:52

install que estaría traducido al idioma

4:55

del navegador del usuario y que

4:57

simplemente como darle un clic ya

4:59

instalaría la aplicación en su

5:01

dispositivo. como las Progressive Web

5:04

App, pero ya sabéis que las Progressive

5:05

Web App realmente han desaparecido para

5:08

evolucionar a aplicación web, a algo

5:10

mucho más general, mucho más sencillo,

5:12

sin tanta complejidad, sin service

5:15

worker y todo esto y que simplemente

5:17

puedas instalar cualquier página web así

5:19

con un botón, le das install y ya te lo

5:21

instala. Entonces, ya os digo, son

5:24

aplicaciones web, así tal cual, ¿no?

5:26

Progressive webapp, eso ya como concepto

5:28

ha desaparecido. Ahora simplemente son

5:30

aplicaciones web y puede ser cualquiera,

5:32

cualquiera puede ser una aplicación web.

5:34

Y es tan fácil ahora de ejecutar o de

5:36

mostrar esto. Esto todavía es tan

5:37

experimental, pero que sepáis que ya

5:39

está llegando. Y también podríamos

5:40

incluso instalar páginas de terceros, o

5:42

sea, podemos ejecutar una una aplicación

5:46

web que no sea la mía propia, sino otra.

5:48

Hablando un poco de novedades y de cosas

5:49

que pensábamos que estaban muertas, que

5:52

sepáis que ha llegado esta noticia. No

5:54

sé si sabéis de qué estoy hablando aquí,

5:57

pero este framework es Express. GS, uno

5:59

de los frameworks más antiguos,

6:03

importantes, clásicos de No GS, Express

6:06

GS estrena nueva página web, una página

6:10

web que además está totalmente traducida

6:13

al español, que si no me equivoco, ah

6:16

sí, no, no, no me equivoco, está hecha

6:18

con astro y por eso pues tiene un

6:20

rendimiento buenísimo, buenísimo. un

6:23

nuevo diseño, una nueva documentación,

6:25

pues ha renacido Express, ese Express

6:28

que parecía hacía tanto tiempo que no se

6:31

actualizaba, pues resulta que tiene

6:33

nueva página web y ahora más que nunca,

6:35

pues fijaos que tiene toda la

6:36

documentación que la tenéis totalmente

6:38

al español, que además pues tenéis todos

6:40

los ejemplos, o sea, está tremenda,

6:43

tremenda. Sé que ha habido gente de la

6:46

comunidad hispanohablante que ha

6:48

participado en el desarrollo. Le doy mi

6:50

enhorabuena porque les ha quedado

6:52

buenísima y me parece un acierto del

6:55

rendimiento que es increíble y sobre

6:57

todo que la hayan traducido no solo al

6:59

español, está en un montón de idiomas,

7:01

está también en francés, en alemán, está

7:03

en portugués, japonés, chino y tal. Así

7:05

que enhorabuena a todos los que han

7:07

estado y han sido parte de esto porque

7:09

me parece un trabajón brutal y son muy

7:11

buenas noticias que un framework tan

7:13

importante. Y sí, es un framework,

7:15

Antonio, que te veo ya que me vas a

7:17

decir que no es un framewor, que mi mi

7:18

mi mi mi Que no lo digo yo, que lo dicen

7:21

ellos, macho. Que lo dicen ellos, que lo

7:22

pone en la portada. Framewk, vale. Dios

7:25

mío, Dios mío. Es que siempre que digo

7:27

que express es un framework, que no es

7:29

un framework, lo pone aquí framework. Es

7:32

un framework. Es un framework. Total que

7:34

lo tenéis en español también, así que

7:35

nada, disfrutad.

Interactive Summary

El video detalla una serie de 15 actualizaciones clave presentadas en el Google I/O enfocadas en la evolución de Chrome y la web. Entre las novedades principales destacan la implementación de Web MCP para agentes web, nuevas herramientas de depuración asistidas por IA, la integración de Gemini Nano en el navegador y la introducción de un nuevo elemento HTML llamado 'install' para facilitar la instalación de aplicaciones web sin complicaciones. Además, se destaca el relanzamiento de la documentación y sitio web de Express.js, ahora con soporte multilingüe, incluyendo el español, y un rendimiento optimizado mediante el uso de Astro.

Suggested questions

3 ready-made prompts