制作部署マニュアル ナレッジ（https://manual-terasu.pages.dev）

自動ミラー。X/コラムの一次ソース用。全文は同フォルダの各ファイル。

01 制作フロー・開発知識

• オンボーディング（道具と進め方） — 使う道具・TERASU Lab・100→崩す哲学・1HP=1セッション・/handoff・プレビュー優先（新規メンバー向け）
• 中身: この章について ／ 使う道具は「2つ」 ／ TERASU Lab の「セクション」が一番大切 ／ なぜTERASUのHPは質が高いのか（0→100ではなく「100を崩す」） ／ 事故らないためのセッション運用 ／ プレビューで作り、本番は最後（鉄則） ／ GitHub は「履歴」と「事故防止」
• 制作部署/01-01_オンボーディング（道具と進め方） ・ Web
• 制作過程 — TERASU独自のHP制作フロー（参考HP→ダミー化→オリジナル化→公開）全12ステップ
• 中身: この章の目的：TERASUの「作り方」を1本の道にする ／ 全体像（12ステップ早見表） ／ 着手前に：用途は「クライアント納品」か「デモ」か ／ Step1：全ページを一括で抜き出して「ダミー化」する ／ Step2：抜き出しの仕上げ ／ Step3：ローカルでプレビュー＋確認①（元HPと一致しているか） ／ Step4：TERASUオリジナル化（著作権ゲート①）＋確認② ／ Step5：案件の中身を流し込み＋GitHub立ち上げ
• 制作部署/01-02_制作過程 ・ Web
• GitHub — Git/GitHubとは・なぜ使う・基本用語・TERASUの自動デプロイ運用（未経験向け）
• 中身: まず「Git」と「GitHub」がそもそも何かを理解する ／ なぜTERASUがGitHubを使うのか ／ 基本用語をひとつずつ（ここが一番大事） ／ TERASUでの実際の流れ（これが仕事の核心） ／ Cloudflare Pagesとの連携の仕組み（裏で何が起きているか） ／ 最低限の操作（コマンド付き） ／ よくあるトラブルと対処 ／ まとめ・チェックリスト
• 制作部署/01-03_GitHub ・ Web
• サーバー — サーバー/ホスティング・Cloudflare Pages・ドメイン/DNS・SSL（未経験向け）
• 中身: まずここだけ：この章のゴール ／ サーバーとは / ホスティングとは ／ 静的サイト vs 動的サイト（TERASUは静的） ／ TERASUのホスティング ＝ Cloudflare Pages ／ ドメインとは / DNSとは（超重要） ／ SSL / HTTPS（鍵マーク） ／ TERASUの全体構成（今と未来） ／ 公開までの流れ（実務まとめ）
• 制作部署/01-04_サーバー ・ Web
• Claude使いこなしガイド — 初心者向け3原則・制作フロー別の使い方・上級者の技5つ・修正指示の出し方・挙動がおかしくなった時の対処
• 中身: Claudeで制作クオリティを10倍上げる ／ 初心者が最初に知ること（3つだけ） ／ 制作フロー別・この場面でこう使う ／ 上級者が精度をさらに上げる5つの技 ／ やりがちなミス3つ ／ まとめ・チェックリスト ／ 修正指示の出し方（手を止めない進め方） ／ 1セッション＝1HP の鉄則（絶対に守る）
• 制作部署/01-05_Claude使いこなしガイド ・ Web
• Claude 基礎知識 — Claudeとは・セッションの仕組み・チャット版とClaude Codeの違い・できること/できないこと
• 中身: Claude って何者？（基礎から理解する） ／ Claudeとは ／ 「セッション」とは何か ／ チャット版 と Claude Code の違い ／ Claudeが「できること」と「できないこと」 ／ 「なんか変」と感じたら早めに動く ／ まとめ
• 制作部署/01-06_Claude 基礎知識 ・ Web
• ドメイン接続【ドメインなし版】 — お名前.comでドメイン取得→Cloudflare Pagesに接続→DNS設定→反映確認（スクショ付き手順）
• 中身: ドメイン接続ガイド【ドメインなし版】 ／ STEP 1：ドメインを決める ／ STEP 2：お名前.com でドメインを取得する ／ STEP 3：Cloudflare Pages にカスタムドメインを設定する ／ STEP 4：お名前.com で DNS を設定する ／ STEP 5：反映を確認する ／ トラブル対応
• 制作部署/01-07_ドメイン接続【ドメインなし版】 ・ Web
• ドメイン接続【ドメインあり版】 — 既存ドメインのDNS設定変更→Cloudflare Pages接続→メール影響注意点（スクショ付き手順）
• 中身: ドメイン接続ガイド【ドメインあり版】 ／ STEP 1：ドメインの管理会社を確認する ／ STEP 2：既存サイトの状況を確認する ／ STEP 3：Cloudflare Pages にカスタムドメインを設定する ／ STEP 4：DNS管理会社側で CNAME を設定する（お名前.com の場合） ／ STEP 5：反映を確認する ／ メールを使っている場合の注意点 ／ トラブル対応
• 制作部署/01-08_ドメイン接続【ドメインあり版】 ・ Web

