Web on Commentary of Takao

React 19: Novedades que los desarrolladores deben conocer

Wed, 08 Jul 2026 10:00:00 +0900

Qué cambió en React 19

React 19 no es una actualización menor sino un cambio de paradigma. Server Components estables, nuevos hooks y el React Compiler cambian fundamentalmente cómo se escriben las aplicaciones.

Server Components estables

Los React Server Components (RSC) ahora están listos para producción. Al renderizar en el servidor y enviar HTML al cliente, reducen significativamente el tamaño del bundle. Los componentes que usan useState o useEffect deben declarar “use client”.

Comparativa de generadores de sitios estáticos 2026

Tue, 05 May 2026 00:00:00 +0900

Los SSG han evolucionado. En 2026, las opciones principales ofrecen rendimiento, flexibilidad y DX mejorada.

Hugo

Más rápido (<1ms por página). Go templates. Ideal para blogs y sitios de contenido. Ecosistema de temas maduro.

Astro

Islas de interactividad. Multi-framework (React, Vue, Svelte). Zero JS por defecto. Ideal para marketing sites y documentación.

Next.js

SSG + SSR + PPR. Más complejo pero más potente. Ideal para aplicaciones y e-commerce con contenido dinámico.

WebGPU: Gráficos nativos en el navegador

Sun, 05 Apr 2026 00:00:00 +0900

WebGPU es la nueva API de gráficos y cómputo para la web. Sucesora de WebGL, ofrece acceso directo a GPUs modernas con rendimiento nativo.

Diferencias con WebGL

WebGPU usa una API más cercana a Vulkan/DX12/Metal. Menos overhead de driver. Compute shaders nativos. Soporte gráfico moderno.

Conceptos clave

Adapter (GPU física), Device (contexto lógico), Queue (comandos), Pipeline (shaders), Buffer, Texture, BindGroup.

Shaders con WGSL

WGSL (WebGPU Shading Language) es el lenguaje de shaders. Tipado fuerte. Similar a SPIR-V. Compilado a código nativo de GPU.

Cloudflare Workers y WebAssembly en el Edge

Mon, 05 Jan 2026 00:00:00 +0900

Cloudflare Workers ejecuta código JavaScript, WASM y Python en el edge. Ofrece latencia ultrabaja al procesar solicitudes cerca del usuario.

Workers Runtime

Basado en V8. Aislado por contexto. Sin Node.js (API propia: Fetch, Cache, KV, D1, R2, Queues). Arranque en frío < 5ms.

WebAssembly en Workers

Compila Rust, C/C++, Go, Zig a WASM. Workers carga módulos WASM estáticos. Procesamiento de imágenes, parsing, cálculos pesados en el edge.

Almacenamiento en el edge

KV (clave-valor, baja latencia), D1 (SQLite), R2 (S3-compatible), Durable Objects (estado coordinado). Bases de datos geodistribuidas.

Cloudflare y Privacy Sandbox: El fin de las cookies de terceros

Fri, 05 Dec 2025 00:00:00 +0900

Google está eliminando gradualmente las cookies de terceros. Cloudflare ofrece soluciones para mantener la funcionalidad del sitio sin depender de ellas.

El problema

Las cookies de terceros se usan para tracking, autenticación y personalización. Su desaparición afecta a analytics, ads y widgets sociales.

Privacy Sandbox

APIs de Google: Topics API (intereses), Protected Audience (remarketing), Attribution Reporting (conversiones), Shared Storage (datos entre contextos).

Alternativas con Cloudflare

Cookies propias (first-party) con Cloudflare Workers para tracking. Cloudflare Zaraz para analytics sin cookies. Turnstile para CAPTCHA sin tracking.

ESM estable en Node.js: Soporte de require

Wed, 05 Nov 2025 00:00:00 +0900

Node.js ha estabilizado el soporte de ES Modules. La función require(esm) permite cargar módulos ESM desde CJS de forma síncrona, simplificando la migración.

