CSS三角形ジェネレーター｜8方向・内枠・くり抜き対応（clip-path）

ツール HTML/CSS
CSSの三角形を8方向（▲▼◀▶◤◥◢◣）から選んで生成。幅・高さ・色に加え、三角形の内側に作る「内枠」や、内側を透明にくり抜いた三角形にも対応。clip-pathのコードをコピー…
続きを読む

Claude Codeにレイアウトを正確に再現させる「中間設計書」記法

AIでWebｺｰﾃﾞｨﾝｸﾞ
ClaudeCodeにWebサイトのコーディングを任せるとき、デザインカンプ（画像/PDF）をそのまま渡すだけでは、レイアウトが正確に再現できないという壁にぶつかりました。特に難し…
続きを読む

Claude Code にWebサイトのコーディングをさせる方法—ドキュメント設計から指示出しまで

AIでWebｺｰﾃﾞｨﾝｸﾞ
ClaudeCodeは、アプリ開発やフォームシステムだけでなく、Webサイトのフロントエンドコーディングにも十分活用できます。ただし、何も準備なしに「このデザインをHTMLにしてく…
続きを読む