常連

###実現したいこと

htmlとcssで、web上でテキストエリアに入力された文字を保存して、特定の文字が入力されたら
その文字について詳細なページを表示するシステムを作っています。

現在、テキストエリアに文字を入力するプログラムは完成しています。
しかし、その入力した文字をどうやって保存したらいいのか分かりません。

調べてみたのですが、知りたい情報がなかなか見つかりませんでした。
何の言語の、どのような処理を使えば、このような処理を作れるか教えていただけないでしょうか？
よろしくお願いします。



###現在、出来ているソースコード
```html
<!DOCTYPE html>
<html lang = “ja”>
<head>
    <meta charset = “UFT-8”>
    <title>買い物プラス</title>
    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <div class="container">
        <textarea id="comment" placeholder="買い物したい食材をメモしてください"></textarea>
        <div class="btn">保存</div>
    </div>
</body>
</html>
```

```CSS
@charset "UTF-8";

body{
    font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    font-size: 16px;
    
}

.container{
    width:400px;
    margin: 30px auto;
}

textarea{
    width: 400px;
    box-sizing: border-box;
    height: 200px;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.5;
}

textarea:focus{
    outline: none;
}

.btn{
    display: inline-block;
    width: 150px;
    background: #00aaff;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 0 #0088cc;
    float: right;
}

```

###試したこと
自分がやりたいプログラムに近い物はないか、ドットインストールで探したり「テキストエリア 保存」などのキーワードで探しました。

テキストエリアに入力した文字を保存するには、どうすればいいのか？

### 「パスワードの送信にURLクエリパラメータを使ってはいけない」のは何故か？

「パスワード等の機密情報をWebサーバーに送信する際は，URLクエリパラメータではなくPOSTのリクエストボディを使うべきである」
という主張を複数の書籍・サイトで見かけたことがありますが，この理由はなんでしょうか？

SSL/TLSを使わないhttp通信の場合は通信路でパケットを盗聴されるとリクエストの中身がすべて丸見えですから
POSTで送ったところで機密情報の保護には役に立ちません。

一方SSL/TLSを使った場合はクエリパラメータまで暗号化されるため，クエリパラメータで送ったところで
機密情報が盗み見られることはありません。(SSL/TLSに脆弱性が無い限り)

したがって個人的にはパスワードをクエリパラメータで送っても何の問題もないと思っているのですが，
表題の主張には何か理由があるものなのでしょうか？
よろしくお願いします。

「パスワードの送信にURLクエリパラメータを使ってはいけない」のは何故か？

###前提・実現したいこと
Slackのメッセージにて任意の文字列にリンクを埋め込むことはできますか？


###試したこと
ググると以下でできるようですが、ダメでした。。。
Youtubeへのリンクです： <http://www.youtube.com>

参考サイト：http://www.utali.io/entry/2016/10/06/210716

Slackのメッセージにて任意の文字列にリンクを埋め込むことはできますか？

### 実現したいこと

・スクレイピング可能なサイトの見分け方について教えて頂きたいです。

### 前提

利用規約などを見てスクレイピングが可能なサイトか、否か、見分けているのですが、初心者なので本当にスクレイピングしていいサイトなのか不安です。



### 試したこと
調べて、robots.txtを使い、そのサイトのスクレイピング可能か否か判断する。という記事を見ました。
例えば、アマゾンのサイトURL＋robots.txtをやってみると、「許可しない」という文字がいっぱい出てきて禁止サイトなのだと判断しました。

ですが、サイトURL+robots.txtで検索してもページが見つかりません。という表示だけでなにも出てこないサイトがあります。
例えば、国土交通省とかでやってみると、うまく表示ができませんでした。
国土交通省の利用規約を見ると、スクレイピングをしても良いみたいな文面は書いてあり、おそらく可能なサイトだとは思うのですが、利用規約を見る以外で、可能か禁止か確認する方法を教えて頂きたいです。
ここに問題に対して試したことを記載してください。

### 補足情報

スクレイピング可能なサイト、禁止のサイト、皆さんはどのように確認をしているのでしょうか？
是非、ご教授いただきたいです。


