【正式見出し画像差し替え完了・アップ待ち / Codex（管理）】

■ 現在地と最終ゴール
作業前の本番 guide04.php はダミー見出し4点を表示中で、新しい納品画像URLは404だった。最終ゴールは、外為どっとコム第2位・トライオートFX第3位の正式PC/SP画像へ置換し、Fumitoアップ後の本番PC/SP・検索導線確認まで完了すること。

■ 今回の対応
- guide04.phpのダミー画像参照4箇所だけを受領WebPへ変更。
- 正式WebP 4点を ranking/fb/assets/img/ へ配置。
- 他LPと共有CSS/JS/JSON/フォーム/検索DBは変更なし。
- 現行ダミー画像は未参照化。サーバー削除は不要。

■ アップ対象 5ファイル
1. ranking/fb/guide04.php
2. ranking/fb/assets/img/ttl_pc_04_2_gaitame.png.webp
3. ranking/fb/assets/img/ttl_sp_04_2_gaitame.png.webp
4. ranking/fb/assets/img/ttl_pc_05_3_triauto.png.webp
5. ranking/fb/assets/img/ttl_sp_05_3_triauto.png.webp

アップ用フォルダ：/Users/nakatafumito/dev/htdocs/fx-listing.net/20260714/up
バックアップ：/Users/nakatafumito/dev/htdocs/fx-listing.net/20260714/id=485/backup/ranking/fb/guide04.php

■ 検証
- PHP 8.1構文：OK。
- PC 1280px：外為どっとコム/トライオートFXのPC画像を選択。原寸2380×420、表示1190×210。横はみ出し0。
- SP 390px：両社のSP画像を選択。原寸1500×420、表示390×109。横はみ出し0。
- 検索フォーム、6社マップ、Bestの存在を確認。コンソールerror/warn 0件。ローカル画像/CSS/JSONはHTTP 200。
- guide02.php、guide03.php、通常ランキング、共有head/フォーム/検索結果/再検索は作業前バックアップとバイト一致。
- public_htmlと20260714/upの5ファイルはSHA-256一致。

■ 次の作業
Fumitoが20260714/upの5ファイルをアップ後、本番 https://fx-listing.net/ranking/fb/guide04.php
をPC/SPで確認し、新画像4URL、検索結果/再検索、画像切れ・横はみ出し・コンソールを確認する。そこまで未実施のため、status=1、progress_rate=90、チェックリスト最終項目#2359は未完了のまま維持する。

【再アップ対象確定（5ファイル） / Codex（管理）】

コメント#1182の再アップ対象を追加検証した。本番とローカルのranking/fb/assets/css/guide04.cssはSHA-256が一致（cf7ebae1c155154ef874c95ac0dcaefec13703580b2d64fa2103bfbc29944d8a）しており、CSSの再アップは不要。

今回再アップが必要なのは次の5ファイルで確定：
1. ranking/fb/guide04.php
2. ranking/fb/assets/img/ttl_pc_04_gaitame.png
3. ranking/fb/assets/img/ttl_sp_04_gaitame.png
4. ranking/fb/assets/img/ttl_pc_04_tryauto.png
5. ranking/fb/assets/img/ttl_sp_04_tryauto.png

コメント#1182の『6ファイル』は本コメントの5ファイル一覧へ置き換える。アップ用フォルダ全体は11ファイル構成のまま。サーバー上の旧*_guide04.svg 4枚は削除対象。本番再確認まではstatus=1、progress_rate=90、最終チェック未完を維持する。

【見出し画像方針更新・再アップ待ち / Codex（管理）】

Fumito指示により、外為どっとコム・トライオートFXの専用SVG案およびHTML見出し案は撤回し、placehold.jpで作成したダミーPNGへ変更した。

■ 確定ファイル名と仕様
- ranking/fb/assets/img/ttl_pc_04_gaitame.png（1190×210／第2位 外為どっとコム）
- ranking/fb/assets/img/ttl_sp_04_gaitame.png（750×210／第2位 外為どっとコム）
- ranking/fb/assets/img/ttl_pc_04_tryauto.png（1190×210／第3位 トライオートFX）
- ranking/fb/assets/img/ttl_sp_04_tryauto.png（750×210／第3位 トライオートFX）
- 共通仕様：文字サイズ30、文字色#FFFFFF、背景色#a6a6a6

■ 実装・検証
- guide04.phpの2位・3位見出し参照を上記PNGへ変更。PC/SPはpictureで切替。
- guide04.cssから一時的なHTML見出し用スタイルを除去。
- PHP構文OK。PC 1280px／SP 390pxで4画像の切替、画像切れなし、横はみ出しなしを確認。
- 元ファイルとアップ用コピー6点の一致を確認。
- アップ用フォルダは11ファイル構成：/Users/nakatafumito/dev/htdocs/fx-listing.net/20260713/up

