swappoints.php LP 使用ファイル一覧

ディレクトリツリー

swappoints.php (本体)

├── template/

│   ├── common.php                       (共通設定: SITE_URL / IMG_URL 等)

│   ├── head.php                         (HTMLヘッダ + CSS読み込み)

│   │   ├── assets/css/style_pc.css      ★PC + .swap スコープ追加

│   │   └── assets/css/style_sp.css      ★SP + .swap スコープ追加

│   ├── form_swap.php                    (絞り込み検索フォームUI)

│   └── footer_test.php                  (フッター ※他LPでも使用)

│

├── parts/

│   ├── recommend_swap.php               (タイプ別おすすめFX会社 4社)

│   ├── comparison_swap.php              (比較表 7社・8列)

│   ├── merit_swap.php                   (教育コンテンツ POINT 1-3)

│   ├── campaign_area_swap.php           (◯月のおすすめ高スワップFX会社)

│   ├── pr_area_swap.php                 (PR枠)

│   │   └── ranking/tryauto_swap.php

│   ├── ranking_swap.php                 (ランキング section)

│   │   ├── ranking/minnano_swap.php     (1位)

│   │   ├── ranking/gaika_swap.php       (2位)

│   │   └── ranking/matsui_swap.php      (3位)

│   └── campaign_swap.php                (まとめ section .pr__dmm)

│

└── (絞り込み検索 別ページ系: フォーム送信先)

    └── result_form/

        ├── swap.php                     (検索結果ページ)

        │   ├── result_form/re_form_swap.php  (再検索フォーム)

        │   └── assets/json_swap/index.php    (JSON API)

        │       └── assets/db/refine_search.db (table: product_tb_swap)

        └── re_form_swap.php

画像 (assets/img/ 配下、38ファイル)

ファイル種別 サマリ

合計: PHP 19ファイル + CSS 2 + DB 1テーブル + 画像 38 = 60リソース

対応した領域のソース整理を行う

• _swappoints.php_0518.php 削除
• parts/recommend_swap.php（recommendテキスト差し替え／+3 -3行）
• parts/merit_swap.php（meritテキスト削除、黄色下線追加／+2 -2行）
• assets/css/style_sp.css（meritテキスト上部余白調整／+4行）
• assets/css/style_sp.css（merit横スライド変更、余白調整／+17 -3行）
• parts/merit_swap.php（黄色下線足りていなかったため追加／+1 -1行）
• assets/css/style_sp.css（merit余白調整／+2 -1行）

作業が発生する場合、プルを行ってからお願いいたします。
https://github.com/PLUS-Company/fx-fintech-hikaku-fx/tree/engineer/feature/TSK-465_20260518

最新状態から
ソース取得し、
今回無かたが対応した箇所のソースやディレクトリ整理。

プラスLPのファイル、ディレクトリ構成に修正

本日 (5/19) 分の作業を PR #1 に追加コミットしました (2efcd39 + 431a3c7)。

■ PR
https://github.com/PLUS-Company/fx-fintech-hikaku-fx/pull/1

develop 宛 / engineer/feature/TSK-465_20260518

■ 本日完了
- 教育コンテンツ section 追加 (parts/merit_swap.php + 9 素材)
- 比較表 差し替え (parts/comparison_swap.php / 7社・8列構成 / バッジなし行ロゴ縦中央)
- 絞り込み検索 swap 派生作成 (DB product_tb_swap + JSON API + form UI + 結果ページ + 再検索フォーム)
- まとめ section を systemtrade と同じ pr__dmm パターンに書き直し
- 他LP用パーツ (AD チャンネル / positioningMap) を swappoints では非表示化
- ranking section の余分な閉じタグ削除 (HTML タグ整合)
- インラインCSS約143行を style_pc.css / style_sp.css に移動 (body.swap スコープで他LP無影響)
- campaign-area (◯月のおすすめ高スワップFX会社) を parts/campaign_area_swap.php に分離
- PR枠見出しに br タグ追加 (SP表示時のはみ出し対策)
- ranking_companies に overflow-x: hidden 追加

■ 補足
- 共通CSS (style_pc.css / style_sp.css) の追加分は全て .swap スコープ → 他LP無影響
- ローカル専用 (アップロード不要): _swappoints.php_0518.php / DB バックアップ2世代