require(esm) en Node.js 22+

Node.js 22+ permite require() de módulos ESM sincrónicamente si no tienen top-level await. Facilita la adopción híbrida.

Configuración

No requiere flags de línea de comandos. Los paquetes ESM deben declararse con "type": "module" o .mjs. require() resuelve automáticamente.

Limitaciones

Top-level await deshabilita require(esm). Paquetes ESM con solo named exports pueden necesitar ajustes. Los loaders personalizados afectan el comportamiento.

Accesibilidad web: Fundamentos de ARIA

Mon, 15 Sep 2025 00:00:00 +0900

ARIA (Accessible Rich Internet Applications) proporciona atributos HTML para mejorar la accesibilidad de contenido dinámico y componentes personalizados.

Principios ARIA

No uses ARIA cuando los elementos HTML nativos funcionan. ARIA modifica el árbol de accesibilidad pero no el comportamiento. Primera regla: usa HTML semántico.

Roles y propiedades

role="button", aria-label, aria-expanded, aria-hidden, aria-live. Roles de landmarks (navigation, main, complementary).

Componentes dinámicos

Tabs, modales, acordeones, sliders necesitan roles y estados ARIA. aria-controls, aria-selected, aria-current, aria-valuenow.

Vite 6 vs Rspack: Velocidades de bundler en 2026

Tue, 05 Aug 2025 00:00:00 +0900

Vite y Rspack son los bundlers más rápidos del ecosistema. Ambos usan Rust para tareas críticas pero con filosofías diferentes.

Vite 6

Usa esbuild para desarrollo (bundling nativo en Go) y Rollup para producción (con rolldown en desarrollo para unificar). HMR instantáneo. Ecosistema maduro de plugins.

Rspack

Bundler escrito en Rust, compatible con webpack API y plugins. Ofrece migración directa desde webpack con 5-10x mejora en tiempo de build.

Comparativa

Rspack: mejor para migraciones desde webpack, SSR complejo, monorepos. Vite: mejor para proyectos nuevos, SPA, desarrollo con HMR. Ambos superan webpack 4/5 significativamente.

Interoperabilidad ESM y CJS en Node.js

Fri, 25 Jul 2025 00:00:00 +0900

Node.js soporta dos sistemas de módulos: CommonJS (require) y ES Modules (import). La interoperabilidad entre ambos tiene reglas específicas.

Detección del tipo de módulo

.mjs siempre ESM. .cjs siempre CJS. .js depende del package.json más cercano: "type": "module" para ESM, "type": "commonjs" o sin campo para CJS.

Importar CJS desde ESM

Los módulos CJS se importan con import desde ESM. Node.js envuelve module.exports como default export. Named exports requieren análisis estático limitado.

WWDC 2025: Novedades de Safari

Thu, 05 Jun 2025 00:00:00 +0900

Apple anunció importantes actualizaciones para Safari en WWDC 2025, incluyendo nuevas APIs web, mejoras de rendimiento y compatibilidad con estándares.

Nuevas APIs

Soporte completo de WebGPU, CSS Anchor Positioning, View Transitions API. Mejoras en Service Workers y Push Notifications en iOS.

Rendimiento

Mejoras en JavaScript Core (JIT más rápido). Reducción de uso de memoria. Perfilado de rendimiento mejorado en Safari Web Inspector.

CSS y diseño

Soporte de @scope, @starting-style, scroll-driven-animations. Mejoras en Subgrid y Container Queries. Propiedades de texto avanzadas.

npm, pnpm y yarn: Comparativa de gestores de paquetes

Tue, 15 Apr 2025 00:00:00 +0900

Los gestores de paquetes de JavaScript han evolucionado. Cada uno ofrece ventajas en velocidad, almacenamiento y seguridad.

npm

El gestor oficial. npm 10+ es más rápido que versiones anteriores. package-lock.json. Workspaces para monorepos. Audit de seguridad integrado.

