常連

注目の的

拍手喝采

次のコードを行うと、なぜか"na"が表示されることがあります。必ずしも表示されるというわけではなく規則性はありませんが、頻繁に同じ事象が発生します。
これはRubyのバグなのでしょうか？Keyの数が多すぎるとハッシュは正しく機能しなくなるのでしょうか・・？

```rb

loop{

#1
data = Hash[194 => 485, 21 => 0.84, 9981 => 47.8, 9571 => 0.59, 441 => 874, … ] #キーが10000個程のあるキーとバリューがともに数字なハッシュです
#2
keylist = data.keys.sort #Keyだけの配列を作りソートします

#3 keylistがdataに含まれるかチェックするとたまに”na”が出る！！
n = 0
keylist.size.times{
 print data(keylist[n])
 n += 1
}

#dataの値を行更新します
data = data_updated
#0.1秒毎に繰り返します
sleep(0.1)

}
```

[Ruby] データが抜ける、Rubyのバグ？

React とTypescriptを使ってファイルのアップロード画面を作成しようとしています。

とりあえずアップロードした画像のタイトル一覧を取得したいので、インプットエリアを作成し、ファイル名の取得をする所まではできました。
しかし、動的にファイル名を表示していくという動作がわからず、手が詰まっています。

結果的にソースの中の<table>の中のような結果が欲しいと思っております。
お詳しい方ご教授お願い致します。


import * as React from 'react';

class Detail extends React.Component {
public handleToAboutPage = () => {
const obj1 = document.getElementById("upload") as HTMLInputElement;
const filename = obj1.files
for (let i = 0; i < filename!.length; i++) {
alert(filename![i].name);
// or
alert(filename!.item(i)!.name);
}
}

public render() {
return (
<div>
<input type="file" id="upload" name="file" />
<button onClick={this.handleToAboutPage}>
ファイルアップロード
</button>
<table>
<tr>aa</tr>
<tr>aa</tr>
</table>
</div>
)
}
}

export default Detail;

Reactで動的に行を挿入したい

### 前提・実現したいこと
さくらVPSを使用しております。
DISK I/Oが発生している要因を調査したいと考えています。
時々一時的に急激に上がったりしています。
なお特にアプリは動かしてはいません。

dstat -taf で、IO負荷を確認しています。
dsk/vdaで時々、writに値が発生しています。

これは書き込みが発生しているという認識でよろしいでしょうか。
その書き込みはどうやって発生しているか確認する方法はありますでしょうか。

ご教授のほどどうかよろしくお願いします。

### 調査したい箇所
一時的に増加している。
![DISK I/O](2f06a49ce9e36167ad969a38d2a06a6e.png)

### 調査例1
```
  date/time   |usr sys idl wai hiq siq:usr sys idl wai hiq siq| read  writ| recv  send|  in   out | int   csw 
08-04 19:52:10|  0   0 100   0   0   0:  0   0 100   0   0   0|   0     0 |1594B  442B|   0     0 |  57    27 
08-04 19:52:11|  0   0 100   0   0   0:  0   0 100   0   0   0|   0     0 |1774B  442B|   0     0 |  48    19 
08-04 19:52:12|  0   0 100   0   0   0:  0   0 100   0   0   0|   0     0 |1354B  442B|   0     0 |  58    19 
08-04 19:52:13|  1   0  99   0   0   0:  0   0 100   0   0   0|   0     0 |1834B  442B|   0     0 |  51    19 
08-04 19:52:14|  0   0 100   0   0   0:  0   0 100   0   0   0|   0     0 |1774B  442B|   0     0 |  45    17 
08-04 19:52:15|  0   0 100   0   0   0:  0   0 100   0   0   0|   0  4096B|1594B  442B|   0     0 |  57    28 
08-04 19:52:16|  0   0 100   0   0   0:  0   0 100   0   0   0|   0     0 |1714B  442B|   0     0 |  52    17 
```

### 調査例2
上記に対しswapを確認

vmstat -t 2

procs -----------memory---------- ---swap-- -----io---- --system-- -----cpu------ ---timestamp---
 r  b   swpd   free   buff  cache   si   so    bi    bo   in   cs us sy id wa st
 0  0      0 264692 190432 363308    0    0     0     0    3    2  0  0 100  0  0	2019-04-08 20:56:48 JST
 0  0      0 264668 190432 363308    0    0     0     0   49   20  0  0 100  0  0	2019-04-08 20:56:50 JST
 0  0      0 264668 190432 363308    0    0     0     0   49   17  0  0 100  0  0	2019-04-08 20:56:52 JST
 0  0      0 264668 190432 363308    0    0     0    44   45   20  0  0 100  0  0	2019-04-08 20:56:54 JST
 0  0      0 264668 190432 363308    0    0     0     0   45   17  0  0 100  0  0	

