常連

注目の的

質問力

会員制のWebサイトをPHPで作っています。
SNSなどでよく見かけるように、ログイン時に「ログインしたままにする」チェックボタンにチェックを入れれば、そのまま2週間くらいログイン状態が保持されるようにしたいのですが、どのようにすれば実現できるでしょうか。

サイト内の各ページでは、ユーザのIDと氏名くらいしか使いませんが、CookieにたとえばユーザIDなどを保存するのは危険だと思いました。
ご教示願います。

PHPの会員制サイトで「ログインしたままにする」を実現するには

ご回答者様

いつもお世話になっております。

「「margin:0 auto」を指定するとmarginの相殺が起きない理由」について教えていただけますと幸いです。

以下のコードを例にご質問させていただきます。

```html
<div class="abc">
abc
</div>
<img class="img-responsive img_center midashi2_position" src="img/arrow_bg_b.gif">
```
```css
.abc {
	background-color: antiquewhite;
}
.img-responsive {
	display: block;
}
.midashi2_position {
	margin-top: 100px;
}
```
＜Google Chromeの表示＞
![イメージ説明](8be881d9ca77f53ac158a763cb207fcf.png)
画像が見にくくて恐縮ですが、abcとimgの間にmargin-top: 100px;の余白が確保されています。
しかし、ここでimgに「margin:0 auto」を指定すると以下のようなブラウザ表示となります。
```css
.abc {
	background-color: antiquewhite;
}
.img-responsive {
	display: block;
}
.img_center {
	margin: 0 auto;
}
.midashi2_position {
	margin-top: 100px;
}
```
＜Google Chromeの表示＞
![イメージ説明](0687acf769346014375fdb8da8237323.png)
![イメージ説明](06244901a8624e8d2e63979e7db51226.png)
abcとimgの間にmargin-top: 100px;の余白が確保されず（打ち消され）、abcとくっついた状態となっております。

おそらく、
.img_center {
	margin: 0 auto;
}
と
.midashi2_position {
	margin-top: 100px;
}
のmarginの相殺が影響しているのかなと考えましたが、相殺は値の大きい方を採用（マイナスの場合は別の挙動）するようですし、
marginの初期値は0のため、なぜmarginの上下0とmargin-top: 100pxでmarginの相殺が起きるのか、調べても分からない状況です。

もしかすると、marginの相殺が原因ではないのかもですが、この挙動の原因・理屈を教えていただけますと幸いです。

「margin:0 auto」を指定するとmarginの相殺が起きない理由について

■背景
パソコン自体割と苦手で、仕組みもまだ理解しきっていない初心者です。
プログラミング言語（PHP）を独学し始めて三週間に入りました。
出す情報や、表現の仕方、単語の使い間違い等、不備がありました申し訳ございません。
ご教授ください。
現在、離れたところにいる知人とともに作業をしています。

■実現したいこと
現在localhostでしか閲覧できないPHPファイルにURLをつけてブラウザ上で表示したい


■試したこと、調べたこと
①http//：localhostのlocalhostをIPアドレス（サーバにアクセスした際に用いた数字○○○.○○.○○○.○○このような並びの数）に変更
　→ユーザID,PWの入力画面がでてきてロックがかかる
②DNSサーバを使う？
　→今はまだ必要ないとアドバイスをもらった


■環境
windows xampp Atom


なにか助言頂けますと幸いです。
よろしくお願いします。

作成したPHPをブラウザ上で表示する、名前解決

```html
 <select name="kosuu">
                        <option value="1">一個だよ
                        </option>
                        <option value="2">二個だよ
                        </option>
                    </select>
```

```php
            <?php
        $kosuu = $_POST['kosuu'];
            echo    "<input type='text' size='8' name='name1' value='$kosuu' readonly='readonly'>";        
            ?>
```

上記のようにコードを記載した場合、
一個だよを選択した状態でsubmitすると1が吐き出されるかと思います。
しかし、一個だよを選択した場合、次の画面でテキストエリアに「一個だよ」を表示させたいです。
valueの値を一個だよ、に変えれば解決しますが、後ほど一個の場合はx1、二個の場合はx２など計算を行いたいのでvalue値は変更したくありません。
また、セレクトボックスの数を増やす想定です。（三個目など）
ifなど使わずそのままセレクトボックスで選択したものをpostする方法はありませんでしょうか？