pnpm

Usa un almacenamiento global con enlaces duros. Los paquetes se almacenan una vez, ahorrando espacio en disco. Instalación más rápida y estricta.

Yarn

Yarn Berry (v4+) con Plug’n’Play: sin node_modules, genera un solo archivo .pnp.cjs. Resuelve dependencias más rápido. Zero-installs.

Gestión de tareas para desarrolladores

Tue, 14 Jan 2025 00:00:00 +0900

La gestión eficiente de tareas es crucial para la productividad del desarrollador. Sistemas como GTD, Kanban y timeboxing ayudan a organizar el trabajo.

Kanban

Tablero visual: To Do, In Progress, Done. Limita el WIP (Work In Progress). Herramientas: GitHub Projects, Linear, Trello, Notion.

GTD (Getting Things Done)

Capturar, clarificar, organizar, reflexionar, ejecutar. Ideal para desarrolladores con muchas tareas interrumpidas.

Timeboxing

Asigna bloques de tiempo fijos a tareas. Técnica Pomodoro (25 min trabajo, 5 min descanso). Evita el perfectionismo y la procrastinación.

File System Access API: Acceso a archivos en el navegador

Sat, 28 Dec 2024 00:00:00 +0900

La File System Access API permite a las aplicaciones web leer, escribir y gestionar archivos y directorios en el sistema local del usuario.

Lectura de archivos

window.showOpenFilePicker() devuelve un FileSystemFileHandle. Lee con getFile() y file.text() o file.stream(). Múltiples archivos con multiple: true.

Escritura de archivos

window.showSaveFilePicker() permite guardar archivos. handle.createWritable() devuelve un writable stream. Escritura segura con permisos del usuario.

Directorios

window.showDirectoryPicker() permite seleccionar directorios. Iteración con dir.entries(). Creación de archivos y subdirectorios.

Git Hooks: Automatización del flujo de trabajo

Tue, 24 Dec 2024 00:00:00 +0900

Los hooks de Git son scripts que se ejecutan en eventos específicos del ciclo de vida de Git. Automatizan validaciones, pruebas y despliegues.

Hooks del lado cliente

pre-commit: antes del mensaje de commit. pre-push: antes del push. post-commit: después del commit. pre-rebase: antes del rebase.

Hooks del lado servidor

pre-receive, update, post-receive. Se ejecutan en el repositorio remoto. Ideales para CI/CD y políticas de equipo.

Ejemplos prácticos

pre-commit: lint, formateo, pruebas rápidas. pre-push: tests completos, verificación de builds. post-commit: notificaciones, actualización de issues.

Rendimiento en Node.js: Optimización y profiling

Wed, 18 Dec 2024 00:00:00 +0900

Node.js puede manejar alto rendimiento si se optimizan correctamente el bucle de eventos, la memoria y las operaciones asíncronas.

Bucle de eventos

No bloquees el event loop con operaciones síncronas pesadas. Usa setImmediate(), nextTick() y Worker Threads para descargar trabajo.

Profiling

--inspect + Chrome DevTools para CPU profiling. --prof para logs de V8. clinic.js (Doctor, Bubbleprof, Flame) para diagnóstico visual.

Gestión de memoria

Evita fugas con correcta limpieza de listeners y referencias. Usa heapdump o v8.writeHeapSnapshot(). Monitorea con process.memoryUsage().

WebAssembly (WASM): Aplicaciones nativas en el navegador

Sat, 30 Nov 2024 00:00:00 +0900

WebAssembly (WASM) ejecuta código compilado (C, C++, Rust, Go) en el navegador a velocidad casi nativa. Abre nuevas posibilidades para aplicaciones web.

Rendimiento

WASM es 10-40% más lento que código nativo pero mucho más rápido que JavaScript para cálculos intensivos. Compilado a binario, parseado en microsegundos.

Ecosistema