■ 今回再アップが必要な6ファイル
1. ranking/fb/guide04.php
2. ranking/fb/assets/css/guide04.css
3. ranking/fb/assets/img/ttl_pc_04_gaitame.png
4. ranking/fb/assets/img/ttl_sp_04_gaitame.png
5. ranking/fb/assets/img/ttl_pc_04_tryauto.png
6. ranking/fb/assets/img/ttl_sp_04_tryauto.png

■ サーバーから削除する旧ファイル
- ranking/fb/assets/img/ttl_pc_04_gaitame_guide04.svg
- ranking/fb/assets/img/ttl_sp_04_gaitame_guide04.svg
- ranking/fb/assets/img/ttl_pc_04_tryauto_guide04.svg
- ranking/fb/assets/img/ttl_sp_04_tryauto_guide04.svg

本番再アップ後、先の検索フォームinclude修正と新しい見出し画像を再確認するまで、チェックリスト最終項目は未完了、status=1、progress_rate=90を維持する。

【本番初回確認・検索フォーム修正待ち / Codex（管理）】

本番 https://fx-listing.net/ranking/fb/guide04.php
をPC/SPで確認。ランキングTOP3、6社ポジショニングマップ、Best、guide04.css、画像、広告リンク、専用検索結果（毎日取引=松井FX、レバレッジ選択=外為どっとコム）は正常。横はみ出し、マップ重なり、画像欠落、コンソールエラーなし。

ただし、sections_guide04.phpをguide04.phpへ統合した際、検索フォームのincludeが DIR . /form_guide04.php のままになっており、本番では /ranking/fb/form_guide04.php を探してPHP Warningとなり、検索フォームが表示されていないことを確認。

ローカルおよびアップ用のguide04.phpは、DIR . /template/form_guide04.php へ修正済み。PHP 8.1構文OK、ローカル表示でWarningなし・フォームとボタン表示を確認。アップ用コピーとのバイト一致も確認済み。

再アップが必要なのは次の1ファイルのみ：
/Users/nakatafumito/dev/htdocs/fx-listing.net/20260713/up/ranking/fb/guide04.php

本番再アップ後、検索初期6件・条件操作・結果遷移を再確認するまで、チェックリスト最終項目は未完了、status=1、progress_rate=90を維持する。

【アップ構成更新 / Codex（管理）】

Fumito確認により、template/sections_guide04.php の内容を guide04.php のフッター直前へ直接統合しました。技術上の問題はなく、表示内容・guide04専用スコープ・検索処理は変更していません。

• public_html/ranking/fb/template/sections_guide04.php：廃止
• 20260713/up/ranking/fb/template/sections_guide04.php：アップ対象から除外
• アップ対象：12ファイルから11ファイルへ更新
• 統合後のguide04.phpおよび専用PHP一式をPHP 8.1で構文確認：OK
• 20260713/up内の11ファイルをコピー元とバイト比較：全件一致
• .DS_Storeはアップ用フォルダから除去済み

アップ用フォルダ：/Users/nakatafumito/dev/htdocs/fx-listing.net/20260713/up
旧コメント#1179の12ファイル一覧は、本コメントの11ファイル構成で置き換えます。本番アップ・確認は未実施です。

【ローカル実装完了 / Codex（管理）】

■ 実装内容
- guide03.phpを基にguide04.phpを新規作成し、既存本文の下へ絞り込み検索、ランキングTOP3、6社ポジショニングマップ、松井FXベスト枠を追加。
- 検索は指定6社・11条件をguide04専用JSONへ設定。初期6件、毎日取引=松井FX 1件、レバレッジ選択=外為どっとコム 1件を確認。
- 1位 松井FX、2位 外為どっとコム、3位 トライオートFXを指定内容で実装。外為どっとコム・トライオートFXのPC/SP見出しは専用SVGを新規作成。
- 検索のクリア操作はguide04内だけで指定なし・6件へ確実に戻るよう修正。結果画面のロゴはng-src化し、Angular反映前の不要な404を防止。

■ 影響分離
- guide02.php、guide03.php、通常ランキング、共有head、共有フォーム、共有結果画面、共有CSS/JS/JSON/DBは変更なし。バックアップとのバイト比較および実ブラウザでguide04要素の混入なしを確認。
- 追加CSSはbody.guide04-page配下に限定。フォーム、JSON、結果画面、再検索画面もguide04専用。

■ 検証
- PHP 8.1構文、JSON、SVG構文：OK。
- PC 1280px / SP 390px：TOP3、6社マップ、Best、検索・結果・再検索を確認。横はみ出しなし、画像欠落なし、コンソールエラーなし。
- 全広告導線が/ranking/fb/web/配下かつpage=guide04であることを確認。

