P Pinipon Lab Ver viaje

Pinipon time machine · Japon 2026

El documento deja de ser texto y empieza a saber cuando ocurre.

Tres pasadas de experimentos sobre los datos reales: lectura semantica, componentes enriquecidos y una capa temporal interactiva.

Preparando maletas -- Salida · 2 ago 2026

Reloj de pruebas

Mueve el viaje en el tiempo

Experimento 00 · Portada viva

La Home real dentro de la máquina del tiempo

Esta réplica ejecuta el mismo código, contenido y layout que la Home. Mueve el reloj superior para comprobar cómo cambian días, vuelos, estado y mapas.

Home real Hora simulada

El reloj del Lab se envía directamente a la Home embebida. Puedes cambiar también de página, abrir menús y probar sus widgets dentro del viewport.

Estado del viaje · antes de salir -- --
----
----
----
----
----
Hoy -- --
Ver Home realSe actualiza con la hora y el contenido sincronizado

Experimento 02 · MilaLingo producción

Seis interfaces vivas para aprender japonés útil

La app usa esta baraja como sección de respaldo cuando el Google Doc no contiene 🗣️ MilaLingo. En cuanto detecta una sección propia, el contenido del documento sustituye por completo al fallback.

01Survival stack
🙏 Supervivencia 水ください mizu kudasai mi-zu ku-da-sai

agua, por favor

0 XP
02Restaurante real

Restaurante

Has terminado de comer. ¿Qué dices?

Elige una respuesta.

03Radar NO LO HAGAS
Restaurante Te traen la cuenta en una bandejita.

Elige la acción que mejor encaja.

Aprende la norma dentro de una escena real.
04Constructor

Construye 1/8: agua, por favor

Toca las piezas en orden. Hay piezas trampa.
05Konbini order
Pedido actual Agua, por favor

水ください · mizu kudasai · mi-zu ku-da-sai

06Metro rescue
Shinjuku · estación concurrida Perdón, ¿dónde está el baño?

すみません、トイレはどこですか · sumimasen, toire wa doko desu ka · su-mi-ma-sen, toi-re wa do-ko des-ka

Necesito
Acción
Extra

Experimento 01 · Decision wow

Una ruleta configurable desde el Doc

La app principal solo crea la ruleta cuando encuentra 🎡 Ruleta en el Markdown. Si la sección existe pero no trae opciones válidas, usa cuatro opciones de emergencia predefinidas.

matsuri · sin repetir

Plan sorpresa de esta noche

Un componente pensado para tocarlo delante del grupo y que la decision tenga ceremonia.

Ha salido: Ramen secreto

Experimento 01 · Datos + tiempo

Billetes que entienden el vuelo

La posicion del avion usa tiempo absoluto; salida y llegada se muestran en la zona local de cada aeropuerto, incluso al cruzar de dia.

TODO resuelto · Billetes dinamicos

Un billete, muchas formas de moverse

El mismo renderer pinta avion, tren, bus, metro o coche con icono, color, paradas, coste y estado. No son clones: cambia el dato, cambia el billete.

Experimento 02 · Mapa offline

Donde estamos, de donde venimos y a donde vamos

El mapa usa coordenadas fijas del itinerario y se recalcula con el reloj de pruebas. Las chinchetas cambian de estado segun el dia y la hora simulados.

Mapa dinamico offline del viaje Ruta desde Malaga a Abu Dhabi, Japon y vuelta, con lugares planeados marcados.
En tierra · camara 2D --

Google Docs · Navegacion entre destinos

Lugares enlazados desde cada dia

Al copiar, Lugares se convierte en Titulo 1 y cada destino en Titulo 2 real. El nombre del destino debe coincidir con el que aparece en el titulo del dia para que la app lo convierta en un enlace.

TODO resuelto · Maps preview

Botones de mapa que enseñan donde te llevan

Cada enlace de Maps puede convertirse en una accion contextual: mini-mapa, dia, ciudad, tipo de plan, destino principal y alternativas de apertura.

TODO resuelto · Tarea importante

Avisos que no se pueden perder entre el itinerario

Para maletas, check-ins, QRs, entradas o reservas: icono, responsable, fecha limite, enlace oficial y checklist corto.

TODO resuelto · Etiquetas elegantes

Festivales como avisos cucos, no parrafos perdidos

Una etiqueta compacta puede aparecer dentro del dia, en calendario, en mapa o como recordatorio cuando se acerca la hora.

TODO resuelto · Foto y advertencias

Micro-infografias para cosas que conviene recordar

Ikkyu-tou, ciervos, calor o tifones pueden ser tarjetas visuales pequenas con reglas claras y enlace a mas info.

TODO resuelto · Quien soy

Entradas y archivos segun viajante

Extiende el selector de viajante que ya existe: cada entrada puede tener propietario, QR/archivo, nota y visibilidad local.

Experimento 03 · Texto existente

Alojamientos como una estancia continua

El parser reconoce ciudad, check-in, check-out, noches, precio, reserva, mapa y responsable dentro de las lineas actuales.

Experimento 04 · Identidad local

Un mismo viaje, una vista para cada persona

El viajante seleccionado se guarda solo en el dispositivo. Las condiciones ocultan tarjetas o archivos concretos sin duplicar el documento.

🗺️Adjunto
Para todosMapa general del viaje

Siempre visible y disponible offline.

📄Adjunto
Mila · PapiSeguro y reservas

Un archivo compartido solo entre responsables.

🎟️Adjunto
Solo TavoEntrada nominativa