Rust + wasm-pack: el más popular. C/C++ con Emscripten. Go, Zig, Kotlin también compilan a WASM. WASI para WASM fuera del navegador.

Casos de uso

Procesamiento de imagen/video, juegos, simulaciones, compiladores, ofimática, cifrado. Figma, AutoCAD, Google Earth usan WASM.

Git LFS: Gestión de archivos grandes

Tue, 26 Nov 2024 00:00:00 +0900

Git LFS (Large File Storage) reemplaza archivos grandes con punteros de texto en el repositorio, mientras almacena el contenido real en un servidor remoto.

Instalación

git lfs install configura Git para usar LFS. Luego git lfs track "*.psd" para rastrear archivos grandes por patrón.

Flujo de trabajo

Los archivos LFS se usan como archivos normales. Git LFS maneja automáticamente la descarga/subida. El diff muestra el puntero, no el binario.

Límites y costos

GitHub: 1GB gratis, luego pago por ancho de banda. Bitbucket y GitLab tienen políticas similares. Bandwidth se consume en push y pull.

Monorepos con Turborepo: Gestión eficiente de proyectos

Tue, 24 Sep 2024 00:00:00 +0900

Turborepo es una herramienta de construcción de alto rendimiento para monorepos JavaScript/TypeScript. Acelera builds con caché y paralelización.

Por qué monorepo

Código compartido entre proyectos, dependencias únicas, cambios atómicos, CI unificada. Ideal para equipos que mantienen múltiples paquetes.

Turborepo vs Nx

Turborepo: más simple, configuración mínima, caché remota integrada con Vercel. Nx: más características, generadores, migraciones automáticas.

Configuración

turbo.json define pipeline de tareas. dependsOn para orden de ejecución. cache para outputs. outputs para artefactos cacheados.

Patrones Serverless: Arquitecturas modernas

Tue, 17 Sep 2024 00:00:00 +0900

Serverless abstrae la infraestructura. El código se ejecuta en respuesta a eventos sin gestionar servidores. Escala automáticamente.

Funciones como unidad

AWS Lambda, Cloudflare Functions, Vercel Functions, Deno Deploy. Una función por endpoint. Stateless por defecto. Límites de duración (15min Lambda, 30s Workers).

Bases de datos serverless

PlanetScale, Neon, Supabase (SQL). DynamoDB, Firestore (NoSQL). Conexiones pooling automático. Escalado a cero cuando no se usa.

Patrón: API Gateway + Funciones

API Gateway recibe solicitudes, enruta a funciones. Autenticación, rate limiting, validación en el gateway. Las funciones solo manejan lógica de negocio.

Logging en Node.js: Prácticas y herramientas

Tue, 06 Aug 2024 00:00:00 +0900

El logging es esencial para depuración, monitoreo y análisis. Node.js ofrece console.log pero las aplicaciones en producción necesitan más.

Niveles de log

error, warn, info, debug, trace. Configura el nivel mínimo: en producción solo info y superiores, en desarrollo también debug.

Bibliotecas populares

Pino: rápido, JSON nativo, niveles, child loggers. Winston: flexible, transports múltiples (archivo, consola, remoto). Bunyan: JSON con soporte de streams.

Formato JSON

Los logs en JSON son parseables por herramientas de análisis (ELK, Datadog, Grafana). Incluye timestamp, nivel, mensaje, contexto y correlation ID.

Web Bluetooth API: Conexión con dispositivos BLE

Tue, 23 Jul 2024 00:00:00 +0900

La Web Bluetooth API permite que aplicaciones web se comuniquen con dispositivos Bluetooth Low Energy (BLE) cercanos.

Cómo funciona

navigator.bluetooth.requestDevice() muestra un selector de dispositivos. Requiere interacción del usuario (click). Solo HTTPS.

Servicios y características

Los dispositivos BLE exponen servicios (UUIDs) con características (lectura, escritura, notificaciones). getPrimaryService(), getCharacteristic().

