SPA の UIコンポーネント51個を Claude Design に取り込む——synth-entry モードの実践ガイド新着!!
npmライブラリではない普通のReact SPAのUIコンポーネントをClaude Designに取り込む実践ガイド。ビルド成果物を持たないSPAを擬似パッケージとして見せる「synth-entry」モードで、AIデザインツールへの同期手順とハマりどころを解説します。
Stripe Pricing Table の client-reference-id 改ざんを HMAC 署名で防ぐ実装ガイド新着!!
Stripe Pricing Tableのclient-reference-id改ざんによるなりすましを防ぐ、HMAC署名トークンの実装ガイドです。サーバー・フロント・テストの3観点から、安全な料金表の運用方法を解説します。
Node/TypeScriptで複数の非同期リソースを安全に確保・解放するcleanupパターン新着!!
Node/TypeScriptでDBやHTTPサーバなど複数の非同期リソースを安全に確保・解放する「cleanupパターン」を解説。確保途中の失敗時も確実に巻き戻し、処理終了時には逆順で解放することで、リソースの残存を防ぐ堅牢な実装を紹介します。
監視は監視対象の外に置く — セルフホストCIの死活監視をGitHub Actionsで担保する
ローカル1台のセルフホストCIはホストごと落ちると自己検知できない。常時稼働のGitHub Actionsから死活監視・SLO計測・config drift検出を外付けする設計を解説します。
Cloudflare Workers + Resend で冪等な週次トランザクショナルメール配信基盤を作る
Workers の send_email バインディングがエンドユーザー宛に使えない罠を起点に、Resend + Queues + DB ステートマシンで二重配信を防ぐ週次メール配信基盤の全体像を実装コード付きで解説します。
CIが動かない時の診断順序——まずGitHub Statusを見れば誤判断で時間を溶かさない
actions/checkoutが「Your account is suspended」を返した障害で、上流確認を飛ばし誤った仮説に時間を溶かした失敗談。Step1=上流障害確認から始めるCI切り分けフローを診断コマンド付きで解説します。
Self-hosted runner は単一障害点：Mac障害時にGitHub Actionsへ数分で切り替えるBCP/SOP設計
自宅Mac1台のself-hosted runnerは電源断・Tunnel停止でCIが全停止するSPOF。重いworkflowをworkflow_dispatchで残し、branch protectionを一時解除して数分でGitHub Actionsへフェイルオーバーする運用SOPを公開します。
「自前CIにすれば安い」は本当か。月コストを実測して決めたら、答えが非対称になった
全部を自前CIに移せば安くなる——その思い込みを、実測 billable minutes と損益分岐で検証した話。test は移し、release は GitHub Actions に残す。コストだけでは決まらない意思決定フレームを共有します。
自宅 Mac 1台を CI サーバーにする：Woodpecker + Cloudflare Tunnel + launchd 常駐の作り方
GitHub Actions の従量課金を避けたい個人・小規模チーム向けに、自宅の Mac 1台で「docker push → 自動CI」が回る環境をゼロから組む構成記事。Server/Agent/Tunnel の3層設計と、localhost 公開の落とし穴まで解説します。
GitHub Actions を Woodpecker CI に移すと踏む7つの罠——「ローカルは緑なのにCIだけ落ちる」の正体
GitHub Actions の YAML をそのまま Woodpecker CI へ移植すると、dash・shallow clone・secret 注入・cwd 継承などで「ローカルは緑なのにCIだけ落ちる」が頻発します。実運用で踏んだ7つの罠を症状→原因→対策の形で解説します。