本日分の作業を一次納品として PR 作成しました。

■ PR
https://github.com/PLUS-Company/fx-fintech-hikaku-fx/pull/1

（develop 宛 / engineer/feature/TSK-465_20260518）

■ 完了
- MV 差し替え
- タイプ別おすすめFX会社 差し替え
- 5月のおすすめ高スワップFX会社 差し替え
- ランキング 差し替え（PR枠 + 1〜3位）
- まとめ 差し替え

■ 残り作業（別日対応予定）
- 比較表 項目文言差し替え
- 教育コンテンツ 新規追加
- 絞り込み検索 順位入れ替え

■ 補足
- 共通CSSは無編集。ページ固有CSSは swappoints.php 内 style タグ に内包
- 既存パーツ (recommend_0501.php / ranking/*_0501.php / campaign_matsui.php) は無変更、_swap 派生を新規作成
- index.php 等の他LPへの副作用なし

swappoints.php を marketing から develop に取り込み済（commit 3bd576b / +1329行）。現状 MV は systemtrade と同じ hd_mv_03.png.webp 参照のままなので、ここから差し替えスタートします。

作業ステップ

Step 0: 準備

• MAMP で http://localhost:8887/fx-fintech-hikaku-fx/swappoints.php
  表示確認
• 作業ブランチを develop から作成（命名: engineer/feature/TSK-465_20260518 想定）

Step 1: 現状把握

• systemtrade.php ↔ swappoints.php diff 確認（marketing 修正済の把握）
• parts/ include 構造確認
• data/01〜04 素材を全部リストアップ → 配置対応表作成
• Figma (node-id=214-2) で最終デザイン照合

Step 2: 素材配置

• data/ の画像を img/ にコピー（命名規則は既存 hd_mv_03.png.webp 形式に揃える前提）
• 案件ロゴ・バナーが他LPと共用ファイルでないか確認

Step 3: コンテンツ修正（パーツ単位 = コミット単位）

• MV 差し替え（PC/SP/alt）
• タイプ別おすすめFX会社 文言・ロゴ差し替え
• 比較表 項目文言差し替え
• ランキング 見出し・内容変更
• 絞り込み検索 順位入れ替え（項目変更なし）
• 新規教育コンテンツ追加（配置: 比較表 → New！教育コンテンツ → 5月のおすすめFX会社）
• キャンペーンバナー差し替え
• CTA 文言差し替え
• header / footer 修正
• まとめ 文言差し替え

Step 4: 動作確認

• MAMP で PC/SP 全セクション表示確認
• リンク切れ・レイアウト崩れ・コンソールエラー確認
• 既存ページ(systemtrade等)への副作用がないか確認

Step 5: PR

• branch push（plus-nakata identity）
• develop 宛に PR 作成（mainには自分でマージしない）

Step 6: クローズ

• progress_rate=100 / status=7（依頼者確認待ち）
• 完了コメントに PR URL + 変更点サマリ

確認したい点

1. 教育コンテンツの最終構成が確定したら共有お願いします（依頼文に『完了次第報告』とあるため、それまでは仮配置で進める想定）
2. ブランチ名は既存運用に合わせ engineer/feature/TSK-465_20260518 で問題なければそのまま進めます

新規・教育コンテンツの配置箇所（
並び順）は下記

・比較表
・【New！】 教育コンテンツ
・5月のおすすめFX会社

デザインFix

◼︎画像類
　-MV
https://drive.google.com/drive/folders/1juoludIMjWxkEcE6bbXYwF23RxTRlUVP

　-見出し
https://drive.google.com/drive/folders/15rh-H_B_dkhCJTqDaPkg1Qw4NUagbl8O

　-教育コンテンツ_パーツ
https://drive.google.com/drive/folders/1VVa5zUdgsRmN4pKNP1fwnWaurNuFhHpz

◼︎Figma URL

https://www.figma.com/design/xmRLl8Y1CaTwZmgw8sXzSz/FX_LP?node-id=214-2&t=fIkj800QHQm3u8cZ-1

Designデータ、素材は
/Users/nakatafumito/Workspace/20260518/fx-fintech-hikaku-fx_WORKSPACE/data
にダウンロード済み。