Casos de uso

Monitoreo de sensores (temperatura, ritmo cardíaco), IoT, balizas, dispositivos de fitness, impresoras, controles remotos.

Limitaciones

Solo Chrome/Edge (Chromium). El usuario debe seleccionar el dispositivo manualmente. No hay escaneo en segundo plano. Desconexión al cerrar la página.

Module Federation: Micro-frontends con Webpack 5

Tue, 09 Jul 2024 00:00:00 +0900

Module Federation permite cargar código JavaScript desde otra aplicación en tiempo de ejecución. Es la base de los micro-frontends modernos.

Cómo funciona

Una aplicación expone módulos via ModuleFederationPlugin. Otra aplicación los consume como si fueran locales. Los módulos compartidos se cargan una sola vez.

Configuración expósitor

new ModuleFederationPlugin({
 name: 'app1',
 exposes: { './Button': './src/Button' },
 shared: { react: { singleton: true } }
})

Configuración consumidor

remotes: { app1: 'app1@http://...' }. Importa import('app1/Button'). React y otras librerías compartidas como singletons.

Squash Merge: Limpieza de historial en GitHub

Tue, 21 May 2024 00:00:00 +0900

Squash merge combina todos los commits de una rama en un solo commit al mergear. Produce un historial limpio sin commits de WIP ni experimentales.

Cómo funciona

GitHub (y GitLab) ofrecen squash merge como opción al fusionar PRs. Todos los commits de la rama se comprimen en uno con un mensaje nuevo.

Beneficios

Historial lineal y legible. Cada commit en main representa una característica completa. Fácil revertir características enteras con un solo revert.

WebSockets: Comunicación en tiempo real

Tue, 14 May 2024 00:00:00 +0900

WebSocket proporciona un canal de comunicación bidireccional full-duplex sobre una sola conexión TCP. Ideal para aplicaciones en tiempo real.

Diferencias con HTTP

HTTP es request-response. WebSocket es persistente y bidireccional. Menos overhead (sin headers en cada mensaje). Latencia reducida.

API JavaScript

const ws = new WebSocket('wss://server.com');
ws.onmessage = (event) => console.log(event.data);
ws.send(JSON.stringify({ type: 'chat', text: 'Hola' }));

Casos de uso

Chat, notificaciones en vivo, colaboración en tiempo real (Google Docs), juegos multijugador, datos financieros, paneles de monitoreo.

Consideraciones

Reconexión automática. Heartbeats/pings para mantener conexión. Escalado: sticky sessions o pub/sub (Redis). Seguridad: WSS (WebSocket Secure).

Worker Threads en Node.js: Paralelismo real

Tue, 23 Apr 2024 00:00:00 +0900

Worker Threads permite ejecutar JavaScript en múltiples hilos, descargando tareas CPU-intensive del event loop principal.

Cuándo usar workers

Cálculos matemáticos pesados, procesamiento de imágenes, parsing de archivos grandes, compresión, cifrado. No para operaciones I/O (ya son asíncronas).

API básica

const { Worker } = require('worker_threads');
const worker = new Worker('./worker.js', { workerData: data });
worker.on('message', result => {});

Comunicación

postMessage: copia estructurada (serializable). SharedArrayBuffer: memoria compartida. parentPort.postMessage desde el worker. Atomics para sincronización.

Pool de workers

Crear workers por tarea tiene overhead. Usa workerpool o piscina para pooling. Mantén un número fijo de workers (CPU cores - 1).

GitHub Actions: Técnicas avanzadas

Tue, 16 Apr 2024 00:00:00 +0900

Más allá de los workflows básicos, GitHub Actions ofrece matrices, reutilización, entornos y despliegues avanzados.

Build Matrix

Ejecuta el mismo job en múltiples configuraciones: SO, versión de Node, dependencias. Acelera la retroalimentación de compatibilidad.