La fila desaparece para el resto del grupo.

🧾Adjunto
Solo DaniFactura personal

Ejemplo de adjunto privado por viajante.

Experimento 05 · Links enriquecidos

Pegar un enlace, recibir una tarjeta

La sincronizacion puede resolver metadata y guardar el thumbnail como archivo estatico versionado; el navegador recibe una copia estable y ligera.

Como se guardan sin R2 ni D1
Google DocSync extrae URLsAction descargaGit guarda assetsPages sirve estaticos

Hacerlo durante el sync evita CORS y descargas repetidas. El manifiesto reutiliza archivos ya indexados y el service worker los precachea para uso offline; `--force` permite reintentar una URL mal resuelta.

Experimento 07 · Contexto

Ahora y despues

Experimento 08 · Hora local

Que toca comer

Contrato experimental

Sintaxis Pinipon para Google Docs

Cada experimento del Lab tiene arriba su equivalente exacto. Esta seccion resume los patrones reutilizables.

Home bento
[Título 1] 🏠 Inicio
[Título 2] Nombre del widget
• Tipo: estado | vuelo | mapa | mapa dinamico | hoy
• Mostrar: si
• Tamaño: pequeño | mediano | ancho
• Página: 1
• Orden: 1
Vuelo
[Titulo 2] ✈️ Vuelo 01 · AGP → AUH
• Salida: ISO 8601 · Zona IANA
• Llegada: ISO 8601 · Zona IANA
• Localizador: PENDIENTE
• Asiento: PENDIENTE
Transporte
[Titulo 2] 🚆 Tokio → Nara
• Tipo: tren | bus | avion | metro
• Salida: ISO 8601 · Zona IANA
• Llegada: ISO 8601 · Zona IANA
• Origen: lugar
• Destino: lugar
Embed
[Titulo 2] 🔗 Akihabara de noche
• URL: https://japonismo.com/blog/viaje-a-tokio-akihabara
• Tipo: guia
• Nota: ruta de 2 horas
• Offline: si
Ruleta
[Titulo 1] 🎡 Ruleta
• Titulo: Plan sorpresa
• Tema: matsuri | neon | sakura | fuji
• Boton: Girar destino
• Repetir: no
| Opcion | Peso | Nota | Color |
MilaLingo
[Titulo 1] 🗣️ MilaLingo
• Titulo: Palabras salvavidas
• Meta diaria: 12
[Titulo 2] 🙏 Supervivencia
| Japonés | Lectura | Significado | Pronunciación |
Galeria
[Titulo 2] 🖼️ Ideas para Kioto
[Imagen insertada] Pie: templo
[Imagen insertada] Pie: jardin
[Imagen insertada] Pie: calle
• Offline: si
Evento
[Titulo 2] 🎆 Gozan no Okuribi
• Momento: ISO 8601 · Zona IANA
• Lugar: Kioto
• Avisar: 2 horas antes
• URL: https://www.japan.travel/es/spot/76/
Viaje y relojes
[Titulo 1] ⚙️ Configuracion del viaje
[Titulo 2] 🕒 Tiempo del viaje
• Inicio: ISO 8601 · Zona IANA
• Fin: ISO 8601 · Zona IANA
• Relojes: zona | zona | zona
Maps preview
[Titulo 2] 🗺️ Mapas del dia
• Nombre del destino
  URL: https://maps.app.goo.gl/xccaJESAHzQqvBoB7
  Dia: 15 ago
  Tipo: lugar | ruta | alojamiento
  Coordenadas: lat, lng
Aviso importante
[Titulo 2] 🧳 Enviar maletas
• Tipo: aviso importante
• Prioridad: alta
• Responsable: Mila
• URL: https://faq-en.kuronekoyamato.co.jp/app/answers/detail/a_id/6074/
• [ ] Paso accionable
Etiqueta festival
[Titulo 2] 🕯️ Nara Tokae
• Tipo: etiqueta festival
• Fechas: 2026-08-05 a 2026-08-14
• Horario: 19:00-21:30
• Mostrar en dias: 6 ago | 7 ago
Infografia
[Titulo 2] 🦌 Ciervos de Nara
• Tipo: infografia aviso
• Regla 1: solo shika-senbei
• Regla 2: bolsas guardadas
• Fuente: URL
Entrada nominativa
[Titulo 2] 🎟️ Universal Studios
• Tipo: entrada nominativa
• Dia: 10 ago
• Entrada Mila: URL 👤 Para: Mila
• Entrada Dani: URL 👤 Para: Dani
Alojamiento
[Titulo 2] 🛏️ Ciudad · Nombre
• Entrada: ISO 8601 · Zona IANA
• Salida: ISO 8601 · Zona IANA
• Precio: cantidad + moneda
• Booking: URL
• Mapa: URL
Regla horaria
[Titulo 2] 🍜 Nombre
• Zona: Asia/Tokyo
• Horario: 11:00-15:00
• Icono: 🍜
• Nota: texto mostrado
Viajantes
[Titulo 2] 👥 Viajantes
• Nombre
• Nombre

Archivo condicional:
• Enlace: URL 👤 Para: Nombre | Nombre
Titulo 1 seccion/tab Titulo 2 objeto/card Lista propiedades Tabla matriz/horario 3+ fotos galeria URL sola embed

Inspect

Lo que ha reconocido el lab

1gGU-4gSBh2obNbtDYEvjEYJ3ZOhYXlZ4jnSeIF6bJ2Y
Ver seccion Vuelos original