【結論】Webサイトを安全に作成する
小規模Webサイトは標準HTML、CSS、JavaScriptで素早く作れますが、CDNを必須にせずCSP、Privacy、Performanceを考慮します。
一枚HTMLへ無理に詰め込まず、保守性が必要ならHTML、CSS、JavaScriptを分離します。
公開前にレスポンシブ、アクセシビリティ、フォーム、SEO、リンク、ライセンスを確認します。
# ターミナルで実行：作業用リポジトリを作成
mkdir company-lp && cd company-lp && 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だけでSaaS向けLPを設計してください。
Hero、特徴、料金、FAQ、CTAを含め、外部CDNと画像URLは使わないでください。
まずファイル構成とアクセシビリティ要件だけを提示してください。注意点・よくあるエラーと対処法
ダミーフォームを本物の送信機能のように見せないでください。
スクロール演出はIntersectionObserverとReduced Motionを考慮します。
公開前に個人情報保護、Cookie、Analytics、問い合わせ先を確認してください。