Web裏方メモ

Web裏方メモ https://validator.w3.org/feed/docs/rss2.html Claude Code を全許可で走らせず、現実解で締める settings.json deny rules（macOS 個人開発編・前編） Claude Codeのサンドボックスでgitが使えなくなったので、切り分けて直した話ログイン機能を作らずに、管理画面をオンラインサーバーで運用する AI用にMacを1台立てて、作業フォルダを1つに閉じ込めた長くなりすぎたCLAUDE.mdの棚卸しを自動化した Claude CodeからCodex CLIを呼んだら全コマンドが落ちた：二重サンドボックスの罠 Claude Code × Chrome DevTools MCPで、表示崩れをAIに見つけさせる【1Password移行⑨】移行＝ローテーション──op run で環境変数を安全に注入する AIに「そのまま写して」と頼んでも要約される。110件試して分かったこと AIにスクショを撮らせると下半分が白い？lazy loadの落とし穴 JSONを「読んで書き換えて保存」する処理が、静かにデータを失う条件 Claude Codeを複数同時に走らせたらgitが壊れた話正規表現ひとつで、台帳と実装がズレていた話作業ツリーからrsync –deleteするデプロイが危ない話制作用Macに入れているソフト一覧と、その選定理由情報量が多すぎるページを整理する型開発用Macを新しく買ったとき、最初にやること WordPressのパフォーマンスを改善する実践チェックリスト【10項目で高速化】 macOSの sips で落ちる画像を、別の方法で切り出す静的サイトからContact Form 7に送信する：Turnstile対応込み Mac同士のファイル受け渡しをSMB共有で固定する npm のサプライチェーン攻撃が続いてるので、Takumi Guard 入れてみました Claude CodeからWordPressの記事を作成・編集してみた AIが「静かに失敗する」3パターンと、それを検知する仕組み Photoshopを開かずに画像を一括変換するCLIの作り方【1Password移行⑤】SSH agent の初期設定──鍵の登録と config の書き換え【1Password移行③】Vault設計──最初に整理しておかないと後で詰む Illustrator（.ai）ファイルからテキストだけ抜き出す【1Password移行⑦】SSH移行トラブルシュート──ハマりポイントまとめ結果オブジェクトを in-place で書き換えると事故る【1Password移行⑥】SSH鍵を一括取り込みしてディスクから消す【1Password移行④】SSH移行の全体像──~/.ssh の棚卸しから始める【1Password移行②】なぜ1Passwordを選んだか GTM・GA4をNext.jsの静的書き出しサイトに入れる Claude Code を全許可で走らせず、現実解で締める settings.json deny rules（macOS 個人開発編・後編） npm のサプライチェーン攻撃が続いてるので、pnpm 10 に移行してみました（ハマりどころメモ）【1Password移行①】AIにディスクを読まれる前に──なぜ機密情報をディスクから消すか WebP自動変換スクリプトの落とし穴【1Password移行⑧】「最後の砦」を間違えると何が起きるか CSSだけでローディングアニメーション10パターン【コピペOK】 CSS animation-composition で複数アニメーションを合成する方法 CSS @propertyでカスタムプロパティにアニメーションをかけてみた Claude CodeのMCPサーバーを自作してみた CSS @keyframes のタイムライン制御テクニック集 CSS discreteアニメーションで画像切り替えスライドショーを作ってみた【JS不要】 Illustratorの「パターン」で背景テクスチャを量産するテクニック CSS View Transitionsでページ遷移アニメーションを実装する方法【SPA/MPA両対応】 CSS Trigonometric Functions（三角関数）で円形アニメーションを作ってみた Claude Codeのhooksで開発ワークフローを自動化する【1Password移行⑩】整理術と運用──移行後の頭の中がすっきりした話