当方まだphp初心者です。
申し訳御座いませんが宜しくお願いします。

htmlのselect内の文字をpostする方法

私は今まで「なんとか関数」を記憶してプログラミングを行ってきました。

最近、職場に未経験の新人が入ってきて、「関数とは？」「メソッドとは？」
「クラスとオブジェクトの違いとは」・・・など根本的なことを聞かれたのですがハッキリと言うことができませんでした。

”私の仕事はWEBエンジニアです"
よく他人にこう言ってきたのに、こんな初歩的な質問にすら答えられない。

焦りと恥ずかしさから、もうウェブエンジニアを名乗るのを辞め、脳死コーダーと名乗ろうかと本気で考えたぐらいです。


話が逸れましたが、「なんとか関数(echoとかstringとか)」を書いたらなぜ効くのか、なぜ動くのかを
理解していないので、「書けば動く！覚えろ！」としかアドバイスできなかったのだと思います。

例えば、echoを書いたら裏でこうなって、こういう処理があって、だから出力されるんですよ

みたいな風に、根本から教えられるようになりたいです。


そのため、"なんとか関数"の根本的な仕組みを教えて頂けるとありがたいです。


＿＿＿＿＿＿＿
なんとか関数は組み込み関数のことでした。

根本的な質問ですが、プログラムの「なんとか関数」 の仕組みが分かっていないので教えてほしい。

### 前提・実現したいこと

Bootstrap4でモーダルウィンドウを表示させ、そのモーダル内のボタンをクリックすると、次のモーダル画面に進んでいくものを作っています。
具体的には、モーダル１でファイルを選択して、次のモーダル２でそれを受け取って、表示させるようなものです。

### 発生している問題・エラーメッセージ

そこまでの動作は正常に動作しているのですが、モーダル２がモーダル１に重なります。（ぴったりではなく、少しずれて重なる）
やりたいことは、モーダル１から２に遷移するような感じで、モーダル２が立ち上がると同時に、モーダル１を消したいのです。

ヒントをいただければ後は調べますので、classの値をこうしたらいいといったヒントをいただければ幸いです。

### 該当のソースコード


### 試したこと

JavaScriptを使う力技でできそうですが、class名を指定するだけでできるのではないかと思ったりして、公式ドキュメントを読んだり、様々検索しましたが、分かりませんでした。
Bootstrapではありませんが、似たようなことをしているのを見つけましたが、class="modal-change"みたいなことをしていました。

### 補足情報（FW/ツールのバージョンなど）

Bootstrap4でModalからModalを表示させる時に前のModalを閉じたい。

いつもお世話になっております。
javascript初心者です。

現在、3と3の倍数になったときに「AHO!」と叫ぶプログラミングを作成しております。
やりたいことは至ってシンプルでブラウザ上で1ずつカウントアップされていく中で
3と6と9に到達したときに「AHO!」と表示させたいです。
3と6と9に到達したときにイベント起こす為に条件分岐作成したのですが、上手く作動していないのが現状です。

ご教示の程、宜しくお願いします。

```ここに言語を入力
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3と3の倍数はアホと叫ぶ</title>
<script type="text/javascript">
    var suuji = ["1","2","3","4","5","6","7","8","9","10"];
    var aaa = 0;
    var bbb = setInterval(start, 1000);

    function start() {
        if (aaa < 10) {
            document.write(suuji[aaa] + " ");
            aaa++;
        }else{
            clearInterval(bbb); // タイマー停止
　　　　　　 document.write("AHO！");
        }
    }
</script>

</body>
</html>
```

試してみたこと①
```ここに言語を入力
var aaa = 0;の部分を3/0にしてみるも「AHO!」としか表示されず。
```
試したこと②
```ここに言語を入力
        if (aaa < 10) {
            document.write(suuji[aaa] + " ");
            aaa++;
        }else if(aaa == 3){
            document.write("AHO！");
        }else{
        	clearInterval(bbb); 
    }

３に到達したときにイベント起こすように条件分岐追加してみるも動きが停止してしまいました。
```