現在「完了」、進捗 70%。
最新報告「PLUS仕様のディレクトリ構造設定」(2025-09-01 18:43:31)
該当サイト(ビューティライフ リファクタリング)
https://plus-creative.xyz/nakata/ladies.trend-beautylife.com/lp/datsumo_manga/summer/
参考サイト:
https://plus-creative.xyz/nakata/honnetenshoku.com/lp/career/20s/
構造がわかりにくいため、今までのプラスの仕様に合わせた形に構造を変えたい
中田
https://plus-creative.xyz/nakata/beautylife_plus/
比較表の動的設定:
comparison_table.php
comparison_table_f.php
ディレクトリ構造:
├── contents
│ ├── f.php
│ ├── parts
│ │ ├── comparison_table.php
│ │ ├── comparison_table_f.php
│ │ ├── mini_ranking.php
│ │ ├── none.php
│ │ ├── ranking
│ │ │ ├── frey-a_rank02.php
│ │ │ ├── none.php
│ │ │ ├── regina_rank01.php
│ │ │ └── rize_rank03.php
│ │ ├── ranking.php
│ │ ├── recommendation.php
│ │ └── 未設定
│ │ ├── mini_ranking.php
│ │ ├── mini_ranking_f.php
│ │ └── mini_ranking_r.php
│ ├── r.php
│ ├── ranking_otona.php
│ └── top.php
├── f.php
├── index.php
├── r.php
├── result_form
│ ├── _bak
│ │ ├── __index.php
│ │ ├── _index.php
│ │ └── index.php
│ └── index.php
├── assets
│ ├── css
│ │ ├── style.css
│ │ └── style_pc.css
│ ├── db
│ │ └── refine_search.db
│ ├── img
│ │ ├── 01-crown.png
│ │ ├── 02-crown.png
│ ├── js
│ │ ├── _script.js
│ │ ├── jquery-3.5.0.min.js
│ │ ├── param_g.js
│ │ ├── param_m.js
│ │ ├── param_y.js
│ │ ├── script.js
│ │ └── slick.min.js
│ └── json
│ └── index.php
├── server.log
├── template
│ ├── common.php
│ ├── footer.php
│ ├── form.php
│ ├── gtag_body.php
│ ├── gtag_head.php
│ ├── head.php
│ ├── header.php
│ └── top.php
└── web
├── aletheia.php
├── base.html
├── base.php
├── beautyskinclinic.php
├── brillia-skin.php
├── eminal.php
├── emishia.php
├── frey-a.php
├── frey-a_f.php
├── glow-clinic.php
├── lucia.php
├── om-clinic.php
├── reala.php
├── regina.php
├── regina_f.php
├── regina_r.php
├── rize.php
├── style.css
├── tcb.php
├── toitoitoi.php
└── tsubaki.php
中田
ベース構造再構築:
見本:https://recosmeofficial.jp/cosme/
(plusx16)
対象:
https://plus-creative.xyz/nakata/ladies.trend-beautylife.com/lp/datsumo_manga/summer/index.php
https://plus-creative.xyz/nakata/ladies.trend-beautylife.com/lp/datsumo_manga/summer/f.php
https://plus-creative.xyz/nakata/ladies.trend-beautylife.com/lp/datsumo_manga/summer/r.php
中田
・近くのクリニックを探すの非表示
・絞り込み内容の設定
https://plus-creative.xyz/nakata/beautylife_plus/
修正したファイルを以下にアップしました
https://plus-creative.xyz/nakata/beautylife_plus/beautylife_plus.zip
こちらダウンロード、解凍し、
beautylife_plus/template/common.php
のBASE_URLの設定をその環境のURLに合わせてください。
中田
以下修正しました
・近くのクリニックを探すの非表示
・絞り込み内容の設定
https://plus-creative.xyz/nakata/beautylife_plus/
修正したファイルを以下にアップしました
https://plus-creative.xyz/nakata/beautylife_plus/beautylife_plus.zip
こちらダウンロード、解凍し、
beautylife_plus/template/common.php
のBASE_URLの設定をその環境のURLに合わせてください。
中田
React→Angularに変換
https://plus-creative.xyz/nakata/beautylife_plus/
→動的に生成されたDOMに対してのスクリプト適用
Angularは…表示されるソースに対して後からJavaScript(jQueryなど)で直接処理を当てるのが難しいです
Reactでは…ページ読み込み後に描画された要素に対してスクリプトを適用することが比較的容易
→例としては、地域のアコーディオン
https://gyazo.com/5ed9c424001944c9bfd8150952a6f9da
案件の絞り込み条件とソートの順番がダミーです
設定内容は、今までと同じrefine_search.dbに設定です。
https://gyazo.com/ff23d06bdc8adb55d2f1eda6b9a18c40
→条件とソートに関する情報をいただければ反映します。
├── assets
│ ├── css
│ │ ├── style_pc.css
│ │ └── style.css
│ ├── img (内容省略)
│ ├── db
│ │ └── refine_search.db
│ ├── js
│ │ ├── jquery-3.5.0.min.js
│ │ ├── param_g.js
│ │ ├── param_m.js
│ │ ├── param_y.js
│ │ ├── script.js
│ │ └── slick.min.js
│ └── json
│ └── index.php
├── contents
│ └── top.php
├── index.php
├── result_form
│ └── index.php
├── template
│ ├── common.php
│ ├── footer.php
│ ├── form.php
│ ├── gtag_body.php
│ ├── gtag_head.php
│ ├── head.php
│ ├── header.php
│ └── top.php
└── webm(省略)
└── tsubaki.php
中田
絞り込み検索の内容:
フォーム:
https://gyazo.com/e945f9c56a819f5403b30913d33bfacb
https://plus-creative.xyz/nakata/beautylife_plus/
結果ページ:
https://plus-creative.xyz/nakata/beautylife_plus/result_form/
DB:
/plus-creative.xyz/public_html/nakata/beautylife_plus/assets/db
以下をテスト環境に反映しました。
1.ミニランキングの4位と5位をコメントアウト
2.比較表の4位と5位をアコーディオン設定
テスト環境:
https://plus-creative.xyz/nakata/ladies.trend-beautylife.com/lp/datsumo_manga/summer/
https://plus-creative.xyz/nakata/ladies.trend-beautylife.com/lp/datsumo_manga/summer/f.php
https://plus-creative.xyz/nakata/ladies.trend-beautylife.com/lp/datsumo_manga/summer/r.php
クッションページ修正:
om-clinic.php
toitoitoi.php
aoba.php
brillia-skin.php
tsubaki.php
beautyskinclinic.php
emishia.php
reala.php
tcb.php
そのたPLUS仕様で、おかしな点ないか調査。
完了したら、森さんにアップロード依頼。
common.phpをのSITE_URLを本番環境の内容に変更し、
summerディレクトリにアップロードいただく。