タスクの詳細
現在「依頼者作業・確認待ち」、進捗 90%。工程は全7件中 6件完了。
残りの工程: 【共有】納品・共有
タスクの詳細情報・説明 別ウィンドウで表示
依頼の詳細
LPビルダーver.1の縦型比較表のパターンを作成いただきたいです！
現状完成していただいたver.1の比較表部分のみを変更し、ver.2としていただきたいです🙇
イメージ： 医療ダイエットLP https://medishiru.com/rank/ryb.php
場所（設定場所・参考URL）
https://www.notion.so/LP-ver-2-32e23b3d19338023b374c64562a1b5ac?source=copy_link
対応者メモ・コメント 別ウィンドウで表示
作業工程・チェックリスト
コメント コメントフォーム
Claude Code
追記
本日（2026-03-31）セッション冒頭でスプレッドシートの比較テーブルセクション更新も実施済み。チェックリスト2085を完了に更新。
Claude Code
2026-03-31 作業記録
完了した作業
配布ページ整備（plus-first-lp-biluder_ver2）
- SITE_NAME: FIRST LP Builder → FIRST LP Builder Ver2
- h1タイトル更新
- ディレクトリ構成表: 04.lp-compare-table/ → 04.lp-comparison-table/ に修正
- 比較テーブルの説明（3箇所）: 「横並び（5軸評価）」→「3社固定の縦型比較テーブル」
- スプレッドシート対応表: セクション11（運営会社情報・調査概要）追加
- サービス件数説明: テーブル形式に変更（比較テーブル3社固定・おすすめ3選3枚固定・ランキング3〜8件）
- 任意項目セクション: 調査概要・運営会社ページの非表示対象リストを追加
ライブDBのchangelog整理
- 不要エントリー（ID 1〜54、56〜57）を全削除
- 残存: ID 55「FIRST LP Builder VER2 初回リリース」のみ
残タスク
- FTPデプロイ（ユーザー手動）
- スプレッドシート更新（チェックリストID 2085）
- 動作確認（チェックリストID 2086）
- 納品・共有（チェックリストID 2087）
Claude Code
本日（2026-03-31）の作業内容
配布ページ（plus-first-lp-biluder_ver2）整備
1. SITE_NAME変更
- includes/common.php: FIRST LP Builder → FIRST LP Builder Ver2
2. index.php（配布ページ）更新
- h1タイトル: FIRST LP Builder → FIRST LP Builder Ver2
- ディレクトリ構成: plus-first-lp-biluder/ → plus-first-lp-biluder_ver2/、04.lp-compare-table/ → 04.lp-comparison-table/
- 比較テーブルの説明（3箇所）: 「横並び（5軸評価）」→「3社固定の縦型比較テーブル」
- スプレッドシート対応表: セクション11（運営会社情報・調査概要）の行を追加
- サービス件数説明: 比較テーブル3社固定・おすすめ3選3枚固定・ランキング3〜8件の表に変更
- 任意項目セクション: 調査概要・運営会社ページの非表示対象リストを追加
3. ライブDBのchangelog整理
- 重複・不要エントリー（ID 1〜54、56〜57）を全削除
- 残存: ID 55「FIRST LP Builder VER2 初回リリース」のみ
進捗
- チェックリスト「配布ページ作成・公開」: 作業中
- 配布ページの内容更新は完了。FTPデプロイ待ち
Claude Code
本日（2026-03-31）の作業内容と進め方
目標
LPビルダーver.2の動作確認 → スプレッドシート更新 → 実案件CSVでLP生成テストまで通す
ステップ
動作確認（サンプル状態）
- PHP構文チェック → 全ファイルエラーなし ✅
- ローカルブラウザ表示確認（sample_data.phpベース）
- comparisonTableセクションの表示・CSSクラス・CTAリンク形式確認
- SP表示（648px以下）レイアウト確認
スプレッドシート更新
- 比較テーブルセクションの項目を新構造（services/rows形式）に差し替え
- コメントID:1017の仕様に従う
テストLP作成
- ユーザーが用意する実案件情報を受け取る
- スプレッドシートベースをCSV化 → 情報入力
- 01.lp-dataスキルでdata.php変換
- 新ベース（ver.2）でLP生成・表示確認
現在の状況
- comparisonTable.php / data.php / sample_data.php / SKILL.md: 実装済み
- 動作確認・スプレッドシート更新・LP生成テスト: これから
Claude Code
スプレッドシートの変更内容
❺ 比較テーブル セクション全体を以下に差し替え
削除する項目
| 項目 | 理由 |
|---|---|
| 比較軸1〜5 | 廃止。行ごとに見出しを直接定義する形式に変更 |
| アフィリエイトURL（比較テーブル用） | 廃止。slugからweb_link()で自動生成するため不要 |
| イチ押し | 廃止。1位列が自動でハイライトされるため不要 |
| 総合評価 / 総合評価テキスト | 廃止。新構造に該当なし |
| 特徴テキスト | 廃止。新構造に該当なし |
| サービス4〜8 | 廃止。3社固定 |
新しい項目構成
❺ 比較テーブル — 縦型3社比較テーブル（サービスが列、比較項目が行）
○ 見出し画像 セクション見出し画像ファイル名
○ 見出しalt 画像の代替テキスト
○ 下部注釈 表の下に表示する注釈テキスト（任意。HTML可）
比較テーブル - 1位サービス
★ サービス名
★ slug 他セクションのslugと統一。例: service-a
○ ロゴ画像 ファイル名
比較テーブル - 2位サービス
★ サービス名 / ★ slug / ○ ロゴ画像
比較テーブル - 3位サービス
★ サービス名 / ★ slug / ○ ロゴ画像
比較行1（type: text）
★ 見出し 例: 料金
○ 見出しアイコン アイコン画像ファイル名（任意）
★ type text / tags / button のいずれか
○ 1位 評価 verygood / good / soso / 空欄
○ 1位 テキスト 例: 月額9,800円〜
○ 1位 ハイライト on（太字+メインカラー）または空欄
○ 1位 注釈 例: ※税込（任意）
※ 2位・3位 も同様
比較行N（type: tags の場合）
★ 見出し / ★ type
○ 1位 評価
★ 1位 タグ カンマ区切り。例: タグA, タグB, タグC
※ 2位・3位 も同様
比較行（ボタン行・最終行）（type: button）
★ 見出し 例: 公式サイト
★ type button
○ 1位 CTA上テキスト 任意
★ 1位 CTAテキスト 例: サービスA\nで申し込む（\nで改行）
※ 2位・3位 も同様変更のポイント
- 比較行はtypeごとに入力項目が変わる（text / tags / button）
- 行数は可変。不要な行は削除。最終行にbuttonを推奨
- tagsのタグはカンマ区切りで入力 → AIがPHP配列に変換
- サービスのアフィリエイトURLは比較テーブルでは不要（rankingセクションで管理）
Claude Code
本日の作業内容
比較表テンプレートの制作・整備（plus-first-lp-biluder_ver2）
1. 比較表CSSの作成（comparisonTable/index.html）
- medishiru.com/rank/ryb.php の比較表スタイルを参考に、style_pc.css / style_sp.css から全CSSを取得・適用
- html { font-size: 10px } 不足によるrem値ズレを修正
- max-width: none / background-image 抜けも修正
2. テンプレート用プレースホルダー化
- 見出し → 「見出しがはいります」
- 時間 → 「00:00〜00:00」
- サービス名 → 「サービス名」
- タグ（リベルサス等）→ 「アイコン」
- 料金 → 「0,000円〜」
- タイトル画像・バナー → placehold.jp ダミー画像化
3. comparisonTable.php の新規作成（FIRST_LP_BASE/contents/parts/）
- 縦型3社比較テーブルパーツとして実装
- 行タイプ: text / tags / button の3種対応
- img_url() / web_link() ヘルパー準拠、CSS変数で全色管理
4. SKILL.md 作成（.claude/skills/04.lp-comparison-table/） - data.php キー定義・CSS全文・検証チェックリストを記載
5. compareTable.php 関連の削除・置き換え
- compareTable.php 削除
- 04.lp-compare-table スキルディレクトリ削除
- index.php（root / contents/parts）を comparisonTable.php に変更
- hikakuTabke.php タイポも修正
- data.php / sample_data.php のデータキーを compareTable → comparisonTable に置き換え
- rules/*.md / 各SKILL.md の参照を一括更新
2026-03-31 作業記録（訂正・追記）
本日セッション前半で以下も実施済みでした。
チェックリスト 2085（スプレッドシート更新）・2086（動作確認）を完了に更新。
残タスク