https://www.youngju.dev/blog 천천히 올바르게. AI Researcher & DevOps Engineer Youngju's tech blog. GPU/CUDA, LLM, MLOps, Kubernetes AI workloads, distributed training, and data engineering. ko fjvbn2003@gmail.com (Youngju Kim) fjvbn2003@gmail.com (Youngju Kim) Sat, 16 May 2026 00:00:00 GMT https://www.youngju.dev/blog/culture/2026-05-16-ai-creative-coding-visual-art-2026-processing-p5-openframeworks-hydra-touchdesigner-notch-cables-tres-deep-dive.en https://www.youngju.dev/blog/culture/2026-05-16-ai-creative-coding-visual-art-2026-processing-p5-openframeworks-hydra-touchdesigner-notch-cables-tres-deep-dive.en A single-article tour of the 2026 creative coding & visual art landscape. Foundation libraries like Processing 4, p5.js 2.0, openFrameworks, Cinder, OPENRNDR, and Nannou (Rust); live coding with Hydra and TidalCycles; node-based tools like TouchDesigner, vvvv, Notch Builder, and Cables.gl; web 3D with Three.js, Tres.js, R3F, and Babylon.js; generative NFT platforms like Art Blocks and fx(hash); AI integration via ml5 Next, Magenta.js, and transformers.js; live performance with Resolume and MadMapper; LED control with WLED and PixelBlaze; and the Korean and Japanese scenes around Rhizomatiks, teamLab, and Random Walks — all with working code samples. Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) creative-codingvisual-artprocessingp5jsopenframeworkshydratouchdesignernotchcables-gltres-jsopenrndrnannouenglish https://www.youngju.dev/blog/culture/2026-05-16-ai-creative-coding-visual-art-2026-processing-p5-openframeworks-hydra-touchdesigner-notch-cables-tres-deep-dive.ja https://www.youngju.dev/blog/culture/2026-05-16-ai-creative-coding-visual-art-2026-processing-p5-openframeworks-hydra-touchdesigner-notch-cables-tres-deep-dive.ja 2026年5月時点のクリエイティブコーディング & ビジュアルアート生態系を一本の記事で俯瞰する。Processing 4 と p5.js 2.0、openFrameworks、Cinder、OPENRNDR、Nannou (Rust) といった基盤ライブラリ、Hydra と TidalCycles のライブコーディング、TouchDesigner と vvvv、Notch Builder、Cables.gl のノードベース、Three.js と Tres.js、R3F、Babylon.js のウェブ 3D、Art Blocks と fx(hash) のジェネラティブ NFT、ml5 Next と Magenta.js、transformers.js による AI 統合、Resolume と MadMapper のライブパフォーマンス、WLED と PixelBlaze の LED 制御、そして Rhizomatiks・teamLab・Random Walks といった日韓シーンまで、実コードと共に深掘りする。 Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) creative-codingvisual-artprocessingp5jsopenframeworkshydratouchdesignernotchcables-gltres-jsopenrndrnannou日本語 https://www.youngju.dev/blog/culture/2026-05-16-ai-creative-coding-visual-art-2026-processing-p5-openframeworks-hydra-touchdesigner-notch-cables-tres-deep-dive https://www.youngju.dev/blog/culture/2026-05-16-ai-creative-coding-visual-art-2026-processing-p5-openframeworks-hydra-touchdesigner-notch-cables-tres-deep-dive 2026년 5월 기준 크리에이티브 코딩 & 비주얼 아트 생태계 전체를 한 글에서 본다. Processing 4와 p5.js 2.0, openFrameworks, Cinder, OPENRNDR, Nannou(Rust) 같은 기초 라이브러리부터 Hydra와 TidalCycles 라이브 코딩, TouchDesigner와 vvvv, Notch Builder, Cables.gl 같은 노드 기반, Three.js와 Tres.js, R3F, Babylon.js 같은 웹 3D, Art Blocks와 fx(hash) 제너러티브 NFT 플랫폼, ml5.js와 Magenta.js, transformers.js 같은 AI 통합, Resolume과 MadMapper 같은 라이브 퍼포먼스, WLED와 PixelBlaze 같은 LED 컨트롤, 그리고 Rhizomatiks·teamLab·랜덤웍스 같은 한국·일본 씬까지 실제 워크플로 코드와 함께 깊이 정리한다. Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) creative-codingvisual-artprocessingp5jsopenframeworkshydratouchdesignernotchcables-gltres-jsopenrndrnannou https://www.youngju.dev/blog/culture/2026-05-16-live-coding-music-visuals-2026-sonic-pi-tidal-strudel-hydra-touchdesigner-supercollider-deep-dive.en https://www.youngju.dev/blog/culture/2026-05-16-live-coding-music-visuals-2026-sonic-pi-tidal-strudel-hydra-touchdesigner-supercollider-deep-dive.en In 2026, live coding is no longer a fringe experiment. Sonic Pi has landed in school music rooms, TidalCycles and Strudel rule club stages, and Hydra paints visuals in a browser tab. On top of the classic SuperCollider/Pure Data/Max-MSP stack sits a new generation — ORCA, FoxDot, Estuary — and TouchDesigner/Notch/Resolume have become the standard tools of media art. This article maps the full 2026 live-coding landscape: music coding (Sonic Pi/TidalCycles/Strudel/SuperCollider), visual coding (Hydra/Punctual/p5.js), node-based visual programming (TouchDesigner/Notch/vvvv/Resolume), plus the Algorave/TOPLAP/LiveCodeFest/NIME culture that holds it all together. Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) live-codingalgoravesonic-pitidalcyclesstrudelestuaryorcafoxdotsupercolliderpure-datamax-msphydrapunctualp5-jsopenframeworkscindertouchdesignernotchresolumevvvvrenoisetoplapnime2026deep-diveenglish https://www.youngju.dev/blog/culture/2026-05-16-live-coding-music-visuals-2026-sonic-pi-tidal-strudel-hydra-touchdesigner-supercollider-deep-dive.ja https://www.youngju.dev/blog/culture/2026-05-16-live-coding-music-visuals-2026-sonic-pi-tidal-strudel-hydra-touchdesigner-supercollider-deep-dive.ja 2026年現在、ライブコーディングはもはや辺境の実験ではない。Sonic Piは学校の音楽室に入り、TidalCyclesとStrudelはクラブのステージを占領し、Hydraはブラウザでビジュアルを描く。SuperCollider・Pure Data・Max/MSPというクラシック環境の上に、ORCΛ・FoxDot・Estuaryといった新世代が積み重なり、TouchDesigner・Notch・Resolumeはメディアアートの標準ツールとなった。この記事では、音楽のライブコーディング(Sonic Pi/TidalCycles/Strudel/SuperCollider)、ビジュアルのライブコーディング(Hydra/Punctual/p5.js)、ノードベースのビジュアルプログラミング(TouchDesigner/Notch/vvvv/Resolume)、そしてアルゴレイブ/TOPLAP/LiveCodeFest/NIMEの文化までを一気に整理する。 Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) live-codingalgoravesonic-pitidalcyclesstrudelestuaryorcafoxdotsupercolliderpure-datamax-msphydrapunctualp5-jsopenframeworkscindertouchdesignernotchresolumevvvvrenoisetoplapnime2026deep-dive日本語 https://www.youngju.dev/blog/culture/2026-05-16-live-coding-music-visuals-2026-sonic-pi-tidal-strudel-hydra-touchdesigner-supercollider-deep-dive https://www.youngju.dev/blog/culture/2026-05-16-live-coding-music-visuals-2026-sonic-pi-tidal-strudel-hydra-touchdesigner-supercollider-deep-dive 2026년 현재, 라이브 코딩은 더 이상 변두리 실험이 아니다. Sonic Pi가 학교 음악실에 들어왔고, TidalCycles와 Strudel이 클럽 무대를 점령했으며, Hydra가 브라우저에서 비주얼을 그린다. SuperCollider·Pure Data·Max/MSP의 클래식 환경 위에 ORCΛ·FoxDot·Estuary 같은 새 세대가 얹혔고, TouchDesigner·Notch·Resolume이 미디어 아트의 표준 도구가 되었다. 이 글은 음악 라이브 코딩(Sonic Pi/TidalCycles/Strudel/SuperCollider), 비주얼 라이브 코딩(Hydra/Punctual/p5.js), 비주얼 프로그래밍(TouchDesigner/Notch/vvvv/Resolume), 그리고 알고레이브/TOPLAP/LiveCodeFest/NIME 문화까지 한 호흡으로 정리한다. Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) live-codingalgoravesonic-pitidalcyclesstrudelestuaryorcafoxdotsupercolliderpure-datamax-msphydrapunctualp5-jsopenframeworkscindertouchdesignernotchresolumevvvvrenoisetoplapnime2026deep-dive https://www.youngju.dev/blog/culture/2026-05-16-modern-postgresql-2026-postgres-17-18-pgvector-pgvectorscale-pgai-timescaledb-postgis-citus-deep-dive.en https://www.youngju.dev/blog/culture/2026-05-16-modern-postgresql-2026-postgres-17-18-pgvector-pgvectorscale-pgai-timescaledb-postgis-citus-deep-dive.en A snapshot of the PostgreSQL ecosystem as of May 2026. Covers Postgres 17 (Sept 2024) incremental backup, JSON_TABLE, and MERGE improvements, Postgres 18 (Sept 2025) virtual generated columns and OAuth2, the vector extension lineage of pgvector / pgvectorscale / pgvector.rs / pgai, domain extensions TimescaleDB / PostGIS / pgRouting, PgBouncer / Pgpool-II connection pooling, the distributed/cloud options Citus / Hydra / Tembo / Crunchy Data, the operational extensions pglogical / pg_partman / pg_cron / pg_repack / pg_stat_statements, pgmustard and Postgres.ai for AI-assisted query plans, pgBackRest / Barman / WAL-G for backups, plus case studies from Toss, Kakao, NAVER, Mercari, and the NTT Postgres committers. Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) postgrespostgresqlpostgres-17postgres-18pgvectorpgvectorscalepgvector-rspgaitimescaledbpostgispgroutingpgbouncerpgpoolcitushydratembocrunchy-datapglogicalpg-partmanpg-cronpg-repackpg-stat-statementspgmustardpgbackrestbarmanwal-gpostgres-ai2026deep-diveenglish https://www.youngju.dev/blog/culture/2026-05-16-modern-postgresql-2026-postgres-17-18-pgvector-pgvectorscale-pgai-timescaledb-postgis-citus-deep-dive.ja https://www.youngju.dev/blog/culture/2026-05-16-modern-postgresql-2026-postgres-17-18-pgvector-pgvectorscale-pgai-timescaledb-postgis-citus-deep-dive.ja 2026 年 5 月時点の PostgreSQL エコシステムを一気にまとめます。Postgres 17 (2024.9) の incremental backup / JSON_TABLE / MERGE 改善、Postgres 18 (2025.9) の virtual generated columns と OAuth2、pgvector・pgvectorscale・pgvector.rs・pgai と続くベクター拡張の進化、TimescaleDB・PostGIS・pgRouting のようなドメイン拡張、PgBouncer・Pgpool-II のコネクションプーリング、Citus・Hydra・Tembo・Crunchy Data の分散/クラウド選択肢、pglogical・pg_partman・pg_cron・pg_repack・pg_stat_statements の運用拡張、pgmustard と Postgres.ai による AI 支援クエリプラン、pgBackRest・Barman・WAL-G のバックアップ、そして Toss・カカオ・NAVER・メルカリ・NTT 出身コミッタの事例まで一本でカバーします。 Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) postgrespostgresqlpostgres-17postgres-18pgvectorpgvectorscalepgvector-rspgaitimescaledbpostgispgroutingpgbouncerpgpoolcitushydratembocrunchy-datapglogicalpg-partmanpg-cronpg-repackpg-stat-statementspgmustardpgbackrestbarmanwal-gpostgres-ai2026deep-dive日本語 https://www.youngju.dev/blog/culture/2026-05-16-modern-postgresql-2026-postgres-17-18-pgvector-pgvectorscale-pgai-timescaledb-postgis-citus-deep-dive https://www.youngju.dev/blog/culture/2026-05-16-modern-postgresql-2026-postgres-17-18-pgvector-pgvectorscale-pgai-timescaledb-postgis-citus-deep-dive 2026년 5월 기준 PostgreSQL 생태계를 한 번에 정리합니다. Postgres 17(2024.9)의 incremental backup·JSON_TABLE·MERGE 개선, Postgres 18(2025.9)의 virtual generated columns·OAuth2, pgvector·pgvectorscale·pgvector.rs·pgai로 이어진 벡터 익스텐션 진화, TimescaleDB·PostGIS·pgRouting 같은 도메인 익스텐션, PgBouncer·Pgpool-II 커넥션 풀링, Citus·Hydra·Tembo·Crunchy Data 같은 분산/클라우드 옵션, pglogical·pg_partman·pg_cron·pg_repack·pg_stat_statements 운영 익스텐션, pgmustard·Postgres.ai의 쿼리 플랜 + AI, pgBackRest·Barman·WAL-G 백업, 그리고 토스·카카오·NAVER·메르카리·NTT 사례까지 한 글에 담았습니다. Sat, 16 May 2026 00:00:00 GMT fjvbn2003@gmail.com (Youngju Kim) postgrespostgresqlpostgres-17postgres-18pgvectorpgvectorscalepgvector-rspgaitimescaledbpostgispgroutingpgbouncerpgpoolcitushydratembocrunchy-datapglogicalpg-partmanpg-cronpg-repackpg-stat-statementspgmustardpgbackrestbarmanwal-gpostgres-ai2026deep-dive