eriko

<h1 id="sessionstorage%E3%81%AB%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AF%E5%85%A5%E3%82%8C%E3%81%AA%E3%81%84">
<a class="header-anchor-link" href="#sessionstorage%E3%81%AB%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AF%E5%85%A5%E3%82%8C%E3%81%AA%E3%81%84" aria-hidden="true"></a> SessionStorageに個人情報は入れない</h1>
<p>モーダルを1回表示したらリロードされた際に、再表示されないようにする場合などに<br>
SessionStoragを用いて実装する.</p>
<p>SessionStorageを使用する際には注意することがある。</p>
<ul>
<li>個人情報を入れない</li>
</ul>
<p>XSS攻撃にあった際に、情報を盗まれてしまう可能性があるため。</p>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>XSS(Cross-Site Scripting)攻撃<br>
攻撃対象のWebサイトの脆弱性を突き、攻撃者がそこに悪質なサイトへ誘導するスクリプトを仕掛けることで、サイトに訪れるユーザーの個人情報などを詐取する攻撃のこと</p>
</div></aside>
<p>(参照記事)<br>
<a href="https://www.amiya.co.jp/column/cross_site_scripting_20210118.html#:~:text=%E3%82%AF%E3%83%AD%E3%82%B9%E3%82%B5%E3%82%A4%E3%83%88%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%EF%BC%88XSS%EF%BC%89%E3%81%A8%E3%81%AF%E3%80%81%E6%94%BB%E6%92%83%E5%AF%BE%E8%B1%A1%E3%81%AE,%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E6%8C%87%E3%81%97%E3%81%BE%E3%81%99%E3%80%82" target="_blank" rel="nofollow noopener noreferrer">クロスサイトスクリプティング（XSS）とは｜攻撃の仕組みと対策方法を解説</a></p>


<h1 id="protected">
<a class="header-anchor-link" href="#protected" aria-hidden="true"></a> protected</h1>
<p>親で使えた関数を子で使うことができる</p>
<h1 id="static">
<a class="header-anchor-link" href="#static" aria-hidden="true"></a> static</h1>
<p>オブジェクト化されてなくても関数を使うことができる</p>


<h1 id="head">
<a class="header-anchor-link" href="#head" aria-hidden="true"></a> HEAD</h1>
<p>自分が今いる位置のこと</p>
