Web制作

デザイン・制作

【比較】秋雨のLP制作をFigmaとCursorとWPで進める【納品前】

LP制作 Figma Cursor WordPressで迷う人向けに、デザイン・AIコーディング・公開の3工程をFigma・Cursor・WordPressテーマで比較。秋雨の納期前に工程を分けて進める判断軸をまとめました。
デザイン・制作

【手順】Chromeのプロファイルで仕事用タブと私人を分ける【秋雨の集中】

Chrome プロファイル 仕事用でタブが混ざる人向けに、仕事用と私人の分け方、ブックマーク・拡張機能・ログインの切り替え手順を整理。秋雨の在宅週に通知と履歴を分ける方法です。
デザイン・制作

【手順】Figmaコンポーネントを案件ごとに整理する手順【小規模制作】

Figma コンポーネント 整理で迷う小規模制作向けに、案件ごとのライブラリ分け、命名、バリアントの最小構成を手順でまとめました。大規模DSを作らずに再利用できる運用です。
ガジェット

【ガイド】右クリック多い作業|MX Master・Ergo・Magic Mouse

マウス 比較 作業で右クリックやスクロールが多い日に迷う人向けに、Logicool MX Master 3S・MX ERGO・Apple Magic Mouseを、手首の負担と操作効率の軸で整理しました。
デザイン・制作

【ガイド】LP制作でツールが散る日|Figma・Adobe・Cursor比較

デザインツール 比較 LP制作で迷う人向けに、Figma・Adobe Creative Cloud・Cursorを、共同編集・写真加工・実装スピードの軸で整理。1人制作とチーム案件の使い分けをまとめました。
デザイン・制作

【手順】Figma書き出しで実装が止まる日|PNGとSVGの手順

Figma 書き出し Web実装で止まりがちなPNG・SVGの倍率、命名、フォルダ構成を整理。デザインからコーディングへ渡す最小セットと、実装側が迷わないチェックリストをまとめました。
デザイン・制作

【ガイド】VS Code拡張でWeb制作を速く|HTML/CSS向け7選

VS Code 拡張機能 Web制作向けに、HTML/CSS実装を速くする定番7つを用途別に整理。Live Server、Prettier、Auto Rename Tagなど、Figmaからコーディングへ移る人の選び方です。
デザイン・制作

【ガイド】在宅ワーク向けChrome拡張|Web制作の定番2026

Chrome拡張機能 Web制作向けに、色拾い・フォント確認・寸法測定・レスポンシブ確認の定番7つを用途別に整理。在宅ワークでFigmaとブラウザを行き来する人の選び方です。
デザイン・制作

【ガイド】Figmaプラグインおすすめ|Web制作向け必須2026

FigmaプラグインおすすめをWeb制作向けに整理。アクセシビリティ、命名、画像、フロー図まで、私が案件で入れている定番と入れないものの線引きをまとめます。
フリーランス

【ガイド】フリーランスの修正回数をコントロールする方法|見積もり実務

フリーランスの修正回数をコントロールするには、見積もり段階で回数と範囲を文章化することが欠かせません。契約前のルール設定と、納品後の追加対応の切り分けを、見積もり実務の目線で整理します。