■ アップ対象（新規12ファイルのみ）
1. ranking/fb/guide04.php
2. ranking/fb/template/head_guide04.php
3. ranking/fb/template/form_guide04.php
4. ranking/fb/template/sections_guide04.php
5. ranking/fb/result_form/guide04.php
6. ranking/fb/result_form/re_form_guide04.php
7. ranking/fb/assets/css/guide04.css
8. ranking/fb/assets/json/guide04.json
9. ranking/fb/assets/img/ttl_pc_04_gaitame_guide04.svg
10. ranking/fb/assets/img/ttl_sp_04_gaitame_guide04.svg
11. ranking/fb/assets/img/ttl_pc_04_tryauto_guide04.svg
12. ranking/fb/assets/img/ttl_sp_04_tryauto_guide04.svg

■ 現在状態
- ローカル実装・検証まで完了。本番アップは未実施。
- チェックリスト11/12完了、status=1、progress_rate=90。
- 次の作業：Fumitoアップ後、https://fx-listing.net/ranking/fb/guide04.php
と専用検索結果を本番確認する。

【作業設計 / Codex（管理）】

■ 対象と作成方針
- /Users/nakatafumito/dev/htdocs/fx-listing.net/public_html/ranking/fb/guide03.php を複製し、新規の guide04.php を作成。
- 既存本文の下、フッター前へ「検索」「ランキングTOP3」「ポジショニングマップ」「ベスト」を追加。
- $param_page は guide04。公開URLは https://fx-listing.net/ranking/fb/guide04.php
。
- テスト用PHPは作らず、ローカル検証後に新規ファイル一式を本番の正式パスへアップする。

■ 他LPへの影響分離
- guide02.php、guide03.php、/ranking/index.php、共有CSS・共有JavaScript・共有JSON・検索DB・既存画像は変更しない。
- guide04専用の新規ファイルとして、guide04.php、template/head_guide04.php、template/form_guide04.php、assets/css/guide04.css、assets/json/guide04.json、result_form/guide04.php、result_form/re_form_guide04.php、必要なguide04専用見出し画像を作成する。
- bodyにguide04専用クラスを付け、追加CSSはその配下へ限定する。
- 検索フォームの送信先と再検索先は result_form/guide04.php、読込データは assets/json/guide04.json に固定する。共有 refine_search.db は参照・更新しない。
- 既存画像を加工する場合も上書きせず、guide04を含む別名で保存する。
- 外部導線は既存の /ranking/fb/web/*.html を再利用し、page=guide04 を付与。中継ページ自体と他社リンクは変更しない。

■ 01 絞り込み検索
- guide02のUIを基準に、松井FX、外為どっとコム、トライオートFX、みんなのFX、LIGHT FX、auカブコム証券の6社だけを専用JSONへ収録。
- 指定表の11条件を exp・way・conditions1〜6 へ正確に割り当てる。指定なし用の exp3・way4 は全6社へ保持する。
- 初期件数、各単独条件、代表的な複合条件について、期待する会社名と件数を照合する。

■ 02 ランキングTOP3
- 1位 松井FX：通常ランキング /ranking/ の現行ブロックを基準に、アド用中継URLへ統一。
- 2位 外為どっとコム：guide02の3位ブロックを基準に2位へ変更。PC/SPの2位見出しはguide04専用画像として新規作成。
- 3位 トライオートFX：指定原稿2項目とメタリフ同一バナーを使用。PC/SPの3位見出しはguide04専用画像として新規作成。
- 各順位の見出し、本文内順位、ロゴ、バナー、CTA、計測パラメータを会社ごとに照合する。

■ 03 ポジショニングマップ
- guide02の見せ方を基準に6社だけを表示。
- 指定Afterに合わせ、松井FXを安×短期側の最上位（王冠）、外為どっとコムをその下、みんなのFXを中央上、トライオートFXを安×長期側、LIGHT FXを中央下、auカブコム証券を高×中央付近へ配置。
- 数字クラスの既存座標は流用せず、guide04専用会社クラスとguide04.cssでPC/SP座標を定義する。

■ 04 ベスト
- 通常ランキングの松井FXベスト枠をアド用導線にして追加。見出し、ポイント2件、ロゴ、CTAを現行内容に合わせる。

■ 検証
- PHP構文確認、参照ファイル・画像・リンク切れ確認。
- PCとスマホ幅で検索、検索結果・再検索、ランキング、マップ、ベストを表示確認。
- 横はみ出し、コンソールエラー、Angular読込エラーを確認。
- 11条件の検索マトリクスを機械照合し、6社以外が出ないことを確認。
- 作業前後でguide02.php、guide03.php、通常ランキングのファイル差分がないことを確認し、既存3ページもブラウザで表示・検索・マップに変化がないことを回帰確認。
- アップ対象は新規ファイルだけを一覧化し、Fumitoアップ後に本番 guide04.php と専用検索結果を確認する。

■ 作業境界
このコメントは設計記録。現時点では実装・本番反映は未実施。