Web制作– tag –
-
Mac
Macでカラーコードを取得する方法|CSSと同じ値にするコツ
MacのDigital Color Meterでカラーコードを取得する手順を解説します。16進数への切り替え方と、CSSの#RRGGBBと同じ値になるsRGBの選び方を、W3Cの仕様とmacOSの色管理の仕組みをもとに説明します。 -
AI 活用・効率化
Claude Codeにデザイン画像を渡してコーディングするコツ|再現しやすい渡し方と指示の出し方
Claude Codeにデザイン画像を渡しても元の見た目と違ってしまうときの、再現精度を上げる画像の渡し方と最初の指示のコツを、Web制作で毎日使っている立場から解説します。 -
副業・フリーランス
会社員の副業でWeb制作案件を増やした方法|制作会社へのメール営業と面談
会社員の副業でWeb制作の案件を増やした体験談です。制作会社の探し方、Notionに実績をまとめて営業しながら追加したこと、約100通のメールで返事は2〜3件だったこと、返事をくれた会社との面談で話した内容まで、当時の経験をもとに紹介します。 -
副業・フリーランス
会社員をしながらWeb制作の副業はきつい?当時の1日と続けられた理由
会社員をしながらWeb制作の副業をしていると、 「この生活を、いつまで続けられるんだろう」「両立している人は、どこで作業時間を作っているんだろう」 と、不安になることはありませんか。 結論から言うと、毎日長い時間を確保する必要はありません。忙... -
AI 活用・効率化
Claude Code で作った HTML を GitHub Pages で公開する方法
Claude Codeで作ったHTMLサイトを、無料のGitHub Pagesで公開する方法を手順で解説します。GitHubアカウントの作成、gitの操作、Pagesの設定、つまずきやすい点まで紹介します。 -
副業・フリーランス
Claude CodeとChatGPTの使い分け|AIに任せる仕事・人がやる仕事
Claude Code と ChatGPT を毎日の Web 制作と発信に使ってみて見えてきた、AIに任せられる作業と任せてはいけない作業の線引きを、Mac で個人メディアを運営する立場から正直に紹介します。数字の効果ではなく、実際の使い分けが中心です。 -
AI 活用・効率化
Claude Codeで一部だけ修正する方法|余計な変更を防ぐ4つのコツ
Claude Codeで一部だけ修正する方法を解説。範囲の指定・diffでの事前確認・「他は変更しない」の明示・Gitで戻せる状態の4つで、余計な変更を防ぎます。 -
SWELL
SWELL でお問い合わせフォームを設置する方法|Contact Form 7 と WPForms の選び方
SWELL でお問い合わせフォームを固定ページに設置する手順を、定番の Contact Form 7 と SWELL 開発者推奨の WPForms の2択で整理。自動返信メールの設定と、公開前の送信テストまで解説します。 -
SWELL
SWELL でファビコンとロゴを設定する手順|サイズ・形式・置き場所まで
SWELLでファビコンとヘッダーロゴを設定する方法を解説します。ファビコンは「サイト基本情報」、ロゴは「ヘッダー」から設定します。画像の推奨サイズ(512×512px以上)と形式、タブに反映されないときの対処もまとめました。
12



