常連

注目の的

こんにちは。今、javascriptの勉強中なのですが、
callの意味がわかりません。

テラテイル内を見ていて、Array.prototype.forEach.callのところで行き詰ったため、気になりました。

元ページ[https://teratail.com/questions/118224](https://teratail.com/questions/118224)

forEachに（）がないのも気になりますが、callだけは何を見てもわかりません。
参考
[http://d.hatena.ne.jp/otosohamirin/20100519/1274258237](http://d.hatena.ne.jp/otosohamirin/20100519/1274258237)

自分としては、一度関数を作ると、その引数を内包するオブジェクトなのかな？と思っています。

どなたかわかりやすく教えてくださいませんか？

javascriptのcallの意味をわかりやすく教えてくださいませんか？

###前提・実現したいこと
forで繰り返した処理を１つずつHTMLページの任意の場所に表示させたいですが、ループの一番最後の結果しか表示がされません。
すべて表示するにはどのように記述をすべきなのでしょうか？


```html



<script src="js/script.js"></script>
```

###希望する表示
```html

0 
1 
2 
3 
4 

```

###期待しない表示（これになってしまいます）
```html

4 

```

###試した記述
いずれも「期待しない表示」になってしまいます。

#####NGだった記述その①

```javascript
for (var i = 0; i < 5; i++) {
	document.getElementById('render').innerHTML = i + ' ';
}
```
#####NGだった記述その②

```javascript
var result = 0;
for (var i = 0; i < 5; i++) {
	result = i + ' ';
}
document.getElementById('render').innerHTML = result;
```

例えばdocument.writeを使用すると0～4まですべて表示をさせることはできるのですが、任意の要素の中に入れる方法がわかりません。
なにとぞご教授いただけないでしょうか。

【JavaScript】for文の結果を1つずつ出力したい

3/15追記いたしました。

お世話になります。
当方、地方の会社のWEB制作部門で、主にデザインからWEBサイト制作を一環して担当しております。
現在、社内で顧客情報の管理システムを導入したいという要望が上がっており、制作について調べている状況です。
しかしWEB制作以外の言語や技術に関しては知識が乏しく、最適な方法が思い当たらず困っております。

要件などは下記の通りです。
参考になる情報や最適な方法をお教え頂けると幸いです。

### 社内の要件
1.入力フォーム
2.顧客情報の一覧ページ
3.顧客情報の詳細ページ
4.編集ユーザー管理機能
5.検索機能
6.契約書、請求書などの一元管理、プリント機能
7.ドラックアンドドロップで画像データ添付

8.個人情報を保護できる程度のセキュリティ

### 社内の認識
・WEBサイト制作ができるならば、顧客管理システムも作れると考えている。
・スマートフォンなどで外部からアクセスすることも考慮してほしい。
・社外への発注は考えていない。

### 私自身のスキル
・HTML5
・CSS
・jQuery(少々)
・php(WordPressテーマ作成に特化)

現在までデザインをメイン業務としてきているので、
ハードの分野や、プログラミングに関する知識は豊富ではありません。

仮にWordPressを使用すれば、要件1～7をクリアすることが出来ますが、
8の個人情報という部分に対して、SSL化、サイトをBASIC認証で非公開とする、
WPの基本的なセキュリティ対策をする…他どのような対策を行うべきか検討がつきません。

セキュリティの分野まで行くと、自分の領分ではないのではと感じています。
社外発注を提案するにしても、社内に納得してもらえる判断材料が必要なので、
お知恵をお借りできると助かります。

### 追記
漠然とした質問であるにもかかわらず、沢山のご回答をお寄せくださりありがとうございます。
専門的な知識を持った方に質問をする機会が少なく大変参考になりました。

更に主題から離れてしまいますが、IT知識や人材が不足した地方の会社に勤めていますので、
インハウスの広告デザイナーでありながら、WEBの業務も兼務している状態です。
現在の問題点や勉強すべき問題解決の糸口となり、大変感謝しております。

質問文中のWordPressに関する記述で誤解を招いてしまった部分があり申し訳ありませんでした。
WordPressはあくまでブログの為のオープンソースであり、
本来は顧客管理に使用するシステムではないということを理解したうえで、
十分な開発期間や予算が下りない場合も多分に予想できるので、
既存の知識で対応せざるおえなくなった場合において…という意味での記述でした。

顧客管理(CMR)システムの社内開発について

### 前提・実現したいこと
# PHPでエラーを吐くとbrowser-syncが反映させない。
PHPを学習するのに、毎度、ブラウザを更新するのがめんどくさいので、Gulpでブラウザを自動更新するようにしたいです。
下記のコードはgulpfile.jsの内容です。
gulpのバージョンは4.0.1

現時点、下記のコードで普通に動くのですが、phpでsyntaxエラーなど何かしらのエラーを吐いた際にブラウザの自動更新が停止しまうのを改善したいです。

状況としては、エラーを吐いた後、修正し保存するたびに、コマンドプロント上では普通に動くのですが、ブラウザでの反映は一切ありません。
一度、手動でブラウザを更新すればまた普通に更新されるようになりますが、phpでエラーをもう一度吐くとまた止まります。


### 該当のソースコード

```JavaScript
var gulp = require('gulp'); //gulp v.4.0.1
var sass = require('gulp-sass'); //sassのコンパイル
var autoprefixer = require('gulp-autoprefixer'); //ベンダープレフィックスを付与
var notify = require('gulp-notify'); //エラー通知
var plumber = require('gulp-plumber'); //自動停止を削除
var browserSync = require('browser-sync').create(); //ブラウザー自動更新
var php = require('gulp-connect-php');

//sassの設定
gulp.task('sass', function() {
 return gulp
 //コンパイル対象のフォルダ
 .src('Work/scss/*.scss')
 //エラー通知
 .pipe(plumber({
 errorHandler: notify.onError("Error: <%= error.message %>")
 }))
 //コンパイル
 .pipe(sass())
 // ベンダープレフィックスを付与
 .pipe(autoprefixer())
 // 出力
 .pipe(gulp.dest('Work/css'))
 //ブラウザーの更新
 .pipe(browserSync.stream());
});

//ローカルサーバーの立ち上げ
gulp.task('server', function() {
 php.server({
 //出力先のフォルダパス
 base: "Work/",
 port: 80
 },
 function() {
 browserSync.init({
 proxy: 'localhost:80/Work/index.php' //ブラウザに出力させるファイル
 });
 });
});

//ブラウザの更新
gulp.task('reload', function() {
 browserSync.reload();
});

//監視するフォルダの設定
gulp.task('watch', function() {
 // Workフォルダ内の*.php,*.htmlが更新されたら、serverを実行
 gulp.watch('Work/*.php', gulp.parallel('reload', 'watch'));
 // scssフォルダ内が更新されたら、sassを実行
 gulp.watch('Work/scss/*.scss', gulp.series('sass', 'watch'));
});

gulp.task('default',
 gulp.parallel('server', 'watch')
);
```

PHPでエラーを吐くとbrowser-syncが反映させない。

### 前提・実現したいこと

現在、PHPでログインが必要とするサイトを作成しています。
サイト内は基本的にログインしている状態で移動することになりますが、そのログインを識別する方法で悩んでいます。
Webで検索してみると、基本的にログインの識別にはSessionを使用する、と記載されており、
セキュリティー上Cookieは自動ログインにのみ使用すると書かれていました。

今回、自動ログイン機能ありでの作成を試みているのですが、正直Sessionを使わないといけない理由がよく分かっていません。


###現在考えている大まかなログイン方法

ログイン時にランダムな文字列を生成し、その値をCookieとDBに保存する。（ログイン維持用・期間は１週間ほど）
サイト内のページを訪れるとCookieの値をDBへ検索にかけて、ユーザーを識別、ログインしていると判断。
無かった場合は再度ログインを求める。

###ログインにSessionを使う場合

ログイン時にランダムな文字列を生成し、その値をCookieとDBに保存する。（自動ログイン用・期間は１週間ほど・このCookieの値はログインページでのみアクセス出来る）
また同時にSessionを作成し、Sessionの中にユーザー名などのログイン情報を記録。（Sessionはブラウザが閉じれば消滅）
サイト内のページを訪れるとSessionが存在しているか確認し、ログインしていると判断。
無かった場合はログインページへ移行し、自動ログインを試みる。不可能であった場合再度ログインを求める。

###

Webを調べた感じ、おそらくSessionを使う場合はこのようなログイン方法になるかと思います。

###疑問点
○わざわざSessionを使う必要がありますか？
Cookieの場合は毎回DBにアクセスする必要がありますが、今回のサイトでは最終ログイン時間を記録したいのでどちらにせよDBには毎回アクセスします。
セキュリティー面で考えてみても、Cookieを盗聴されれば他の人が成り済ましてアクセス出来るという話ですが、
SessionでもCookieは使用されていますし、そのCookieを盗聴されたら同じではありませんか？

○それでもSessionが必要な場合、Sessionには何を保存すべきですか？
Session内に$_SERVER['HTTP_USER_AGENT']の値を保存させて、ある程度のSessionの本人確認は可能かもしれないと思いました。でもこの値も偽造できますよね？しかもCookieを盗聴出来るわけですから恐らく簡単にその人の$_SERVER['HTTP_USER_AGENT']も取得出来ると思うんです。となると、他にSessionの方が有利になる何かがあると思うのですが、何かあるのでしょうか？