Reusable Workflows

Define un workflow en .github/workflows/reusable.yml con workflow_call. Reutiliza en otros workflows con uses: ./. Reduce duplicación.

Entornos y approval gates

Entornos con reviewers requeridos antes de desplegar a producción. Variables de entorno y secretos por ambiente. Protección de ramas.

ESLint Flat Config: La nueva configuración

Mon, 26 Feb 2024 00:00:00 +0900

ESLint Flat Config (v9+) reemplaza el formato jerárquico .eslintrc con un sistema de configuración plano basado en arrays de objetos.

Diferencias clave

Un solo archivo eslint.config.js. Sin herencia de configuraciones anidadas. Las reglas se evalúan en orden. Adiós a .eslintrc, extends, overrides.

Sintaxis

export default [
 { rules: { 'no-unused-vars': 'error' } },
 { files: ['**/*.ts'], rules: { '@typescript-eslint/no-explicit-any': 'error' } }
];

Migración

Usa eslint --flag unstable_flat_config para probar. @eslint/migrate-config convierte .eslintrc. Las configuraciones populares (typescript-eslint, eslint-plugin-react) ya soportan flat config.

Service Workers: Experiencia offline y caché avanzada

Mon, 12 Feb 2024 00:00:00 +0900

Los Service Workers actúan como proxy entre el navegador y la red. Permiten experiencias offline, sincronización en segundo plano y push notifications.

Ciclo de vida

Instalación → Activación → Fetch. self.addEventListener('install') para precargar recursos. activate para limpiar cachés antiguas.

Estrategias de caché

Cache First: para assets estáticos. Network First: para APIs. Stale While Revalidate: balance. Network Only: datos sensibles. Cache Only: recursos offline.

Offline primero

Precarga recursos en install. Sirve desde caché en fetch. Actualiza en segundo plano. Sincroniza cambios cuando vuelve la conexión (Background Sync).

Desarrollo de plugins para Vite

Mon, 05 Feb 2024 00:00:00 +0900

Los plugins de Vite transforman código en tiempo de build y desarrollo. Siguen la interfaz de Rollup con hooks específicos de Vite.

Hooks básicos

resolveId, load, transform son los hooks universales. handleHotUpdate para HMR personalizado. config para modificar la configuración de Vite.

Ejemplo de plugin

export function myPlugin() {
 return {
 name: 'my-plugin',
 transform(code, id) {
 if (id.endsWith('.special')) {
 return transformSpecial(code);
 }
 }
 };
}

Hooks de Vite

configResolved, configureServer, transformIndexHtml, closeBundle. Cada hook se ejecuta en una fase específica del pipeline.

Git Submodules: Dependencias anidadas

Mon, 22 Jan 2024 00:00:00 +0900

Los submódulos de Git permiten incluir un repositorio dentro de otro como una referencia versionada. Mantienen independencia de historial.

Añadir un submódulo

git submodule add <url> <path> clona el repositorio y crea un archivo .gitmodules. El commit padre registra el hash exacto del submódulo.

Clonar con submódulos

git clone --recurse-submodules <url> clona el proyecto y todos los submódulos. Para repos existentes: git submodule update --init --recursive.

Actualizar submódulos

git submodule update --remote actualiza al último commit de la rama configurada. Luego commitear el cambio de hash en el repositorio padre.

Streams en Node.js: Procesamiento eficiente de datos

Wed, 20 Dec 2023 00:00:00 +0900

Los streams de Node.js permiten procesar datos en fragmentos (chunks) sin cargar todo en memoria. Esencial para archivos grandes y redes.

Tipos de streams

Readable: fuente de datos. Writable: destino de datos. Transform: transforma datos (compress, encrypt). Duplex: ambos (net socket).

Pipe y pipeline

readable.pipe(writable) encadena streams. pipeline (recomendada) maneja errores y limpia correctamente: pipeline(readable, transform, writable, callback).

