デザイン・制作

デザイン・制作

【手順】Figmaのバリアント命名を実装向けに揃える【Web制作】

Figma バリアント 命名で実装前に迷いが出る制作向けに、プロパティ名・値・階層の揃え方と8個ルール、Dev Modeで確認する手順を整理しました。
デザイン・制作

【設定】VS Code Workspace Trustを案件フォルダで分ける【Win11】

VS Code Workspace Trust 設定で、クライアント案件フォルダと個人実験用を分けたいWeb制作者向けに、Win11での信頼モード・tasks・拡張の制限手順と、誤実行を防ぐチェック項目を整理しました。
デザイン・制作

【手順】FigmaでSteamストア画像からブログサムネ16:9を切り出す【WordPress】

Figma Steam 画像 切り出しで、ストアのヘッダー素材からブログ用16:9サムネを安全に作る手順です。著作権とクレジットの線引き、1920×1080フレーム、書き出し設定まで整理しました。
デザイン・制作

【手順】ゲームバグ報告をCursorでGitHub Issue文に整える【制作】

Cursor ゲーム バグ報告向けに、スクショとメモをGitHub Issue用の再現手順・環境表に整える手順です。テンプレとプロンプト例、個人情報のマスクまでまとめました。
デザイン・制作

【手順】FigmaのUIをUnity向け9スライスPNGで書き出す【@2x】

Figma Unity 9スライスで、ボタンやパネルをUnityのImageにそのまま載せる書き出し手順です。スライス線の置き方と@2x命名、インポート後の確認までまとめました。
デザイン・制作

【手順】Figmaでゲーム設定のタブ順を表にまとめる【アクセシビリティ】

ゲーム設定 UI Figmaで、タブとフォーカス順を実装前に表に起こす手順です。Dev Modeの数値と状態名を揃え、キーボード操作とコントローラー操作の両方で迷いを減らします。
デザイン・制作

【手順】Figma Auto LayoutでゲームHUDを実装渡し準備する【新仕様】

Figma Auto Layout ゲームUI向けに、CSS寄り新仕様を前提としたHUDの実装渡し手順です。LegacyとLatestの切り分けと、プレイヤー情報バーの組み方が中心です。
デザイン・制作

【手順】ゲームUIのWebP書い出しからWordPressへ載せる流れ【Figma】

Figma WebP 書き出しでゲームUIのボタンやアイコンを軽くしたい人向けに、書き出し設定・2倍書き出し・WordPressへの載せ方と、PNG併用の切り分けを日本時間2026年9月27日時点で整理しました。
デザイン・制作

【手順】FigmaでゲームUIコンポーネント命名を案件ごとに揃える【納品前】

Figma コンポーネント 命名 ゲームUIで納品前に迷う人向け。Button/Icon/Modalの接頭辞とバリアント表記を案件テンプレに固定し、開発側が探しやすい階層に整える手順をまとめました。
デザイン・制作

【手順】WordPressのwp-cronをサーバーcron化する【Xserver】

WordPress wp-cron サーバーcronで、更新予約やプラグインの定期処理が遅れるサイト向けに、Xserverで疑似cronを止めてサーバーcronへ切り替える手順と、戻し方を整理しました。