### 調査例3
![イメージ説明](9010f3c2e0f6e5831e3ebcf7f04d9131.png)

[sarコマンド](https://qiita.com/makaaso/items/6e27a2f0948241891667)
proc/s.... 1秒あたりの生成されたプロセス数
cswch/s... 1秒あたりのコンテキストスイッチ回数

tps.............. 1秒間のI/Oリクエスト数(転送回数)
rd_sec(rsec)/s... 1秒間の読み込みセクタ数(1セクタ512バイト)
wr_sec(wsec)/s... 1秒間の書き込みセクタ数(1セクタ512バイト)
avgrq-sz......... デバイスへのIOリクエストの平均セクタサイズ
avgqu-sz......... デバイスへのIOリクエストの待ち行列の平均セクタサイズ
await............ デバイスへのIOリクエストの平均待ち時間(単位msec)[待ち行列にいる時間＋処理時間]
svctm............ デバイスへのIOリクエストの平均処理時間(単位msec)
%util............ デバイスへのIOリクエスト中のCPU使用率(ここが継続的に100%だとディスク部分でボトルネックになっている可能性が高い)


/var/log/sa/sa08

00時00分01秒    proc/s   cswch/s
00時10分01秒      0.01     15.49
00時20分01秒      0.01     15.53
00時30分01秒      0.01     15.56
00時40分01秒      0.01     15.65
00時50分01秒      0.04     15.87
〜
04時10分01秒      0.01     15.60
04時20分01秒      0.01     15.73
04時30分01秒      0.01     15.53
04時40分01秒      0.40     **17.58**
04時50分01秒      0.03     15.94
05時00分01秒      0.01     15.67
〜
19時10分01秒      0.01     15.68
19時20分01秒      0.01     15.53
19時30分01秒      0.01     15.44
19時40分01秒      0.04     16.49
19時50分01秒      0.14     **36.60**
20時00分01秒      0.01     16.36
20時10分01秒      0.03     16.35

00時00分01秒       DEV       tps  rd_sec/s  wr_sec/s  avgrq-sz  avgqu-sz     await     svctm     %util
〜
01時20分01秒  dev252-0      0.10      0.00      0.87      9.12      0.00      1.18      0.89      0.01
01時30分01秒  dev252-0      0.10      0.00      0.89      9.08      0.00      1.02      0.76      0.01
〜
04時00分01秒  dev252-0      0.11      0.00      1.04      9.75      0.00      0.62      0.59      0.01
04時10分01秒  dev252-0      0.10      0.00      1.06     10.19      0.00      0.73      0.68      0.01
04時20分01秒  dev252-0      0.09      0.00      0.81      9.04      0.00      0.80      0.72      0.01
04時30分01秒  dev252-0      0.09      0.00      0.77      8.75      0.00      0.81      0.72      0.01
04時40分01秒  dev252-0      0.31      0.00    **18.23     59.67 **     0.00      1.25      0.29      0.01
04時50分01秒  dev252-0      0.13      0.00      1.31     10.18      0.00      0.92      0.75      0.01
05時00分01秒  dev252-0      0.14      0.00      1.50     10.42      0.00      0.80      0.57      0.01
05時10分01秒  dev252-0      0.13      0.00      1.28     10.11      0.00      0.99      0.68      0.01
05時20分01秒
〜
19時00分01秒  dev252-0      0.12      0.00      1.34     11.11      0.00      0.94      0.69      0.01
19時10分01秒  dev252-0      0.11      0.00      1.00      9.09      0.00      1.26      0.88      0.01
19時20分01秒  dev252-0      0.09      0.00      0.84      9.16      0.00      1.15      0.85      0.01
19時30分01秒  dev252-0      0.09      0.00      0.83      9.02      0.00      1.36      0.89      0.01
19時40分01秒  dev252-0      0.14      0.00      1.36      9.83      0.00      0.92      0.59      0.01
19時50分01秒  dev252-0      1.64      3.67 　**187.16  116.59**    0.02      9.55      0.37      0.06
20時00分01秒  dev252-0      0.11      0.00      1.07     10.00      0.00      0.92      0.75      0.01

---
/var/log/sar/sa09
```
00時00分01秒    proc/s   cswch/s
00時10分01秒      0.02     16.91
00時20分01秒      0.01     16.44
00時30分01秒      0.02     16.94
00時40分01秒      0.01     16.56
〜
04時20分01秒      0.01     18.51
04時30分01秒      0.01     16.57
04時40分02秒      0.01     16.63
04時50分01秒      0.50     55.70
05時00分01秒      0.01     16.22
05時10分01秒      0.01     16.56

00時00分01秒       DEV       tps  rd_sec/s  wr_sec/s  avgrq-sz  avgqu-sz     await     svctm     %util
00時50分01秒  dev252-0      0.13      0.59      1.01     12.80      0.00      0.85      0.65      0.01
01時00分01秒  dev252-0      0.08      0.00      0.76      9.12      0.00      0.98      0.74      0.01
〜
04時00分01秒  dev252-0      0.09      0.00      0.84      9.16      0.00      0.89      0.64      0.01
04時10分01秒  dev252-0      0.09      0.00      0.75      8.62      0.00      1.29      0.83      0.01
04時20分01秒  dev252-0      0.18      0.00      2.42     13.41      0.00      0.73      0.44      0.01
04時30分01秒  dev252-0      0.09      0.00      0.77      8.75      0.00      0.98      0.72      0.01
04時40分02秒  dev252-0      0.09      0.00      0.81      9.04      0.00      1.07      0.81      0.01
04時50分01秒  dev252-0     12.71   **207.21    25.53    18.31**   0.01      0.70      0.37      0.47
05時00分01秒  dev252-0      0.10      0.00      0.93      9.33      0.00      1.02      0.77      0.01
```
---
/var/log/cron
```
Apr  8 04:34:01 ik1-331-25789 run-parts(/etc/cron.daily)[32120]: starting makewhatis.cron
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32280]: finished makewhatis.cron
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32120]: starting mlocate.cron
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32291]: finished mlocate.cron
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32120]: starting prelink
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32303]: finished prelink
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32120]: starting readahead.cron
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32315]: finished readahead.cron
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32120]: starting tmpwatch
Apr  8 04:34:02 ik1-331-25789 run-parts(/etc/cron.daily)[32353]: finished tmpwatch
Apr  8 04:34:02 ik1-331-25789 anacron[31999]: Job `cron.daily' terminated
Apr  8 04:34:02 ik1-331-25789 anacron[31999]: Normal exit (1 job run)
Apr  8 04:40:01 ik1-331-25789 CROND[32355]: (root) CMD (/usr/lib64/sa/sa1 1 1)
Apr  8 04:43:01 ik1-331-25789 CROND[32361]: (root) CMD (run-parts /etc/cron.hourly)
Apr  8 04:43:01 ik1-331-25789 run-parts(/etc/cron.hourly)[32361]: starting 0anacron
Apr  8 04:43:01 ik1-331-25789 run-parts(/etc/cron.hourly)[32370]: finished 0anacron
Apr  8 04:50:01 ik1-331-25789 CROND[32372]: (root) CMD (/usr/lib64/sa/sa1 1 1)
〜
Apr  8 19:40:01 ik1-331-25789 CROND[455]: (root) CMD (/usr/lib64/sa/sa1 1 1)
Apr  8 19:43:01 ik1-331-25789 CROND[528]: (root) CMD (run-parts /etc/cron.hourly)
Apr  8 19:43:01 ik1-331-25789 run-parts(/etc/cron.hourly)[528]: starting 0anacron
Apr  8 19:43:01 ik1-331-25789 run-parts(/etc/cron.hourly)[537]: finished 0anacron
Apr  8 19:50:01 ik1-331-25789 CROND[540]: (root) CMD (/usr/lib64/sa/sa1 1 1)
Apr  8 20:00:01 ik1-331-25789 CROND[546]: (root) CMD (/usr/lib64/sa/sa1 1 1)
Apr  8 20:10:01 ik1-331-25789 CROND[566]: (root) CMD (/usr/lib64/sa/sa1 1 1)
〜
Apr  9 04:43:01 ik1-331-25789 anacron[1834]: Anacron started on 2019-04-09
Apr  9 04:43:01 ik1-331-25789 anacron[1834]: Job `cron.daily' locked by another anacron - skipping
Apr  9 04:43:01 ik1-331-25789 anacron[1834]: Normal exit (0 jobs run)
Apr  9 04:43:01 ik1-331-25789 run-parts(/etc/cron.hourly)[1836]: finished 0anacron
Apr  9 04:48:01 ik1-331-25789 anacron[1666]: Job `cron.daily' started
Apr  9 04:48:01 ik1-331-25789 run-parts(/etc/cron.daily)[1838]: starting logrotate
Apr  9 04:48:01 ik1-331-25789 run-parts(/etc/cron.daily)[1847]: finished logrotate
Apr  9 04:48:01 ik1-331-25789 run-parts(/etc/cron.daily)[1838]: starting makewhatis.cron
Apr  9 04:48:01 ik1-331-25789 run-parts(/etc/cron.daily)[2002]: finished makewhatis.cron
Apr  9 04:48:01 ik1-331-25789 run-parts(/etc/cron.daily)[1838]: starting mlocate.cron
Apr  9 04:48:03 ik1-331-25789 run-parts(/etc/cron.daily)[2013]: finished mlocate.cron
Apr  9 04:48:03 ik1-331-25789 run-parts(/etc/cron.daily)[1838]: starting prelink
Apr  9 04:48:04 ik1-331-25789 run-parts(/etc/cron.daily)[2069]: finished prelink
Apr  9 04:48:04 ik1-331-25789 run-parts(/etc/cron.daily)[1838]: starting readahead.cron
Apr  9 04:48:04 ik1-331-25789 run-parts(/etc/cron.daily)[2081]: finished readahead.cron
Apr  9 04:48:04 ik1-331-25789 run-parts(/etc/cron.daily)[1838]: starting tmpwatch
Apr  9 04:48:04 ik1-331-25789 run-parts(/etc/cron.daily)[2119]: finished tmpwatch
```

### 補足情報（FW/ツールのバージョンなど）
使用OSバージョン：CentOS release 6.9 (Final)

DISK I/Oが発生している要因

npm startは開発用のwebpack-dev-serverというものが動いていると言うことまで理解しました。
そのあとリクエストに対してjsonを返すようなサーバー側の処理を実装したいのですが
どうしたら良いのでしょうか？

create-react-appのnpm startまでやった後にすること

非同期のいいね機能を jQuery を使って実装しました。
サーバーサイドは PHP(Laravel) です。 

Twitterの「いいね」のように、非同期で処理してボタンが変わる仕組みを実装しました。

**発生した問題**
- 時々エラーが出て動かなくなる
- HTMLのクラス名を innerHTML で動的生成している部分など、キュリティ的に問題があるかもしれない


コメントに対して「いいね」できる仕組みです。
ボタンの変化は、Font Awesome のアイコン切り替えで表現します。
つまりHTMLの要素(クラス名)を動的に変化させます。

```HTML
<i class="far fa-heart"></i>　
<i class="fas fa-heart"></i>　
```
切り替えるのは far と fas の部分だけです。

また「いいね」された数も表示します。

PHP側からビューに渡すものは以下になります。

<画面表示時>
- ユーザーが既に「いいね」しているかを保持した配列　

<ボタンが押された時(JSONで渡す)>
- Font Awesome のクラス名(ボタンを変化させるため)
- 更新された「いいね」の数

ほぼ期待通りの動作をしますが、時々以下のエラーで動かなくなります。
Chromeではぼエラーはでませんが、Edgeだと10回に1回ほど出ます。

```
Uncaught SyntaxError: Unexpected end of JSON input　// Chrome 
JSON.parse Error: Unexpected input　// Edge
```
JSON.parse() に JSON以外の値を渡していることが原因だと思います。
エラー時に、Ajaxでサーバーから返された値を console.log してみると、
空文字でした。しかしPHPからはjson_encodeした値しか返していないので、なぜ空文字になるのかわかりません。

以下実装したコードです。

コメント一覧をforeachで回し、その中にボタンを設置します。
POST時、コメントIDを判別するのにカスタムデータ属性を利用します。

```PHP
// @foreach($comments as $comment) の中

@if(is_null($already[$comment->id]))  //まだいいねしてなければ
  <button type="button" class="fav" data-fav="{{$comment->id}}">
      <i class="far fa-heart"></i> 
      {{$comment->cnt}} //いいね数
  </button>
@else  //既にいいねしていれば
  <button type="button" class="fav" data-fav="{{$comment->id}}">
      <i class="fas fa-heart"></i>  
      {{$comment->cnt}}  //いいね数
  </button>
@endif
```
```JavaScript
//「いいね」したコメントのIDを保持
let comment_id = 0;

//0以上の自然数かチェックする関数
const isNum = function(v) 
{
 return ((typeof v === 'number') && (isFinite(v))　&& v >= 0);
};

//「いいね」ボタンがクリックされた時
$('.fav').on('click', function(event) {
    event.target.disabled = true; //処理が終了するまでボタンを無効化
    event.preventDefault();
    comment_id = event.target.dataset.fav;

    $.ajax({
      type: 'POST',
      url: '',
      dataType: 'text',
      data: {
        comment_id: comment_id,
      }
    }).done(function (data) { 
       //console.log(data);　{"name":"far","cnt":13} エラー時は空文字
      let d = JSON.parse(data);
      if((d.name==='fas' || d.name==='far') && isNum(d.cnt))
      {
         event.target.innerHTML =  
          `<i class=\"${d.name} fa-heart\"></i> ${d.cnt}`;
      }
      event.target.disabled = false;  //ボタンを有効化
    });
});
```
「いいね」がPOSTされた際のアクション
```PHP
$comment_id = $request->input('comment_id');
/*
    comment_id が自分自身のコメントでないことを確認
    データベース更新処理
    $name : 新たな Font Awesomeのクラス名(far, fas)
    $cnt : 「いいね」総数
*/
if(($name==='far' || $name==='fas') && is_int($cnt) && $cnt >= 0)
{
   return json_encode(["name" => $name, "cnt" => $cnt]);
}
//正常でない場合でもJSON形式で返す
return json_encode(['name' => 'error', 'cnt' => -1]);
```
CSRF対策

```JavaScript
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
```

とりあえず動くように実装したので、雑なやり方だと思います。

質問をまとめると
- 時々空文字を返してエラーになるのを防ぐにはどうすべきか。

- セキュリティ的に問題はないか。
(クラス名の動的生成、カスタムデータによるid判別、AjaxでPOSTする値の偽装対策等)

その他「そのやり方はよくない」等あればご指摘ください。

ご回答よろしくお願いします。

非同期いいね実装　HTMLの切り替えとJSONの受け渡しについて

セキュリティ関連の本で，以下のようなプログラムがでてきました。main関数の中にある(*(void(*)())shellcode)();が分かりません。本には静的領域のシェルコードを無理やり実行するもの，とありますが文法的なものが全く分かりません。

```ここに言語を入力
コード
#include <stdio.h>
#include <string.h>

char *shellcode = "\x48\x31\xd2\x52\x48\xb8\x2f\x62\x69\x6e\x2f\x70\x77\x64\
x50\x48\x89\xe7\x52\x57\x48\x89\xe6\x48\x8d\x42\x3b\x0f\x05";

int main(void){
	fprintf(stdout,"Length: %d\n",strlen(shellcode));
	(*(void(*)())shellcode)();
	return 0;
}
```

(*(void(*)())shellcode)();　が分かりません。

バグですが脆弱性とは言えないですよね？
気になったので質問しました。

リダイレクトループは脆弱性ですか？

Laravelのバリデーションで制御文字をバリデーションしたいです。
以下の正規表現だと正常な入力でもregexで引っかかります。

```HTML
<input type="text" name="name">　
<textarea name="message"></textarea>  
```
```PHP
'name' => ['required', 'string', 'max:10', 'regex:/\A[[:^cntrl:]]{1, 10}\z/u'],
'message' => ['required', 'string', 'max:300', 'regex:/\A[\r\n\t[:^cntrl:]]{1, 300}\z/u'],
```
コントローラでpreg_matchを使って検証しました。こちらも引っかかります。
hello と入力した場合

```PHP
dd($request->name); // "hello"
dd($request->message); // "hello"

preg_match('/\A[[:^cntrl:]]{1, 10}\z/u', $request->name) // 0
preg_match('/\A[\r\n\t[:^cntrl:]]{1, 300}\z/u', $request->message) // 0
```
制御文字を入力していないのにどうして引っかかるのでしょうか。
どうすれば制御文字を禁止できますか？

[正規表現]POSIX文字クラスで制御文字をバリデーションしたい

他サイトの話なのですが
Google等の検索結果や直リンからアクセスした、SSL化を行っているWebサイトを開いた後
URLの部分を
https://〜
から
http://〜
と、sの部分を消してから直接アクセスすると、「保護されていないページ」と出てしまうWebサイトが非常に多いです。

これは、単にセキュリティ面の脆弱性によるものなのでしょうか。
それとも、敢えてhttpとhttpsを混在させることに意味があるのでしょうか。

常に保護されていないとデメリットが多いと思うのですが
もし、sの部分を消してURLを直接打ち込んでも「常時httpsにリダイレクトされない」ことのメリットや意味などがあるのであれば、ご教示頂けますと幸いです。

（ちなみに私の運営しているWebサイト及びサーバーには必ず
https://（ドメイン名）〜
にリダイレクトするようにしています）

httpsとhttpへのリダイレクト

センシティブな情報はブラウザキャッシュしないだとかありますけど、そもそもPCを他の人が使えるなんて状況ありえなく無いですか？

すみません、
何処まで責任がある&対策する必要がありますか？が聞きたかったことです。