02 サイト制作 基礎知識

• デザインの基本原則 — 近接・整列・反復・コントラスト
• 中身: デザインの目的を最初に押さえる ／ デザインの4大原則（ノンデザイナーズデザインブック） ／ 視線誘導の基本 ／ 余白（ホワイトスペース）の重要性 ／ 黄金比・3分割法（構成の決め方） ／ TERASUデザインで守る5つの最低限ルール ／ チェックリスト：制作中に確認する10項目 ／ 参考：プロが見る世界一流のサイト
• 制作部署/02-01_デザインの基本原則 ・ Web
• 配色設計 — カラーホイール・配色比率・業種別ガイド
• 中身: 配色の基本ルール ／ カラーホイール（色相環）の理解 ／ 60-30-10 ルール（配色比率の黄金則） ／ 業種別 配色ガイド ／ 色の心理効果 ／ コントラスト比（読みやすさの絶対ルール） ／ ダークモード対応（モダンサイト必須） ／ TERASU業種別カラーパレット（実用テンプレ）
• 制作部署/02-02_配色設計 ・ Web
• タイポグラフィ — フォント選定・サイズ階層・行間・字間
• 中身: タイポグラフィが読みやすさの90%を決める ／ フォントの種類と用途 ／ Webで使う日本語フォントの推奨 ／ Webフォント読み込み（Google Fonts） ／ フォントサイズの階層（タイプスケール） ／ 行間（line-height）の黄金則 ／ 文字間（letter-spacing）の調整 ／ 1行の文字数
• 制作部署/02-03_タイポグラフィ ・ Web
• レイアウト — グリッド・余白・視線誘導・F型/Z型
• 中身: レイアウトの目的 ／ グリッドシステム ／ 8pxグリッド（余白の鉄則） ／ 視線誘導パターン ／ ヒーローセクションの黄金構成 ／ ページの全体構成テンプレ（LP / コーポレートTOP） ／ レスポンシブの基本 ／ カラム・グリッドのレスポンシブ
• 制作部署/02-04_レイアウト ・ Web
• コピーライティング — ヒーローコピー・CTA・ベネフィット設計
• 中身: コピーライティングがHPの「売れる/売れない」を決める ／ コピーの3要素（PASTOR Formula 簡易版） ／ ヒーローコピーの黄金パターン ／ サブコピーの書き方 ／ CTA（Call To Action）ボタンの黄金則 ／ マイクロコピー（細かい文言） ／ ベネフィット vs 機能 の使い分け ／ 強い言葉のリスト（カラーパレット的に使う）
• 制作部署/02-05_コピーライティング ・ Web
• UI/UX設計 — ボタン・フォーム・ナビゲーション
• 中身: UI と UX の違い ／ ボタンの設計 ／ フォーム設計の原則 ／ ナビゲーションの設計 ／ ホバー・フィードバックの基本 ／ ローディング・スケルトンUI ／ マイクロインタラクション ／ アコーディオン（FAQ等の畳む式）
• 制作部署/02-06_UI-UX設計 ・ Web
• 画像・素材 — フリー素材・商用利用・最適化
• 中身: 画像はサイトの「世界観」を決める ／ 画像の種類 ／ 商用利用可能なフリー素材サイト（おすすめ） ／ 有料素材サイト（クオリティ高い） ／ 商用利用の注意点 ／ 画像加工の基本 ／ ヒーロー画像の選び方 ／ 写真の選び方（業種別）
• 制作部署/02-07_画像・素材 ・ Web
• サイト構成・IA設計 — サイトマップ・ワイヤー・ページ役割
• 中身: サイト構成（IA：情報アーキテクチャ）の役割 ／ サイト制作の進め方（順番が命） ／ ゴール設定 ／ ペルソナ設定 ／ サイトマップの作り方 ／ ページ役割の定義 ／ ワイヤーフレームの作成 ／ 1ページの黄金構成（LP）
• 制作部署/02-08_サイト構成・IA設計 ・ Web
• ブランディング — ロゴ・トーン&マナー・世界観統一
• 中身: ブランディングとは ／ ブランディングの構成要素 ／ ロゴの作り方 ／ カラーパレット（ブランドカラー） ／ タイポグラフィ統一 ／ トーン&マナー ／ 世界観の統一 ／ アイコンスタイル統一
• 制作部署/02-09_ブランディング ・ Web
• アクセシビリティ — コントラスト・alt属性・キーボード操作
• 中身: アクセシビリティとは ／ なぜアクセシビリティが大事か ／ WCAG（Web Content Accessibility Guidelines） ／ 1. 知覚可能：見える・聞ける ／ 2. 操作可能：使える ／ 3. 理解可能：分かる ／ 4. 堅牢：あらゆる環境で使える ／ 見出しの階層
• 制作部署/02-10_アクセシビリティ ・ Web
• スマホ最適化 — レスポンシブの仕組み・880px・clamp/vw・PC無影響の証明 ・ Web