Backpressure

Cuando el writable es más lento que el readable, se aplica backpressure. highWaterMark controla el buffer interno. El stream pause automáticamente.

Cloudflare Pages: Despliegue de sitios estáticos

Tue, 28 Nov 2023 00:00:00 +0900

Cloudflare Pages aloja sitios estáticos y aplicaciones Jamstack con integración directa desde repositorios de Git.

Configuración inicial

Conecta tu repositorio (GitHub/GitLab). Selecciona la rama, framework (Hugo, Next, React) y comandos de build. Despliegue automático en cada push.

Funciones serverless

Cloudflare Functions ejecutan código en el edge. Basadas en Workers. Formularios, autenticación, APIs ligeras.

Ramas y previsualizaciones

Deploy preview por PR. Ramas de producción y staging. URLs únicas por preview. Ideal para revisión de cambios.

Guía de Cloudflare para desarrolladores web

Tue, 28 Nov 2023 00:00:00 +0900

Cloudflare ofrece CDN, seguridad, DNS y optimización de rendimiento para sitios web. Configurarlo correctamente mejora velocidad y protección.

Configuración DNS

Añade tu dominio, configura registros DNS (A, CNAME, MX). Activa el proxy naranja (proxy) para proteger IPs de origen y activar optimizaciones.

SSL/TLS

Modos: Off, Flexible, Full, Full (strict). Recomendado: Full (strict) con certificado de origen. HSTS para forzar HTTPS.

Reglas de Page Rules y WAF

Reglas de caché, redirecciones, seguridad por ruta. Firewall con reglas custom, rate limiting y protección DDoS.

Google Analytics para desarrolladores

Fri, 20 Oct 2023 00:00:00 +0900

Google Analytics 4 (GA4) es la plataforma de análisis de Google. Los desarrolladores deben implementarlo correctamente para obtener datos precisos.

Implementación

GTag: gtag('config', 'G-XXXXXXXXXX'). GA4 Measurement ID. Eventos recomendados: page_view, scroll, click, view_item.

Eventos personalizados

gtag('event', 'tutorial_completed', { name: 'React Guide' }). Hasta 25 parámetros por evento. Eventos únicos para acciones clave del negocio.

Anonimización de IP (automática en GA4). Consent Mode para cumplir con regulaciones. Sin cookies de terceros para mediciones básicas.

Guía de OWASP ZAP para pruebas de seguridad

Fri, 20 Oct 2023 00:00:00 +0900

OWASP ZAP (Zed Attack Proxy) es una herramienta de seguridad open source para encontrar vulnerabilidades en aplicaciones web.

Instalación

Descarga desde zaproxy.org. Versión con JRE incluida. O via Docker: docker pull softwaresecurityproject/zap-stable.

Escaneo automático

Spider: rastrea URLs. Active Scan: inyecta payloads de seguridad. Modo automático: zap -quickurl https://target.com.

Integración CI/CD

ZAP API para automatización. zap-full-scan.py para escaneo completo. zap-api-scan.py para APIs. Reports en JSON/HTML.

Principales hallazgos

XSS, SQL Injection, CSRF, missing headers (CSP, HSTS), authentication bypass, directory traversal, información sensible expuesta.

Wayback Machine: Archivo de la web para desarrolladores

Mon, 11 Sep 2023 00:00:00 +0900

The Wayback Machine (archive.org) archiva páginas web desde 1996. Útil para desarrolladores para debugging, análisis y referencia histórica.

Casos de uso

Recuperar código perdido, analizar cambios de diseño/SEO de competidores, verificar contenido histórico, debugging de cambios que rompieron algo.

API

Disponible en https://archive.org/help/wayback_api_usage.html. Búsqueda por URL y rango de fechas. Save Page Now para archivar páginas.

Integración con desarrollo

Ver cómo cambiaron las APIs de terceros. Recuperar documentación eliminada. Analizar la evolución de estándares web.