デザイン・制作 【手順】WordPressへSVGを載せる前のサニタイズと軽量化【Figma書き出し後】
WordPress SVG アップロード前に、Figma書き出しSVGのサニタイズと軽量化で確認すべき項目を整理。メディアライブラリで止まる原因と、実装側が安全に使う手順をまとめました。
デザイン・制作
デザイン・制作 
デザイン・制作 【手順】FigmaでOGP1200×630を案件ごとに量産する【納品】
Figma OGP 書き出しを1200×630で揃える手順を、フレーム命名からPNG一括書き出しまで整理。案件ごとに量産しやすいファイル構成と、納品前にクライアントへ渡すチェック項目もまとめました。
デザイン・制作 【手順】ObsidianとCursor Rulesで制作メモを役割分けする【Web制作】
Obsidian Cursor 連携で、案件メモとAI編集用のルールを分ける手順を整理します。Vault構成、デイリーノート、Cursor Rulesの書き方と、WordPress修正範囲を固定する運用までまとめました。
デザイン・制作 【手順】MX Masterのボタン割り当てをFigma制作に合わせて整える【Options+】
MX Master Figma 設定で迷う人向けに、Logicool Options+で親指ボタンとサイドスクロールをズーム・フレーム移動に割り当てる手順を整理。Mac制作のショートカットと干渉しない組み合わせ例も載せています。
デザイン・制作 【手順】Figmaのブランチでクライアント確認画面を分ける【制作】
Figmaのブランチでクライアント確認用の画面を本線から分け、差し戻しとマージの手順を整理します。Webディレクター向けに、共有URLの出し方と取りこぼし防止までまとめました。
デザイン・制作 【手順】Cursor RulesでWordPress修正範囲を固定する【Cocoon】
Cursor Project Rules WordPress向けに、Cocoonテーマ修正で毎回ぶれる指示を固定する手順です。User Rulesと役割分担し、CSS上書きと個人情報の線引きまでまとめました。
デザイン・制作 【手順】Squooshでブログ画像をWebP圧縮する手順【WordPress】
ブログ 画像 WebP 圧縮は、Squooshで書き出してからWordPressへ載せる手順が分かりやすいです。画質と容量のバランス、ファイル名のルール、Cocoonでの表示確認まで整理しました。
デザイン・制作 【比較】秋雨のLP制作をFigmaとCursorとWPで進める【納品前】
LP制作 Figma Cursor WordPressで迷う人向けに、デザイン・AIコーディング・公開の3工程をFigma・Cursor・WordPressテーマで比較。秋雨の納期前に工程を分けて進める判断軸をまとめました。
デザイン・制作 【手順】Chromeのプロファイルで仕事用タブと私人を分ける【秋雨の集中】
Chrome プロファイル 仕事用でタブが混ざる人向けに、仕事用と私人の分け方、ブックマーク・拡張機能・ログインの切り替え手順を整理。秋雨の在宅週に通知と履歴を分ける方法です。
デザイン・制作 【手順】Figmaコンポーネントを案件ごとに整理する手順【小規模制作】
Figma コンポーネント 整理で迷う小規模制作向けに、案件ごとのライブラリ分け、命名、バリアントの最小構成を手順でまとめました。大規模DSを作らずに再利用できる運用です。