03 SEO 基礎知識

• SEOとは — 検索エンジンの仕組み・クローラー・インデックス
• 中身: SEOとは何か ／ なぜSEOが重要か ／ 検索エンジンの仕組み（3ステップ） ／ ランキング要因の主要カテゴリ ／ SEOの3階層 ／ SEO で時間がかかる理由 ／ SEOで誤解されがちなこと ／ SEO で本当に効くこと（5原則）
• 制作部署/03-01_SEOとは ・ Web
• 検索アルゴリズム — コアアップデート・E-E-A-T・ヘルプフルコンテンツ
• 中身: Google検索アルゴリズム ／ アルゴリズムの主要評価要素 ／ コアアップデート（Core Update） ／ ヘルプフルコンテンツアップデート（重要） ／ E-E-A-T 詳細 ／ YMYL（Your Money or Your Life） ／ RankBrain（AIによるランキング） ／ BERT（自然言語処理）
• 制作部署/03-02_検索アルゴリズム ・ Web
• キーワードリサーチ — ボリューム・難易度・ロングテール
• 中身: キーワードリサーチが SEO の出発点 ／ キーワード3要素 ／ キーワード調査の手順 ／ キーワード調査ツール（実用） ／ キーワードの分類と戦略 ／ キーワード選定の判断軸 ／ ロングテールキーワード戦略 ／ キーワードカニバリゼーション（同類記事の競合）
• 制作部署/03-03_キーワードリサーチ ・ Web
• 検索意図 — Know/Do/Go/Buy の4分類
• 中身: 検索意図（Search Intent）が SEO の核 ／ 検索意図の4分類（Know / Do / Go / Buy） ／ さらに細かく：Micro-Intent ／ 検索意図の特定方法 ／ 検索意図のミスマッチ例 ／ 検索意図に応じたページ構成テンプレ ／ 検索意図が複合的なケース ／ 検索意図の進化（コアアップデート対応）
• 制作部署/03-04_検索意図 ・ Web
• オンページSEO — タイトル・description・見出し・URL
• 中身: オンページSEOとは ／ オンページSEO の7つの主要要素 ／ 1. title タグ（最重要） ／ 2. meta description（重要） ／ 3. 見出し階層（h1〜h6） ／ 4. URL構造 ／ 5. 内部リンク（Internal Linking） ／ 6. 画像最適化
• 制作部署/03-05_オンページSEO ・ Web
• テクニカルSEO — 速度・モバイル・構造化データ・sitemap
• 中身: テクニカルSEOとは ／ テクニカルSEO の7大要素 ／ 1. サイト速度（Core Web Vitals） ／ 2. モバイルフレンドリー ／ 3. HTTPS（SSL） ／ 4. クロール・インデックス可能性 ／ 5. インデックス制御 ／ 6. 構造化データ
• 制作部署/03-06_テクニカルSEO ・ Web
• オフページSEO — 被リンク・サイテーション・SNS
• 中身: オフページSEOとは ／ オフページSEO の3大要素 ／ 1. 被リンク（バックリンク） ／ 被リンク獲得の方法（ホワイトハット） ／ やってはいけない被リンク獲得（ブラックハット） ／ 2. サイテーション（言及） ／ 3. E-E-A-T 強化（権威性UP） ／ ローカルSEO のオフページ要素
• 制作部署/03-07_オフページSEO ・ Web
• コンテンツSEO — 記事設計・リライト・コンテンツマーケ
• 中身: コンテンツSEOとは ／ なぜコンテンツSEOが効くか ／ コンテンツSEO の基本フロー ／ 記事タイプの種類 ／ 記事構成の黄金型 ／ 良いコンテンツの条件 ／ 文字数の目安 ／ 記事作成プロセス（実用フロー）
• 制作部署/03-08_コンテンツSEO ・ Web
• ローカルSEO — Google Business Profile・地域名キーワード
• 中身: ローカルSEOとは ／ ローカルSEO が必要な業種 ／ ローカル検索の3パターン ／ ローカル検索結果ページ（SERP） ／ Google Business Profile（GBP）が最重要 ／ ローカル検索のランキング要因 ／ NAP情報の統一が最重要 ／ 口コミ獲得が運命を分ける
• 制作部署/03-09_ローカルSEO ・ Web
• SEO計測と改善 — GA4・Search Console・KPI設計
• 中身: SEOは「計測→改善」の繰り返しが本質 ／ 必須の2大ツール ／ Google Search Console の使い方 ／ Google Analytics 4 の使い方 ／ GA4 で見るべき主要指標 ／ GA4 でのコンバージョン設定 ／ 改善サイクル（PDCA） ／ リライト戦略
• 制作部署/03-10_SEO計測と改善 ・ Web
• AIに選ばれるHP（GEO/AEO） — 生成AIに引用・推薦されるための最適化。実証済み施策と俗説の区別
• 中身: なぜ今「AIに選ばれるHP」なのか ／ 実証されている「効く」施策 ／ やる価値はあるが効果を誇張しない施策 ／ 信じてはいけない俗説（検証で否定された主張） ／ まだ未確定（顧客に断定しない） ／ 日本市場での優先順位 ／ 制作時のチェックリスト
• 制作部署/03-11_AIに選ばれるHP（GEO-AEO） ・ Web

