【結論】Websiteを安全に作成する
静的Websiteは標準HTML、CSS、JavaScriptで作成し、外部CDNを必須にしない構成が管理しやすいです。
一つのHTMLへ無理に詰め込まず、保守性が必要ならHTML、CSS、JavaScriptを分離します。
公開前にレスポンシブ、アクセシビリティ、SEO、フォーム、リンク、ライセンスを確認します。
# ターミナルで実行：作業用リポジトリを作成
mkdir company-site && cd company-site && git init
# ターミナルで実行：Planモードで開始
claude --permission-mode plan
# ターミナルで実行：ローカルプレビューを起動
python3 -m http.server 8000
# ターミナルで実行：HTMLを検査
npx html-validate index.html具体的な手順・設定方法
読者、目的、CTA、ブランドToken、必要セクションを定義します。
HTML構造、CSS、動作、Asset一覧を先に計画します。
スマホ、キーボード、Reduced Motion、低速回線で検証します。
実践プロンプト / 活用テクニック
# 起動後のセッション内で入力
標準HTML、CSS、JavaScriptだけで企業向けWebsiteを設計してください。
Hero、特徴、導入事例、FAQ、CTAを含め、外部CDNと画像URLは使わないでください。
まずファイル構成とアクセシビリティ要件だけを提示してください。注意点・よくあるエラーと対処法
ダミーフォームを本物の送信機能のように見せないでください。
外部AssetはCSP、Privacy、可用性、ライセンスを確認します。
公開前にCookie、Analytics、個人情報保護、問い合わせ先を確認してください。