常連

注目の的

社会貢献

自己紹介

小規模なウェブサイトにショップカートを設置することになったのですが、セキュリティ上考慮すべきことや、実装すべき事柄、開発者が備えておくべき知見などを学習したいと考えています。どなたか、良書を推薦していただけませんか？

EC-cubeやwelcartといったOSS・WPのプラグイン,あるいはshopify、カラーミーショップなどを使うことも考えましたが、案件において、「CGI+Sinatraを使う」「必要なビジネスロジックのみを盛り込む」という前提があり、やはり自前で作ることにしました。

例えば、[Ruby on Rails Guides](http://guides.rubyonrails.org/index.html)の「[Ruby on Rails Security Guide](http://guides.rubyonrails.org/security.html)」のチャプターを、もっと深く掘り下げて、実例を交えたような本があればぜひ手に取ってじっくり読みたいと思ってます。できれば和書がいいです（洋書でもいいのですがやはり読むのが大変なので。。。）。

本で使われているプログラム言語はなんでもいいです。

ショップカート構築に関連する良書を探しています

`std::wifstream`の機能を完全に勘違いしてました。
ファイルからの読み出しをwchar_t単位で行うものと思ってたのです。
しかし、operator>>で読み出した時、デフォルトでは1char単位で読み出してました。1charを1wchar_tへ読み出しているのです。
また、[コンソールに日本語をキレイに出力したい](https://teratail.com/questions/74559)の「解決した方法」でaglkjgggさんが書かれている内容から、指定された文字コード変換を行ってwchar_tへ読み込んでいるようです。つまり、デフォルトの文字コード変換はASCII→UTF-16と思われます。

しかし、そのような機能であれば、`std::ifstream`で`operator>>(wchar_t*)`等を実装した方が使い勝手が良いように感じます。

なぜ、現在のような仕様になっているのか、推測できる方いらっしゃいませんか？

C++ : std::wifstreamってなんのためにあるのでしょうか？

PHPでメールフォームを作成したので、脆弱性がないかアドバイスいただけないでしょうか。
エンジニアでもなければ、PHPもろくに書けない雑魚ですが、「[php メールフォーム 作り方](https://www.google.co.jp/search?q=php+%E3%83%A1%E3%83%BC%E3%83%AB%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0+%E4%BD%9C%E3%82%8A%E6%96%B9&ie=utf-8&oe=utf-8&client=firefox-b-ab&gfe_rd=cr&ei=6NrkWKWOBuzZ8AfguCs)」でググって表示されるサイトを見ると、「んんんんん？？？」と思うところがあります。
これらを参考にしたり、コピペする方は、記述されているコードの良し悪しは判断できないかと思います。
そのような方々が参考にできるメールフォームを作りたいという思いで、調べて作りました。
周りに書いたコードを確認してもらえる人もいないので、皆様からのアドバイスがほしいです((_ _ (´ω｀ )ﾍﾟｺ

このメールフォームは、下記を対象者としています。

- php メールフォーム 作り方 でググってコピペする方
- コピペして動けばいいと考えている方
- if文や関数など基本的な記述はわかるけど、クラスとか理解していない方
- 脆弱性？なにそれ？という方

そのために、このメールフォームは下記の点を意識して作成しました。

- **コピペしたら動く**
- **なるべく難しい記述はしない、記述量を減らす**
- 処理を中断する die を使っていないので、表示したい箇所にコピペすれば動く
- PHP5.2.xまで想定し、環境（magic_quotes_gpc、セーフモード）に依存しない
- 肝心の脆弱性対策はクリックジャッキング、CSRF、XSS、メールヘッダインジェクションを考慮

最終的にはコード＋説明した記事を作成してQittaに投稿する予定です。
問題があれば、詳しい方々からアドバイスやご指摘があるはずなので...

**皆様から見て、脆弱性や気になる点などあれば、アドバイスもらえると嬉しいです((_ _ (´ω｀ )ﾍﾟｺ**
至らないところがあれば、調べますので、ご指摘だけでも頂けると嬉しいです。
お願いします。

入力（`index.php`） → 確認（`confirm.php`） → 送信（`send.php`） と画面を遷移してメールを送ります。

```php
<?php
// 他のサイトでインラインフレーム表示を禁止する（クリックジャッキング対策）
header('X-FRAME-OPTIONS: SAMEORIGIN');

// セッション開始
session_start();

// HTML特殊文字をエスケープする関数
function h($str) {
	return htmlspecialchars($str,ENT_QUOTES,'UTF-8');
}

/* --------------------------------------------------
	トークンの作成（CSRF対策）

	※使用しているPHPのバージョン・環境にあわせて
	 トークンを選んでね。不要なトークは削除してね。
-------------------------------------------------- */

// PHP 7.0 以降
if(!isset($_SESSION['token'])) {
	$_SESSION['token'] = bin2hex(random_bytes(32));
}

// PHP 5.3 ～ 5.x ※OPENSSL導入済
if(!isset($_SESSION['token'])) {
	$_SESSION['token'] = bin2hex(openssl_random_pseudo_bytes(32));
}

// PHP 5.3 未満
if(!isset($_SESSION['token'])) {
	$_SESSION['token'] = hash('sha256', session_id());
}

// トークンを代入
$token = $_SESSION['token'];

?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>入力画面</title>
</head>
<body>

<h1>お問い合わせ（入力画面）</h1>

<form method="post" action="confirm.php">
<table>
	<tr>
		<th>お名前（必須）</th>
		<td><input type="text" name="name"></td>
	</tr>
	<tr>
		<th>ふりがな（必須）</th>
		<td><input type="text" name="ruby"></td>
	</tr>
	<tr>
		<th>メールアドレス（必須）</th>
		<td><input type="text" name="mail"></td>
	</tr>
	<tr>
		<th>内容（必須）</th>
		<td><textarea name="content"></textarea></td>
	</tr>
</table>
<input type="hidden" name="token" value="<?php echo h($token); ?>">
<button>送信内容確認</button>
</form>
</body>
</html>
```

```php
<?php
// 他のサイトでインラインフレーム表示を禁止する（クリックジャッキング対策）
header('X-FRAME-OPTIONS: SAMEORIGIN');

// セッション開始
session_start();

// HTML特殊文字をエスケープする関数
function h($str) {
    return htmlspecialchars($str,ENT_QUOTES,'UTF-8');
}
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>確認画面</title>
</head>
<body>

<h1>お問い合わせ（確認画面）</h1>

<?php

// セッション変数がなければ、空文字を代入
if(!isset($_SESSION['token'])) {
    $_SESSION['token'] = '';
}

// POSTされたデータを変数に代入（magic_quotes_gpc = On ＋ NULLバイト 対策）
foreach (array('token','name','ruby','mail','content') as $v) {
    $$v = filter_input(INPUT_POST, $v, FILTER_DEFAULT, FILTER_FLAG_STRIP_LOW);
}

// トークンを確認し、確認画面を表示
if($token !== $_SESSION['token']) {

    echo '<p>お問い合わせの手順に誤りがあります。<br>お手数ですが、最初からやり直してください。</p>';

} else {

    $error_flag = 0;

    // 必須項目は未入力をチェック
    if ($name === '') {
        echo '<p>お名前をご入力してください。</p>';
        $error_flag = 1;
    } elseif (mb_strlen($name) > 50) {
        echo '<p>お名前は 50 文字以内で入力してください。</p>';
        $error_flag = 1;
    }

    if ($ruby === '') {
        echo '<p>ふりがなをご入力してください。</p>';
        $error_flag = 1;
    } elseif (mb_strlen($ruby) > 50) {
        echo '<p>ふりがなは 50 文字以内で入力してください。</p>';
        $error_flag = 1;
    }

    if ($mail === '') {
        echo '<p>メールアドレスをご入力してください。</p>';
        $error_flag = 1;
    } elseif (mb_strlen($mail) > 100) {
        echo '<p>メールアドレスは 100 文字以内で入力してください。</p>';
        $error_flag = 1;
    } elseif (!filter_var($mail, FILTER_VALIDATE_EMAIL)) {
        echo '<p>メールアドレスの形式が正しくありません。</p>';
        $error_flag = 1;
    }

    if ($content === '') {
        echo '<p>内容をご入力してください。</p>';
        $error_flag = 1;
    } elseif (mb_strlen($content) > 500) {
        echo '<p>内容は 500 文字以内で入力してください。</p>';
        $error_flag = 1;
    }

    // エラーがある場合は、戻るボタンを表示し、エラーがない場合は、確認画面を表示
    if ($error_flag === 1) {
        echo '<button onClick="history.back(); return false;">戻る</button>';
    } else {
        // セッション変数に代入
        $_SESSION['name'] = $name;
        $_SESSION['ruby'] = $ruby;
        $_SESSION['mail'] = $mail;
        $_SESSION['content'] = $content;

        // 確認用画面の表示
    ?>

        <form method="post" action="send.php">
            <table>
                <tr>
                    <th>お名前</th>
                    <td><?php echo h($name); ?></td>
                </tr>
                <tr>
                    <th>ふりがな</th>
                    <td><?php echo h($ruby); ?></td>
                </tr>
                <tr>
                    <th>メールアドレス</th>
                    <td><?php echo h($mail); ?></td>
                </tr>
                <tr>
                    <th>内容</th>
                    <td><?php echo nl2br(h($content)); ?></td>
                </tr>
            </table>
            <input type="hidden" name="token" value="<?php echo h($token); ?>">
            <button>送信</button>
        </form>

<?php
    }
}
?>
</body>
</html>
```

```php
<?php
// 他のサイトでインラインフレーム表示を禁止する（クリックジャッキング対策）
header('X-FRAME-OPTIONS: SAMEORIGIN');

// セッション開始
session_start();

// mb_send_mail のエンコーディング
mb_language('ja');

// 内部文字エンコーディングを設定
mb_internal_encoding('UTF-8');
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>送信画面</title>
</head>
<body>

<h1>お問い合わせ（送信画面）</h1>

<?php

// セッション変数がなければ、空文字を代入
if(!isset($_SESSION['token'])) {
    $_SESSION['token'] = '';
}

// POST['token']の値をtoken変数に代入
$token = filter_input(INPUT_POST, 'token', FILTER_DEFAULT, FILTER_FLAG_STRIP_LOW);

// 各セッション変数を各変数に代入
$name = isset($_SESSION['name']) && is_string($_SESSION['name']) ? $_SESSION['name'] : '';
$ruby = isset($_SESSION['ruby']) && is_string($_SESSION['ruby']) ? $_SESSION['ruby'] : '';
$mail = isset($_SESSION['mail']) && is_string($_SESSION['mail']) ? $_SESSION['mail'] : '';
$content = isset($_SESSION['content']) && is_string($_SESSION['content']) ? $_SESSION['content'] : '';

// トークンの値が一致しない場合は、エラー文を表示し、一致する場合は送信する
if($token !== $_SESSION['token']) {

    echo '<p>送信後に再度アクセスされたか、お問い合わせの手順に誤りがあります。<br>お手数ですが、最初の画面からご入力ください。<p>';

} else {

    /*  運営側へ送信するメールの設定  */

    // 送信先のメールアドレス
    $to      = 'xxxxxx@xxxxx.xxxx';
    // 件名
    $subject = '【お問い合わせからの送信】○○○○○○○○○○';
    // 本文
    $message = "◆お名前\n$name\n\n◆フリガナ\n$ruby\n\n◆メールアドレス\n$mail\n\n◆内容\n$content";
    // オプション
    $option = '-f'. $to;


    /*  問い合わせされた方へ自動返信するメールの設定  */

    // 件名
    $auto_subject = '【お問い合わせ】○○○○○○○○○○';
    // 送信元のメールアドレス
    $auto_from    = 'From:' . $to;
    // 本文
    $auto_message = "
※このメールは自動返信によるものです。

$name 様

このたびは、お問合せいただき、誠にありがとうございました。

お送りいただきました内容を確認の上、担当者より折り返しご連絡させていただきます。
    ";

    /* セーフモードがONの場合は、mb_send_mailの第5引数が使えないため、処理を分岐して送信 */
    if(ini_get('safe_mode')) {

        /*  運営側と自動返信のメールの送信が完了したら、送信完了の文章を表示する  */
        if(mb_send_mail($to, $subject, $message, "From:$mail") && mb_send_mail($mail, $auto_subject, $auto_message, $auto_from)) {
            echo '<p>このたびは、お問合せいただき、誠にありがとうございました。<br>お送りいただきました内容を確認の上、担当者より折り返しご連絡させていただきます。</p>';
        } else {
            echo '<p>大変申し訳ございませんが、メールの送信に失敗しました。<br>お手数ですが最初からやり直してください。</p>';
        }

    } else {

        /*  運営側と自動返信のメールの送信が完了したら、送信完了の文章を表示する  */
        if(mb_send_mail($to, $subject, $message, "From:$mail", $option) && mb_send_mail($mail, $auto_subject, $auto_message, $auto_from, $option)) {
            echo '<p>このたびは、お問合せいただき、誠にありがとうございました。<br>お送りいただきました内容を確認の上、担当者より折り返しご連絡させていただきます。</p>';
        } else {
            echo '<p>大変申し訳ございませんが、メールの送信に失敗しました。<br>お手数ですが最初からやり直してください。</p>';
        }

    }

}

// セッションの破棄
$_SESSION = array();
session_destroy();

?>
</body>
</html>
```

## **2017.04.11 追記**

徳丸氏による、脆弱性の解説です。

- [teratailに投稿されたメールフォームにCSRF脆弱性が残存した理由 | 徳丸浩の日記](http://blog.tokumaru.org/2017/04/teratailcsrf.html)

ありがとうございます((_ _ (´ω｀ )ﾍﾟｺ

【PHP】作成したメールフォームに脆弱性がないか、アドバイスもらえないでしょうか。

こちらのサイトを見ていて疑問に思ったのですが
このサイトで8080とゆうポート番号（？）が出てきます
http://qiita.com/hosomichi/items/66b309a6c3c20d910218

これをローカルホストではない状況でサーバーから複数作る場合、ランダムな値をぶっこんでいいのでしょうか？（生成の際に現状存在するほかのIDと被っていないかのifを挟みます）

また、このポート番号によって生成されるネットアドレスはどのようなサイトでも実装可能なのですか？
つまり、独自のドメインを取得していれば、https://ドメイン名.com/hoge のhoge部分は実質無限に制作可能とゆうことなのでしょうか？

ポート番号について

いつもお世話になっております。


ステッピングモーターの台形駆動を行いたいと考えておりますが、
実際にパルスを生成する部分について質問させてください。

**前提条件**
・AVR(Arduino)か、R8Cあたりを検討中(単に使ったことがあるという理由だけです)
・モーターの電気的な制御はドライバIC(SLA7078)を用いるので、マイコンは正転逆転信号と回転角度に応じたパルスを出力するだけ
・XYのステージを作る前提なので、一応二軸制御が必要(最初は一軸(ただの台形駆動)で考えてそのあと発展させたい)
・現時点では、円弧動作をさせる予定はない。が、最終的には実装したい
・200ステップのステッピングモーターを使い、16分割マイクロステップなので3600パルス/回転 10回転/秒 くらいを理論最高速度とし、最大36kHzのパルスを出力することになる

・Grblライブラリがあることは知っているが、あえて自作してみたい。(どちらかというとかなり趣味寄なので、スキルを磨くためにも自前で実装したい)

当方の技術力は、なんとなく、ふわっと、PWMの生成の仕組み、(というかマイコンのタイマの仕組み)を知っている程度です
このあたりのプログラムを、アプリケーションシートのみを使って一から起こせ、と言われたら無理ですが、すでにある程度書かれているソースの改造くらいならできます


##疑問1
**パルスの生成は、PWMを生成するタイマの利用でよいか。**

PWMを生成するときは、三角波(またはのこぎり)を使うことは知っています。
このとき、ある値(TOP値?正しい名前を知らないので教えてください)を決めておいて、三角波の値(カウンタ値)がこのTOP値に一致したときに、出力ピンをHighにし、三角波が0(オーバーフロー)したときに出力ピンをLowにする、という考え方であっていますでしょうか。

ステッパの台形駆動をするためには、加減速が必要です(幸い線形ですが)
ということは、加速/減速運動中は、1パルスごとに、パルスの間隔が変化します。

ということは、1発パルスを出すごとに、次のTOP値を計算、セットして、を繰り返せば、少なくともカウンタのビット幅の範囲ではパルス間隔を自由に設定して出力できるかと思います。

この考え方はあっていますでしょうか。


##疑問2
**疑問1が正しいとして、非常に間隔の広いパルスはどうすればよいか**

私がタイマの各機能を知らないだけだとは思うのですが…
タイマが8bitだとすると、最大値は255になります
16MHのクロックで、分周を400とすれば、
16MHz/(400*256)=156.25HzのPWMが最もゆっくりな出力になります。
けっこう分周しましたが、それでも速すぎです。
しかし、これ以上分周すると、36kHzが出力できません。
1Hz以下のPWM～前提でも述べた36kHzまでリニアに変化できないと困ります。

1Hz以下だと、分周を重ねてもあっという間にオーバーフローするような時間だと思います。
オーバーフローフラグを監視して、何回オーバーフローしたか数えたりするのでしょうか…。


##疑問3
**疑問1が正しいとして、パルス間隔の計算はメイン処理で行うか、割り込み処理で行うか**

x=0の地点からx=100の地点まで、加速、等速、減速という三つの動きをする際、疑問2のTOP値の計算はメインルーチンで行い、キューにでもスタックするのでしょうか。
それとも、PWMの割り込み処理の中で計算するのでしょうか

メイン処理で行うと、TOP値の計算が一瞬でも遅れれば、直ちに現在位置が想定とズレてしまうと思います(累積パルス数を数えればよいかもしれませんが、そもそも正しいパルス間隔ではないので却下)
ということでメイン処理でやるような計算ではないように思います。
メイン処理は手動操作や、Gコードの解析などもっとほかの仕事をしてほしいです

かといって、二軸以上での制御をするとなれば、計算量はそこそこ増えるはずです。(XとYが同じ速度比で加減速をしなければならないため)
一秒間に数千回～数万回*軸数も次のTOP値を計算するほどの余力はあるのでしょうか(マイコンを見くびっていたらごめんなさい)

---
色々と検索はしてみたのですが、もっと表面的なところを扱った記事しか見つけることができず、、、
Grblを読み解いてみようとも思いましたが、規模が大きすぎ、また言語の壁(英語)があり、なかなか思うように進まず質問させていただきました

どうぞよろしくお願いいたします。

ステッパの台形駆動、パルス間隔の計算・設定は割り込み処理で？メイン処理で？(2軸制御も踏まえて)

こんばんは、趣味で C++ でゲームプログラミングをしている者です。
現在 C++ でポインタを扱う際には生のポインタを扱うことは相応しくないと聞き、unique_ptr, shared_ptr, weak_ptr などのスマートポインタについて学習しました。
スマートポインタにより delete を書かなくてよくなりメモリリークの心配が減りました。

しかしながら記述する量が増えてしまい（例えば Sprite* sprite ではなく std::shared_ptr<Sprite> sprite）、コードが読みづらくなってしまいました。

例えば生のポインタを使った場合、

```C++
class SpriteList
{
public:
    void addSprite(Sprite* sprite);
    Sprite* getSprite(int index);

private:
    std::vector<Sprite*> spriteList_;
};
```

程度の記述で十分なのに、スマートポインタを使った場合には、
```C++
class SpriteList
{
public:
    void addSprite(std::shared_ptr<Sprite> sprite);
    std::shared_ptr<Sprite> getSprite(int index);

private:
    std::vector<std::shared_ptr<Sprite>> spriteList_;
};
```
と、長い記述が必要になってしまいました。
using などを使えば短く書くことはできるとは思うのですが、これは仕方のないことなのでしょうか。

スマートポインタを活用して書かれたコードを見たことがないため、いまいち正しい使い方が分かっておりません。
例えばスマートポインタに対する Getter/Setter の引数や戻り値にもスマートポインタを使うべきなのでしょうか？
上にお示ししたスマートポインタのコードではそのようにしたのですが、例えば、
```C++
class SpriteList
{
public:
    void addSprite(Sprite* sprite);
    Sprite* getSprite(int index);

private:
    std::vector<std::shared_ptr<Sprite>> spriteList_;
};
```
のようにしてあげれば冗長な記述が不要となる気もしました。

スマートポインタについて質問です。

ご覧くださりありがとうございます。

threadクラス及び関数オブジェクトの学習をしております。
下記コードをコンパイルしたら一部エラーが出ました。

```C++
#include <thread>
#include <string>

using namespace std;

void foo() {
  printf("mainとは別スレッドで実行されています\n");
}

struct bar1 {
  void operator() (const string& msg) const {
    printf("%sが渡されました\n",msg.c_str());
  }
};

struct bar2 {
  void operator() () {
    printf("引数なしです\n");
  }
};

int main() {
  thread th1(foo);
  thread th2(bar1(), "An argument");
  thread th3(bar2());
  th1.join();
  th2.join();
  th3.join();

  return 0;
}
```
エラーは以下のようにth3についてです。
＿＿
main.cpp:25:13: warning: parentheses were disambiguated as a function
      declaration [-Wvexing-parse]
  thread th3(bar2());
            ^~~~~~~~
main.cpp:25:14: note: add a pair of parentheses to declare a variable
  thread th3(bar2());
             ^
             (     )
main.cpp:28:6: error: member reference base type
      'std::__1::thread (bar2 (*)())' is not a structure or union
  th3.join();
＿＿


bar2のインスタンスを作ってそれをthread引数に渡せば回避できることは把握しております。
ただ、
**thread th2(bar1(), "An argument");**
が通るのに
**thread th3(bar2());**
が通らないのがなんだか釈然としません。(上記エラーの意味もわかりません)

何が起きていてのエラーなのか、もしわかればC++11の理解が進み大変助かります。
ご存知の方がいらっしゃれば是非ご教示お願いいたします

threadクラスに渡す引数について

サーバアプリケーションがMySQLなどデータベースを利用する場合ブラウザからのリクエスト文字列を工夫することで意図しないSQL文が組み立てられて情報の改ざんや漏洩することあります。それをSQLインジェクションと呼ぶものと認識しております。

SQLインジェクションの基本的な対策方法として、ブラウザからのリクエストなど、ユーザが入力したデータをエスケープ処理するというものがあると思います。

私は、SQLインジェクションに詳しくないのでエスケープ処理をちゃんと行っっていれば基本的に安心できるのではないか？と考えているのですがエスケープ処理を正しく行っていた場合にもユーザ（クラッカー）に想定しないSQL文を実行されてしまうことはあるのでしょうか？

このような質問をした理由としましては、SQL文を作成するにあたり、テンプレートエンジンを利用するのはどうか？と考えたためです。

なぜSQL文の作成にテンプレートエンジンを利用しようと思ったのかと言いますと、基本的なSQL関連のモジュールには`?`マークを利用して値をエスケープしてフォーマットするような仕組みが備わっているものが多いと思いますが（参考：[sqlstring](https://github.com/mysqljs/sqlstring)）この単純な`?`マークによる値代入が不便に感じたからです。

例えば、ユーザデータから年齢を指定して条件を絞って検索したい場合に

```
SELECT * FROM user WHERE age = ?
```

といったステートメントを記述し`?`にブラウザのリクエストで受け取った年齢を挿入するという手順を踏むと思われますが、ブラウザからのリクエストに年齢データが含まれてない場合には全ての年齢のユーザを対象に検索をかけたいという場合に`age = ?`を取り除かなければなりません。

このような問題を対策する場合

```
let age_sql = '1'
if( age ) age_sql = 'age = ?'
let sql = `SELECT * FROM user WHERE ${age}`
```

のように文字列を組み合わせて作成する必要が生まれます。（もちろん`SELECT * FROM user WHERE ${age ? 'age = ?' : '1'}`で可能ですがfor文やif文を使いたい場合にはどうしてもコードが散らかってしまうかと思われます）

このような複雑なコードを書くならば、テンプレートエンジンを使ってスッキリ書いた方が良いのではないのか？と思った次第です。

**lodashのtemplateを利用を想定したテンプレート文字列**
```
SELECT *
FROM user
WHERE
<% if( age ) { %>
  age = <%- age %>
<% } %>
```

余計に複雑になってないか？とも感じますが、テンプレートエンジンを利用することでコード内に直接SQL文を書くことを避けることができますし、for文などを利用したい場合には確実にこちらの方がシンプルになるのではないかと考えています。

SQL文の作成にテンプレートエンジンを利用するといった話はあまり聞いたことがありませんが、もしこの実装方法で開発を進めていく場合、今まではDB関連のモジュールに標準で備わっていた`?`を利用してエスケープ処理を任せていたが、そのような処理を独自に開発することになります。

テンプレートエンジンを利用するため独自に開発というと語弊がありますがもともとテンプレートエンジンはSQL専用のモジュールではないし`?`のエスケープ処理がどのように行われているか詳しく理解せずに独自のやり方で実装すると思わぬ脆弱性を生んでしまうかもしれません。

そこで、SQLインジェクション対策は基本的にエスケープ処理をしっかり行っていれば良いのかみなさんにお聞きいたしました。

[squel](https://hiddentao.com/squel/)のようなライブラリの利用も検討したのですが、JSとSQLを記述するプログラマで役割をもし分けていたというようなことを考えるとあまり望ましくないのではないか？と思いました。

SQLインジェクション対策は基本的にエスケープ処理を行うだけで良いのでしょうか？

また、SQLの作成にテンプレートエンジンを使うことに対しても否定的な意見がありましたら是非ご指摘いただけるとありがたいです。

よろしくお願いいたします。

SQLインジェクション対策は正しくエスケープ処理を行うだけでいいのか？

### 前提・実現したいこと
GUI版[Cppcheck](http://cppcheck.sourceforge.net/)の一覧画面にはID列を表示することができます。
![一覧画面](73db031cf0c264f2fb0f958d856fd65f.png)
このID値は、解析内容をグルーピングして確認するのに有用です。
一覧画面のID列ヘッダクリックにてID順に並び替えられますが、ファイルをまたいで並び替えができないようです。

複数ファイルにまたがってID順にソートして内容を確認したいです。
実行環境は`Windows10x64`です。

### 試したこと
・結果を`.csv`出力できるが、ID列は出力されない。
・同じく`.xml`出力でき、こちらではIDが属性値として出力されることが確認できたが、`.xml`なのでエディタなどでも確認しずらい。

### 2017/02/22時点の調査結果

・一覧の表示設定なりで「ファイルをまたいで並び替え」ができないか？
→ヘルプを確認した限り、できない。

・CSV出力の設定なりでID列を出力できないか？
→回答をうけ、cppcheck.exeにて解析結果を任意フォーマットで出力できることが確認できました。

・CppCheckで出力された`.xml`を見やすい表形式にできないか？（すでにそんなツールはないか？）
→ヘルプ（[Chapter 11. HTML report](http://cppcheck.sourceforge.net/manual.html#idp43756432)）にHtmlにて出力できるpythonツールがある旨の記載あり。動作は未確認。

Cppcheck結果をID順にソートして確認したい

PHP で、変数に入った数式の結果を得る方法を探しています。

```php
$sum = '1+2*3-4';
$result= eval("return {$sum};");
echo $sum . ' = ' . $result . PHP_EOL;
```

のように`eval`を利用するのが一般的なのでしょうか？
*`$sum`はサンプルです。変化するものと思って下さい。

変数に入った数式の結果を得る方法を探している中で、`eval` の使用を回避するようにというアドバイスを幾つかの記事で確認しました。

多分、実務で使うには
- `eval`を使用しない他の良い方法がある。
- `$sum` の数式を `Syntax Error` にさせない定石がある。

あたりがあるのではないかと思うのですが、良い方法があれば教えてください。
よろしくお願いします。

# 追記
[eval-PHP](http://php.net/manual/ja/function.eval.php)に数式を正規表現で拾う以下の投稿を見つけました。

```php
    $number = '(-?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?)'; // What is a number

    $functions = '(?:abs|atan|ceil|cos|exp|gmp_fact|intval|log(10)?|rand|round|sin|sqrt|tan)'; // Allowed PHP functions
    $operators = '[\/*\^\+-]'; // Allowed math operators
    $regexp = '/^([+-]?('.$number.'|'.$functions.'\s*$(?1)+$|$(?1)+$)(?:'.$operators.'(?1))?)+$/'; 
```
結果としては以下となるので、これを加工するのが定石になるんでしょうか？
```
/^([+-]?((-?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?)|(?:abs|atan|ceil|cos|exp|gmp_fact|intval|log(10)?|rand|round|sin|sqrt|tan)\s*$(?1)+$|$(?1)+$)(?:[\/*\^\+-](?1))?)+$/
```
今回だとこんな感じ?
```
/^([+-]?((-?(?:0|[1-9]\d*)(?:\.\d*)?(?:[][+\-]?\d+)?)|\s*$(?1)+$|$(?1)+$)(?:[\/*\+-](?1))?)+$/
```
**'\^'を削除しました。

変数に入った数式の結果を得る方法

###C++のstd::vectorクラスにおいての足し算実装

初歩的なものですが、C++を用いてベクトル同士の足し算を実装中です。
今現在、以下のような単純なもの浮かばないのですが
より高速なアルゴリズムをご存知の方はいませんか？

```cpp
// ベクトルA,Bのサイズは同じ(サイズをNとする)
vector<int> Addition(vector<int> A, vector<int> B, int N){
    vector<int> temp(N);
    for(int i = 0 ; i < N ; i++){
        temp[i] = A[i] + B[i];
    }
    return temp
}

/* 
例：
A = [1,2,3,4], B = [5,6,7,8]
print Addition(A,B)
> [6,8,10,12]
*/
```

【C++】【vectorクラス】高速なベクトル足し算

###はじめに
同じような処理をしている時など、オブジェクト指向とかで簡潔にという事が言われたりもしていますが、、、

今やっている条件の分岐だったりも確かに同じ処理を何度か書く必要が出てきています。
しかし、これだったらこれ、あれだったらあれという部分においてその辺も含めてすっきり書けるものか、もう、このままズラズラ書くものか考えています。

アドバイス等いただければと思います。


###基本的にやっていること
１．A,B,C,Dのいずれかを選択
２．WorkIn, WorkOut, RestIn, RestOutのいずれかを選択
３．送信
４．1,2の値が両方セットされてなければ何もしない、セットされれば次の処理
５．送信された時のYmd,Hiを取得
６．データベースで1の値とYmdを使ってSELECT
７．データが無ければInsert処理へ
８．データが有ったらUpdate処理へ
※このUpdate処理の部分で少し考えています。。。

###データベース
```MySQL
tablename Test
id int not null primary key auto_increment,
Name varchar(2),
TimeDate date,
WorkIn time,
WorkOut time,
RestIn time,
RestOut time
```

###Update部分
とりあえずInsertまでの部分に関しては共通の動きばかりなので、ここでは取り上げません。
```PHP
// データベースにアクセスしてデータのチェック
$tableCheck = TableCheckDb($Name, $TimeDate);
if($tableCheck === false) {
  // データが無いので、WorkIn~RestOutまでどれを押されてもInsert処理させる
} else {
  // データがあったので、その値もチェックしていく必要がある
  // 1.そもそも上記②の値のどれが送られたかで条件分岐がはじまる
  if($value === "WorkIn") {

  } elseif($value === "WorkOut") {

  } elseif($value === "RestIn") {

  } elseif($value === "RestOut") {

  }
```
```PHP
// 今回はこちらをテストとして記載していきます
if($value === "WorkIn") {
  // 選択されたのがWorkInだった時
  // データ自体は存在しているが、$tableCheck["WorkIn"]に値があるのかどうか？
  if($tableCheck["WorkIn"] !== "00:00:00") {
    // 既に入っている場合は今回では処理を終了とする
    return;
  } else {
    // データはあるが、WorkInにはまだ時刻が入っていない場合
    // データがあるので下記のような値がテーブルにあるとします
    /*
    * id 1
    * Name A
    * TimeDate '2017-02-07'
    * WorkIn '00:00:00'
    * WorkOut '00:00:00'
    * RestIn '00:00:00'
    * RestOut '00:00:00'
    */
    // 今回はUpdateなので、基本的な部分はテーブルからの値をそのまま使い、WorkInの部分だけ送信された時の時刻を入れることにします
       $this->id = $tableCheck["id"];
    $this->Name = $tableCheck["Name"];
    $this->WorkIn = $WorkIn // date('H:i')で取得した値
    $this->WorkOut = $tableCheck["WorkOut"];
    $this->RestIn = $tableCheck["RestIn"];
    $this->RestOut = $tableCheck["RestOut"];
    $this->_Update(// 値をセット);
}
```
Updateの部分自体は共通で良いと思うのですが、
今回の場合WorkInならWorkIn以外はテーブルのデータ、
WorkOutならWorkOut以外がテーブルのデータという事になろうかと思います。

それぞれを作ってもいいのですが、、、
function WorkIn_Upとかみたいに、、、
もし、すっきりこれで行けるかもという方法、又はそもそもこういうやり方自体が遠回りなやり方なんだとは思うのですが、、、アドバイス等いただければと思います。

今回は、これだけといえばこれだけですので、わざわざより書いた方が早いかもしれませんが、ここから項目の増化なりなんなりに応用できるかなと思ったので、、、

基本的には同じ処理だが、値の部分が微妙に違ってくる時　PHP

C++の場合

```cpp
struct SHARE_INFO_0 {
    LPWSTR shi0_netname;
};
struct SHARE_INFO_1 {
    LPWSTR shi1_netname;
    DWORD  shi1_type;
    LPWSTR shi1_remark;
};
struct SHARE_INFO_2 {
    LPWSTR shi1_netname;
    DWORD  shi1_type;
    LPWSTR shi1_remark;
    DWORD  shi2_permissions;
    DWORD  shi2_max_uses;
    DWORD  shi2_current_uses;
    LPWSTR shi2_path;
    LPWSTR shi2_passwd;
};
```

のような構造体群と値を

```cpp
template<typename ...Args>
struct first_enabled {};

template<typename T, typename ...Args>
struct first_enabled<std::enable_if<true, T>, Args...> { using type = T; };
template<typename T, typename ...Args>
struct first_enabled<std::enable_if<false, T>, Args...>: first_enabled<Args...> {};
template<typename T, typename ...Args>
struct first_enabled<T, Args...> { using type = T; };

template<typename ...Args>
using first_enabled_t = typename first_enabled<Args...>::type;

template<int InfoLevel>
using SHARE_INFO = first_enabled_t<
    std::enable_if<0 == InfoLevel, SHARE_INFO_0>,
    std::enable_if<1 == InfoLevel, SHARE_INFO_1>,
    std::enable_if<2 == InfoLevel, SHARE_INFO_2>
>;
```

のようにmappingして

```cpp
template<int infoLevel>
SHARE_INFO<infoLevel> f(){ return {};}
```

のようにコンパイル時に値=>型に変換できますが、

http://melpon.org/wandbox/permlink/qSNWfttreE9limQg

C#の場合こういうことはできないのでしょうか？

---

追記

状況としてはWin32APIをWrapしようとしています。
Win32APIの[NetShareEnum](https://msdn.microsoft.com/ja-jp/library/cc446966.aspx)関数は第二引数によって、第三引数から返されるものが変化し、
第二引数が0, 1, 2, 502の時、それぞれ``SHARE_INFO_0``,``SHARE_INFO_1``,``SHARE_INFO_2``,``SHARE_INFO_502``の4つの構造体のいずれかを指すポインタを返します。

とりあえず第二引数に2を指定するものをラップしたのが

https://bitbucket.org/yumetodo/netshareenum/src/d2f19f705267259cf3b899cf0bbcbacd9fe71e05/NetShareEnum/Program.cs?at=master&fileviewer=file-view-default

です。

```csharp
public static List<SHARE_INFO_2> NetShareEnum_2_wrap(string serverName) {
	var re = new List <SHARE_INFO_2> { };
	Int32 er = 0;
	Int32 tr = 0;
	Int32 resume = 0;
	int res;
	do
	{
		res = NetShareEnum(serverName, 2, out var bufPtr, -1, ref er, ref tr, ref resume);
		if (res != (int)NET_API_STATUS.NERR_Success && res != (int)NET_API_STATUS.ERROR_MORE_DATA) break;
		var infoP = bufPtr;
		for (int i = 0; i < er; ++i)
		{
			re.Add(Marshal.PtrToStructure<SHARE_INFO_2>(infoP));
			infoP = IntPtr.Add(infoP, Marshal.SizeOf<SHARE_INFO_2>());
		}
		NetApiBufferFree(bufPtr);
	} while (res == (int)NET_API_STATUS.ERROR_MORE_DATA);
	return re;
}
```

これを一般化するために

まずはdynamicを使うことを考えましたが、できれば静的にやりたいなと思い却下し

空のinterfaceクラスをでっち上げて``SHARE_INFO_x``クラスに指定し、Genericsの制約に使用することも考えましたが、[空のinterfaceクラスは良くない](https://msdn.microsoft.com/ja-jp/library/ms182128.aspx)という記事が見つかり、またマーシャリングと組み合わせられるのかわからず断念し、

そこで上述のような静的型mapみたいなことを思いついたわけですが、C#のGenericsだと値は
渡せなかったのを思い出し、諦め、

型のmappingみたいなことをコンパイル時にやることは可能か質問したのですが、無理そうですね・・・。
一般的な実装について聞くには情報不足でした。

iwamoto_takaakiさんの提案していただいた方法はかなりトリッキーとのことですが・・・、私は好きだけどいいんだろうか、こんな設計・・・。

C#で値=>型のmappingみたいなことをコンパイル時にやることは可能か？

###前提・実現したいこと

以下のコードでサーバーのGPUの状態をsshコマンドを用いて
得ようとしているのですが、arrayの中身がundefiedであるというエラーがでてうまくいきません。
問題点は、まだarrayの中に情報が入っていないのにもかかわらず、
sliceをしてしまっていることです。
解決法として、arrayの中にきちんと要素が入ってから
slice処理を行うということをしたいのですが、
どのようにすれば良いのかわかりません。

よろしくお願いします。
###発生している問題・エラーメッセージ

```
Uncaught TypeError: Cannot read property 'slice' of undefined
```

###該当のソースコード
```ここに言語を入力
function query_gpu(gpu_name, array){
        var SSH = require('simple-ssh');
        var ssh = new SSH({
            host: gpu_name,
            user: 'name',
            pass: 'pass'
        });

        ssh.exec('nvidia-smi --query-gpu=utilization.gpu --format=csv', {
            out: function(stdout) {
                array.push(stdout)
                console.log(stdout)
            }
        }).start()

    }




    var a = [];
    

    query_gpu('tai', a);
    array[1] = Number(array[1].slice(0,2));
    array[2] = Number(array[2].slice(0,2));

```

###試したこと
// Mixing jQuery and Node.js code in the same file? Yes please!

$(function(){

    function query_gpu(gpu_name, array, callback) {
  var SSH = require('simple-ssh');
  var ssh = new SSH({
    host: gpu_name,
    user: 'name',
    pass: 'pass'
  });

  ssh.exec('nvidia-smi --query-gpu=utilization.gpu --format=csv', {
    out: function(stdout) {
      array.push(stdout)
      debugger;
      console.log(stdout)
      callback();
    }
  }).start()
}

var a = [];
query_gpu('tai', a, function() {
  // ここに取得したデータについての処理を全て書く
  a[1] = Number(a[1].slice(0, 2));
  a[2] = Number(a[2].slice(0, 2));
});


    });
を走らせてみて途中のstdoutの結果を見ました。
'''
utilization.gpu [%]
0 %
99 %
'''
と複数行で３つの値が来ることを期待していたのですが、実際は初めのutilization.gpu [%]だけでした。

###補足情報(言語/FW/ツール等のバージョンなど)
nodeのsimple-ssh

javascriptのwaitに関する質問です。

phpで記号が入らない形式で暗号化する方法ってありますでしょうか。
base64でエンコード、デコードしようと思ったんですが/+=が入ってしまうので別の方法を考えています。
可逆性で数字英数字だけはセキュリティ的に弱いでしょうか

php encodeについて

**注意:内容に迷惑行為を行うサイトを含んでいます！**
**基本的に興味本位の質問です。ちゃんと知識のある人以外、読まないで下さい。**

teratail の回答の中のサイトを訪問したところ、有名な「深刻なセキュリティエラー」を警告するサイトに辿り着きました。

![深刻なセキュリティエラー](8888d0e81c1b12522288b79dd40d8d45.jpeg)

そこで、識者の方に質問です。

**ご自身の安全性を確保できる方以外、絶対に訪問しないで下さい**

入り口は、こちらのサイトでした。
http://www.materialdoc.com/

初回訪問以降、飛ばされることは無いのですが、再訪問以降もlog として、以下が吐き出されています。

```log
Navigated to http://www.materialdoc.com/
728x90_responsive_atf.js:19A Parser-blocking, cross-origin script, http://publisher.eboundservices.com/keywords/report.js?ver=0.7, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ 728x90_responsive_atf.js:19
728x90_responsive_atf.js:19A Parser-blocking, cross-origin script, http://publisher.eboundservices.com/keywords/report.js?ver=0.7, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ 728x90_responsive_atf.js:19
728x90_responsive_atf.js:20A Parser-blocking, cross-origin script, http://www.eboundservices.com/ads/extra.js?ver=0.1, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ 728x90_responsive_atf.js:20
extra.js?ver=0.1:1A Parser-blocking, cross-origin script, http://eboundservices.com/ads/country.php?ver=1.0, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ extra.js?ver=0.1:1
extra.js?ver=0.1:1A Parser-blocking, cross-origin script, http://eboundservices.com/ads/country.php?ver=1.0, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ extra.js?ver=0.1:1
extra.js?ver=0.1:2A Parser-blocking, cross-origin script, http://eboundservices.com/ads/countryus.php?ver=3.0, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ extra.js?ver=0.1:2
728x90_responsive_atf.js:19 A Parser-blocking, cross-origin script, http://publisher.eboundservices.com/keywords/report.js?ver=0.7, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ 728x90_responsive_atf.js:19
728x90_responsive_atf.js:19 A Parser-blocking, cross-origin script, http://publisher.eboundservices.com/keywords/report.js?ver=0.7, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ 728x90_responsive_atf.js:19
728x90_responsive_atf.js:20 A Parser-blocking, cross-origin script, http://www.eboundservices.com/ads/extra.js?ver=0.1, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ 728x90_responsive_atf.js:20
extra.js?ver=0.1:1 A Parser-blocking, cross-origin script, http://eboundservices.com/ads/country.php?ver=1.0, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ extra.js?ver=0.1:1
extra.js?ver=0.1:1 A Parser-blocking, cross-origin script, http://eboundservices.com/ads/country.php?ver=1.0, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ extra.js?ver=0.1:1
extra.js?ver=0.1:2 A Parser-blocking, cross-origin script, http://eboundservices.com/ads/countryus.php?ver=3.0, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ extra.js?ver=0.1:2
run_prettify.js?lang=java&autoload=true:34 GET https://cdn.rawgit.com/google/code-prettify/master/loader/lang-java.js 
(anonymous) @ run_prettify.js?lang=java&autoload=true:34
(anonymous) @ run_prettify.js?lang=java&autoload=true:34
(anonymous) @ run_prettify.js?lang=java&autoload=true:63
(anonymous) @ run_prettify.js?lang=java&autoload=true:63
report.js?ver=0.7:23 {"allow":true}
report.js?ver=0.7:27 Object {allow: true}
report.js?ver=0.7:23 {"allow":true}
report.js?ver=0.7:27 Object {allow: true}
```

また、初回訪問時の同時刻帯の履歴を確認したところ、以下が確認できました。
```
LINK1
http://c.codeonclick.com/script/wait.php?stamat=j%7CB7Z3P6Nhe3tnG6J1eCJjM-oheCtnQ6p1eaonP75x.695%2CocPoqvdNub23mVhppBkQWmGK-xYFyxJB3THsqBtCY2Zp9oO3faMQEPI_zEbaIrtgXuBfcZyROSuQEWiuMSu3SrVUwKAacfF5Dsznbfm8EXFMORT4r6qnmUcTsJRHosJqLsH2MjZwL1iA8FBJEqgaPRx8912sdnXLsinAMrklIgPeC9hfmTp5behnU3npu2UgV-ZqMVci-4MQ_Y6zfxarcOuBpSSjjMuSw8LojgF5KhqEZwO3H7lB13lVsy_NQGfJhibbZ9uk4kN0jAYerdRpYySZKSu0SvuJtJFDk1HtiMw%2C&ttc=y9vrr9yc

LINK2
http://pwwysydh.com/click?i=115&h=Ax722bagzrnp41wtlLr5fx_lLnbwmgfQ3i3c4mSD2g7SeXo0jl6RTGbf1r-0D9d_kcbHTLqqNxRbWhBCDXgOL46sDNrilkGroKviO87Y57Ux6p-JKi3oC1QSQnPZjOCxGkzduDF9Y5JHZkxxcevxZwyWLbr9f8EFtuIT_72x_bCdyuxS356y6hhjZjkmzQ7waPT6Eo8t_G0jloSpsguk1kHgyfbekLa_rG6MdEMjZbYlynN-khtgmSLrmOy-47XFvaNXIXbBJ9VuudZFWsPePnuqGpv6EyPYdjlgq0xuZzdbuGfj4BdbuB1AlSa4_E4DQjhPs6xYO8JwJ6xdMMqeS3hBRRU0txuGjzLpwsr0du6vnoDqisVgfPWs_as14Q_aexTVhBlINZwy63HmdsUH2ZVZ2bqZbfP_iPK-daWmJ9EUYTdZfmFntKWs_k-u62aT_y6_nxIF371pgJ78JnCE_YXMHibZLl5TcScVV6sfkZn2Ki-U1_1rcuDqES-ukl2R972H3Uh0TmLkbhvZ9VjikrnPMj7weY0r_vYjTVx1YaHcMUUNtfPkmzGNKctqIRDmDDrWv690RG1XQGG9oery12MCqwGLiCrBZGXcY7fpYCa-KsSMZGjgRDPsJ-KXSWbwdj0nm7tW1L3Gash4zd9o4ZgqqDIklzcE

LINK3
http://techexpertmountainva.com/index5.html?&c1=%28run+of+network%29&c2=1374309.adexchangeprediction.com
```
一番最後が、「深刻なセキュリティエラー」のページのドメインです。

最終ページは、JavaScript で alert を出し、iframe で php サイトを呼び出していました。
php でできることは限定的だと思うので、実質被害は無いと思われますが、途中辿った履歴のサイトが何をやっているか分かりません。
最初に訪問したトリガーとなったサイトも、かなりおかしな挙動に思えます。

なにか、実害のある可能性はあるでしょうか？

# 追記
今回の発端となった回答に関して、何も切り分けできていないですが、運営に連絡を入れておきました。

# 追記2
ご報告が遅くなりましたが、teratail 内の該当する回答、回答者のご協力により、無害なものと差し替えていただけました。
（突然の横やりもかかわらず、大変誠実な対応をいただきました。ありがたいことです。）

すでに、脅威はほとんど無くなりましたので、後は完全に興味本位です。**ちゃんと自身の環境を守れる方のみお付き合いください**

# 追記3
win7/Chrome（56.0.2924.87） の環境で、LINK1 と LINK3 に関しては確認が取れました。
LINK1 では数回のドメイン内で内部転送と新しい window を作成して広告サイトへ飛ばす挙動が確認できました。
多分、ここで「深刻なセキュリティエラー」の元となる LINK2 に飛んだんだと思います。

LINK3 はドメイン内で内部転送を行っているだけでした。
 
LINK2 の影響のみ確認できません。ご協力いただけると幸いです。

# 追記4
LINK1 の転送内で、Google analytics を使っていました。
こういったグレーなサイトでも普通に Google analytics とか使ってるんですね。。。少し驚きました。

# 追記5
`http://eboundservices.com/ads/country.php?ver=1.0`
の先に、難読化されているスクリプトがありました。

# 追記6
ココらへんでお手上げです。。。
`http:\/\/extra.eboundservices.com\/a\/display.php?r=1374309&treqn=868284055&runauction=1&crr=02de246776de747dfeb3,MathGRwcCb181c415c5449672c08d0`
難読化された JavaScript です。
多分おかしなものだと思います。ブラウザでは絶対に開かないで下さい。ちなみに、わざとです。

(興味本位)(危険)セキュリティリスクを教えてください！

趣味でプログラミングをやっています。

ソフトを GUI で作成するとします。

その場合、外観を整える必要がありますね。

すぐにできる場合は そのまま着手すればいいですが、

手元にコンパイラがない場合や、(内部処理で必要な)情報を取得してからやる場合

などがありますよね。

その場合に 頭の中にあるイメージ ( ソフトの外観について ) をどうやって記録しますか?

できれば PC でできる範囲がいいのですが。

たとえばですが、 Excel の VBE で フォームモジュール を使って 大体のイメージを組んで、

画像キャプチャソフト ( フリーソフト ) 等で 画像として保存。

みたいな感じです。


ウィンドウが一個だけで、画像一枚で済む範囲ならいいですが、

たとえば

「この Button1 をクリックしたら UserForm2 を呼び出して...」という感じで、

別のウィンドウ ( ユーザフォーム ) を呼び出したり、行う処理を指定する場合

です。

この場合はどうやって記録しますか?

ウィンドウの外観の記録なので、言語は問いません。

ソフトを使う場合は、ソフト名か、そのURL, またはキーワードでいいので 宜しくお願い致します。

( キーワードさえわかれば自分で調べることができるのですが... )



例1:

「私なら Excel の フォームモジュール で 必要なウィンドウの外観をすべてやって、それを画像として保存。
その画像を Excel で読み込んで貼り付け。矢印を使って関係性を記述して、これを 画像として保存。」

例2:

「そういう場合なら ○○というソフトが使えますよ。このソフトはウィンドウの外観表示と関係性を明示できます。
キーワードは "●●●" で調べると似たようなソフトが見つかるはず。」


宜しくお願い致します。

ソフトの外観の定義を保存する方法

DB内にあるサイト情報のリンクのチェックを行いたく、質問しています。
リンク切れチェックにはいくつかやり方があると思いますが、最適な方法が判断できません。

ざっと思いつくのは
0. ヘッダーに404が返ってくるものをリンク切れと判断する
0. ヘッダーに200が返ってくるものをリンクが存在していると判断する
0. コンテンツを入手して、title等があるかチェックする

等ですが、問題点もそれぞれ多そうです。。。

需要もありそうなので検索してみたのですが、「最適」と言えそうな解に辿りつけませんでした。

一般的にはどのようなやり方で実現するのでしょうか？

可能であれば考慮点も合わせてご教示いただけると幸いです。

想定している利用環境は
・php 5.6
・フレームワーク codeigniter 3.0
です。

よろしくお願いします。

phpによるリンク切れチェック手法の最適解は？

serialize.js
```JavaScript
class Hoge {
  constructor(name) {
    this.name = name
  }
  
  talk() {
    console.log('私の名前は' + this.name + 'です。' )
  }
}

var obj = new Hoge('山田');
var serialize_obj = serialize(obj);
RedisやらCookieやらに値ぶっこむ処理(serialize_obj);
```


deserialize.js

```JavaScript


var serialize_obj = RedisやらCookieやらから値取り出す処理();
deserialize_obj = deserialize(serialize_obj);

deserialize_obj.talk();

//私の名前は山田です。
```

イメージ的にはこんな感じのことをやろうと思っています。

JavaやPHPではよくこんな実装をするのですが、
JavaScriptでこれを行う方法ってないんでしょうか？

それっぽい関数は結構あったんですがどれも型情報やメソッドまでは
保持されず、デシリアイズしたオブジェクトから直接メソッドを呼び出すということができませんでした。

多少強引でもこれを実装する方法ってないでしょうか・・・？

JavaScript(ES6)のクラスから生成したオブジェクトをシリアライズ化する方法

お世話になります。

趣味でweb制作をしているのですが、
サイトに訪れた瞬間にメッセージや動き（アニメーション）があり、
すごくかっこいいなと思い、自分でも制作できないかと模索しておりました。

具体的には、下記サイトのようなエフェクトを追加し、
時間差でロードがされたり、パーツが動くようにしてみたいと思っています。

[https://sonikpass.com/](https://sonikpass.com/)
[https://recruit.abematv.co.jp/](https://recruit.abematv.co.jp/)


質問者である私のレベルは、下記サイトを一人で自作できるくらいです。
（仕事の合間に勉強をはじめて半年くらいと言ったところでしょうか・・）

一通り、jQueryの使い方などは把握しております。

[http://kakehashi-tech.com](http://kakehashi-tech.com)

みなさま恐れ入りますが、宜しくお願いします。