04 サイト制作〜公開まで

• 公開準備（プリフライト） — 公開前最終チェック・必須技術設定
• 中身: このPhaseのゴール ／ 公開前 最終チェックリスト（30項目） ／ 必須技術設定の詳細 ／ パフォーマンス最適化 ／ セキュリティ設定 ／ 公開前に絶対やってはいけないこと ／ Phase 1 完了判定
• 制作部署/04-01_公開準備（プリフライト） ・ Web
• ドメイン・公開作業 — ドメイン接続・DNS・デプロイ
• 中身: このPhaseのゴール ／ 公開作業の全体フロー ／ ドメイン手配パターン ／ ドメイン取得の手順（お名前.comの例） ／ Cloudflare Pages へのデプロイ ／ カスタムドメイン接続 ／ DNS設定（顧客側ドメインプロバイダー） ／ サブドメインで運用する場合
• 制作部署/04-02_ドメイン・公開作業 ・ Web
• SEO基礎設定（ツール登録） — Search Console / GA4 / GBP
• 中身: このPhaseのゴール ／ SEO基礎設定 全体フロー ／ 1. Google Search Console 登録 ／ 2. Google Analytics 4 設置 ／ GA4 のコンバージョン設定 ／ 3. Google Business Profile（GBP）登録 ／ 4. Bing Webmaster Tools ／ 5. その他検索エンジン
• 制作部署/04-03_SEO基礎設定（ツール登録） ・ Web
• キーワード戦略 — キーワード選定・競合分析・マッピング
• 中身: このPhaseのゴール ／ キーワード戦略 実装フロー ／ ステップ1：クライアントヒアリング ／ ステップ2：シードキーワード抽出 ／ ステップ3：キーワード調査 ／ ステップ4：競合分析 ／ ステップ5：キーワードマッピング ／ ステップ6：title・h1への反映
• 制作部署/04-04_キーワード戦略 ・ Web
• SEO内部対策 — メタタグ・見出し・構造化データ
• 中身: このPhaseのゴール ／ 内部対策 実装フロー ／ ステップ1：title・description の個別設定 ／ ステップ2：見出し階層（h1〜h3）の整理 ／ ステップ3：構造化データ実装 ／ ステップ4：内部リンク戦略 ／ ステップ5：パンくずリスト設置 ／ ステップ6：URL設計の最終確認
• 制作部署/04-05_SEO内部対策 ・ Web
• SEO外部対策 — 被リンク獲得・サイテーション・E-E-A-T
• 中身: このPhaseのゴール ／ 外部対策 実装フロー ／ ステップ1：プレスリリース配信 ／ ステップ2：業界ディレクトリ・ポータル登録 ／ ステップ3：パートナー・取引先からのリンク ／ ステップ4：E-E-A-T 強化 ／ ステップ5：SNS開設・運用開始 ／ ステップ6：業界メディア寄稿・取材狙い
• 制作部署/04-06_SEO外部対策 ・ Web
• 集客運用 — SNS連携・メルマガ・広告・継続施策
• 中身: このPhaseのゴール ／ 集客運用 全体フロー ／ 1. SNS連携 ／ 2. シェアボタン設置 ／ 3. メルマガ・LINE公式アカウント ／ 4. リターゲティング広告 ／ 5. オーガニック流入の継続施策 ／ 6. パートナー連携・紹介プログラム
• 制作部署/04-07_集客運用 ・ Web
• 効果計測・改善 — GA4・GSC指標・改善サイクル・KPI
• 中身: このPhaseのゴール ／ 効果計測・改善 運用フロー ／ GA4 で必ず見るレポート ／ Search Console で必ず見るレポート ／ 月次レビューの実施手順 ／ リライト戦略 ／ クライアント月次レポート作成 ／ Looker Studio で自動レポート
• 制作部署/04-08_効果計測・改善 ・ Web
• クライアント引き渡し — 引き渡し資料・権限委譲・月次レポート
• 中身: このPhaseのゴール ／ クライアント引き渡し 全体フロー ／ ステップ1：引き渡し資料パッケージ作成 ／ ステップ2：引き渡しミーティング（30分） ／ ステップ3：各種ツール権限付与 ／ ステップ4：運用マニュアル渡し ／ ステップ5：月次レポート初回送付 ／ ステップ6：契約書類最終確認
• 制作部署/04-09_クライアント引き渡し ・ Web
• トラブルシューティング — よくある問題・緊急対応
• 中身: このPhaseのゴール ／ トラブル対応の基本フロー ／ よくある問題と解決法 ／ 緊急対応マニュアル ／ トラブル防止のための予防策 ／ 連絡フロー（社内） ／ クライアント連絡のテンプレ ／ Phase 10 トラブル対応 チェックリスト
• 制作部署/04-10_トラブルシューティング ・ Web
• ブログ・お役立ち記事運用 — お知らせ/ブログでHPを強くする・効果の条件・続く仕組み
• 中身: なぜブログ・お役立ち記事でHPを強くするのか ／ 「他社がやってるから」だと逆効果になりやすい ／ 効果が出る型（記事タイプと頻度） ／ 続ける鍵 ＝ AIで半自動化 ／ まとめ・チェックリスト
• 制作部署/04-11_ブログ・お役立ち記事運用 ・ Web