logohsb.horse
avatar

블로그 / 스니펫 / 도구

馬じぇべ

[ba.dʑe.be]

도쿄에서 활동하는 소프트웨어 엔지니어.

블로그63스니펫37도구41
  1. 블로그
    Claude용 성격 분석 스킬 personality-analyzer를 만든 이야기

    Claude와의 대화 내용에서 HEXACO와 MBTI 점수를 YAML 형식으로 출력하는 스킬 개발 기록. AI와의 대화에서 성격 특성을 정량화해 보려는 시도.

  2. 블로그
    MV3에서 응답 헤더를 다음 요청으로 중계하는 Chrome 확장 「Header Relay」를 공개했다

    API 개발 및 검증을 위한 Chrome 확장 Header Relay를 공개했습니다. 응답 헤더에서 값을 캡처해 이후 대상 origin으로의 요청에 자동으로 부여하는 확장입니다. 구조만 들으면 간단해 보이지만, Manifest V3에는 이를 구현하기 위한 직접적인 수단이 처음부터 존재하지 않습니다. 이 글에서는 어떤 문제를 해결하는 것인지, 그 제약 아래에서 어떻게 설계했는지를 씁니다.

  3. 스니펫
    avifenc으로 이미지를 일괄 AVIF로 변환하기

    jpg/jpeg/png 를 재귀적으로 탐색하여 avifenc 으로 .avif 로 변환하는 Bash 스니펫.

  4. 스니펫
    CloudFormation 템플릿에서 parameter.json 생성하기

    aws cloudformation validate-template 과 jq 를 조합하여, 환경 변수를 반영한 parameters.json 을 자동 생성하는 스니펫.

  5. 스니펫
    CSS href 속성 선택자 사용법

    a 요소의 href 속성에 대해 전방 일치·후방 일치·부분 일치 등의 속성 선택자를 사용하는 CSS 스니펫.

  6. 스니펫
    동적 import 캐싱

    동적 import를 캐싱하는 가벼운 TypeScript 구현. 같은 경로에 대한 여러 import를 하나의 Promise로 처리합니다.

  7. 스니펫
    File System API 권한 확인

    브라우저 File System API 권한을 확인하고 요청하는 함수. 읽기 전용과 읽기/쓰기 모드를 모두 지원합니다.

  8. 스니펫
    이미지 확장자 정규식

    파일명에서 이미지 형식을 판별하는 JavaScript/TypeScript 정규식 패턴. png, webp, jpg, jpeg, avif, gif 지원.

  9. 스니펫
    Finder에서 저장 용량 표시

    macOS Finder에서 키보드 단축키로 저장 용량 표시를 전환합니다.

전체 태그

태그