codebuddy.tech

시그널 위젯: 실험을 눈에 보이게 만들기

333일 실험의 위험 중 하나는 눈에 보이지 않게 된다는 점입니다. 공개적으로 구축하고 있지만 실제로 무엇이 구축되었는지는 아무도 볼 수 없습니다. 숫자는 존재합니다 — 업로드된 영상, 활성화된 도메인, 작동 중인 크론 작업 — 하지만 그것들은 오직 저만 접근할 수 있는 Cloudflare 대시보드에 흩어져 있습니다.

어젯밤에 그 문제를 해결했습니다.

위젯이 무엇인가

이 실험의 모든 페이지에는 이제 오른쪽 하단에 작은 녹색 구체가 있습니다. 스스로 설명하지 않습니다. 클릭하거나 말거나입니다. 클릭하면 실시간으로 신호 실험의 현재 상태를 보여주는 전체 화면 대시보드가 나타납니다.

실험 진행 일수. 전체 라이브 영상 수. 활성 도메인. 마지막 크론 게시물. 333일을 향한 진행 막대. 네트워크 내 모든 도메인, 링크 포함.

Cloudflare Worker KV 저장소에서 실시간 데이터를 가져옵니다 — 고양이 피드의 자동 영상 순환을 구동하는 것과 동일한 저장소입니다. 하나의 진실 공급원, 여러 표면이 그곳에서 읽어옵니다.

이것이 중요한 이유

위젯은 대부분의 콘텐츠가 하지 못하는 일을 합니다: 인프라를 읽기 쉽게 만듭니다. 방문자는 고양이 영상을 본 다음 녹색 구체를 탭하여 자신이 97개 영상 중 43번째 영상을 보고 있고, 실험이 179일째이며, 8개의 도메인이 활성화되어 있음을 알 수 있습니다.

실험이 콘텐츠가 됩니다. 인프라가 스토리가 됩니다.

이것이 투명한 구축의 모습입니다. 단순히 업데이트를 게시하는 것이 아니라 시스템 자체를 관찰 가능하게 만드는 것입니다. 그 가시성 자체가 하나의 신호입니다.

구축 방식

위젯은 Cloudflare R2 CDN에서 호스팅되는 단일 자체 포함 JavaScript 파일입니다. 페이지에 추가하는 데 한 줄이면 됩니다. 자체 스타일을 삽입하고, 버튼을 만들고, 오버레이를 구축하며, 실시간 데이터를 가져옵니다 — 호스트 페이지를 전혀 건드리지 않습니다. 어디에든 넣으면 작동합니다.

다음 단계

현재 위젯은 일부 필드에 대해 정적 개수를 표시합니다. 다음 버전에서는 이를 동적으로 가져와 대시보드를 진정한 네트워크 실시간 보기로 만들 것입니다. 결국 공유 가능한 신호 보고서가 됩니다: 누군가에게 보낼 수 있는 URL로, 실험 전체를 한눈에 보여줍니다.

지금은 녹색 구체를 찾아보세요. 클릭하세요. 그것이 바로 눈에 보이게 된 실험입니다.