スクレイピングが可能なサイトの見分け方について

### 実現したいこと

Gmailのように、複数アカウントを持っていて、
アカウントAでログインした後に、画面右上のアカウント選択で別のアカウント（アカウントB）を選択すると別タブでアカウントBのGmail画面が表示され、本タブでログインしたアカウントAと別タブでログインしたアカウントB、
両方とも操作できるようになると思います。

このようなセッション管理の仕組みが知りたいです。技術的にどのような知識が必要でしょうか？

想定しているWEBアプリケーションの構成は、
javascriptのFWはvue.jsでSPA。
サーバサイドはサーバレス（AWS Lambda Java）のインフラアーキテクチャとなります。

ざっくりとした質問で恐縮ですが、詳しい方、ご教示頂けますと幸いです。
何卒宜しくお願致します。

同ブラウザ、別タブでそれぞれセッション管理がしたい

オンラインゲームなどではBGMや効果音を付けるのは当たり前なのに、
なぜWEBサイト上にBGMを付けるのは御法度みたいになってるのでしょうか？
一昔前のWEBサイトでダサい？というのも理由以外に何かありますのでしょうか？

BGM嫌われるのか？？？？？？？？

現在ウェブ制作を行っています。

デザインとして以下のようなものをレスポンシブにコーディングしたいです。
（blue-backブロック要素の中で常に中央にありつつ、下部に位置するような）

```html
<div class="blue-back">
    <div class="white-back">
        ...
    </div>
</div>
<div class="gray-back">
    ...
</div>
...
```

![example](1c8ce10388a3a91f9a3ebb582c6c7a14.png)



色々試行錯誤してみたのですが、なかなかうまく実現できません。
こういった場合は、どういった方法で実現するのでしょうか？

JavaScriptを用いて幅を取得しつつ、マージンを計算し適用する、といった操作が必要になってくるのでしょうか？

ご教示いただければ嬉しいです。よろしくお願いします。

## 追記

質問ご覧いただきありがとうございます。
あいまいな説明で申し訳ありません。
@sk_3122さんの情報の追記依頼に回答します。

#### ■これは、灰色の部分は常に画面下部にある状態でしょうか？（ブラウザサイズを縮めても常に位置固定？メニューバー的な）また、灰色部分の高さは固定なのかとか、内容値によってサイズが変わる感じなのか等の情報も必要でしょうか。

灰色の部分はは特にフッター（常に画面下部にある）である、という意味ではありません。
blue-backの部分はページのトップに位置しヘッダーも含まれる部分ですので、ロゴやナビゲーションバーなどを配置する予定です。ヘッダーに関しては実装済みですので、特に問題ありません。

また、blue-backの高さは `height: 100vh`で高さを持たせることを検討しています。

#### ■ブラウザサイズを縮めた場合はどうなるのでしょうか。

white-backの要素の上にちょっとした文字が載る補助的なデザインを想定しています（文字の可読性を上げるためのデザイン）。ですので、モバイル・タブレットなどの幅の狭い端末ではwhite-back要素は背景色を適用せず（ないものとして）、幅が広いPC端末のみ、このデザインを適用したいと考えています。

よろしくお願いします。

ブロック要素を中央下揃えに配置したい

googleの検索結果が「https://」でのページが出てくる為、
http://のページが表示するように制御しようとしております。
（以前はSSL設定をしていた為、検索結果がSSLのページが表示されます）

.htaccessにて、以下の表示を記載してみましたが、
http://のページにリダイレクトいたしません。
    RewriteEngine on
    RewriteCond %{HTTPS} on
    RewriteRule ^(.*)$ http://%{HTTP_HOST}%{REQUEST_URI} [R,L]

.htaccessに問題、もしくは他にhttp://のWEBページを表示させる方法がございましたら、教えて頂けますでしょうか？
よろしくお願いいたします。

（ちなみにサーバーは、「ロリポップ」、
 対象ページは、検索キーワードは「平井駅 メグレール」の1番上のページです）

Webサイト