常連

注目の的

社会貢献

質問力

djangoのformとmodelformの使い分けが分かりません。
formは単にユーザーに値を入力させたいときに用い、modelformはそれをmodelのオブジェクトとしてデータベースに格納する際に用いるのでしょうか？
初心者にもわかりやすく教えていただきたいです。

djangoのformとmodelformの違いを教えてほしい

現在Pythonの学習を行っています。
その中でunittestの学習を行っています。
基本的なunittestの使い方は理解できましたが、ファイルを扱うテストなどは非常に難しかったです。おそらくさらに複雑なコードをテストするとなるとかなり知識と理解が必要なのではないかと思いました。

そこで質問なのですが、実務においてこのunittestというのはよく使われるものなのでしょうか？
一学習者の観点からするとあまり使いどころが理解できませんでした。
「unittestを使って検査するなら、テスト環境で色んなパターンを試してエラーに対応した方が速いのではないか」と思ってしまったからです。（もちろん上級者にとってはunittestもそんなに難しいことではないのかもしれませんが）

実務で活躍している方などご回答いただけると幸いです。

実務でのunittestについて

### 問題点

お問い合わせやフォルダー作成時などでフォームの作成をしており、初めはサーバーサイドでバリデーションを行っていましたがどうしても遅いと感じてしまいます。

最近はHTML５などにバリデーションが備えてあったり([クライアントサイドでしっかり Validation する方法](http://phiary.me/client-side-validation/))、またjsなどでも出来たりとどちらが良いのか分かりません。

### 実現したいこと

１．フロントサイドかサーバーサイドかどちらでバリデーションを行うべきか。

２．フロントでやるべきなら、サーバーサイドのバリデーションは不必要なのか。

現在laravelでフォームの作成をしてますが、laravelにはバリデーションの機能が豊富で魅力ですが、サーバーサイドだからなのか動作が遅いと感じてしまいます。

この２点について回答をお願いします。よろしくお願いします。

バリデーションはフロントかサーバーサイドか。

### 前提・実現したいこと

djangoで一つのコミュニティのなかのユーザ（例.職場の営業部）がどんどん情報を登録していくようなウェブサービスを作っています。
（ユーザ数を増やしたくなかったので、ユーザIDは一つだけでID＝eigo）
記入項目は下の感じです。

名前
趣味
誕生日

djangoではDBにsqliteを使っていてそれをherokuにアップしたところうまく動作しました。
herokuではpostgsqlだけ使えるそうですが、いま現在使っていないのにうまく動作しています。
これはどのようなことがおこっているのでしょうか？



複数の人が一気に情報を登録しようとすると、サーバに置かれたdb.sqlite3が読み込めたり書き込めなくなったりするのでしょうか？（わたしのイメージではプログラムで「"name.txt"開いて名前を書き込んで」っていう動作をさせようとするときにすでにその
"name.txt"を開いてい、["permission deny"]となるようなことが起こるのかなと思っています。」）

1.herokuのDB（postgresql)を使ってないのになぜうまく動いているのか？
2.この場合どのような弊害が起こるのか？
ということです
よろしくお願いします。

herokuのデータベースを使わない場合はどのような弊害が起こるのか

2019/2/8更新
一度「解決済み」にしましたが、後から再度試してみたところ、再現ができなかったので、未解決扱いとしてご確認をお願いいたします。


こんにちは。
現在、SeleniumとChromeDriverを利用してChromeを動かしてスクレイピングを行っております。
今回、SeleniumWebDriverに**user-data-dir**と**headless**との設定を両立させることができなくて困っています。

##経緯
これまで、Seleniumの初期設定コードを
```ruby
caps = Selenium::WebDriver::Remote::Capabilities.chrome(chromeOptions: {args: ["--user-data-dir=./profile"]})
@d = Selenium::WebDriver.for :chrome, desired_capabilities: caps
```
とし、問題なくSeleniumが起動しておりました。user-data-dirを設定することで、Cookie値などの情報を残しています。

今回、Seleniumなどのアップデートがあったこと、headlessモードを組み込みたいと思い、
- 最新のSeleniumに対応したコードの記述への変更(参考：https://ppworks.github.io/posts/324/)
- headlessモード実装の記述
を以下のように追加しました。


```ruby
caps = Selenium::WebDriver::Remote::Capabilities.chrome(
  options: Selenium::WebDriver::Chrome::Options.new(
    args: ["--headless", "--user-data-dir=./profile"]
  )
)

@d = Selenium::WebDriver.for :chrome, desired_capabilities: caps
```

しかし、このプログラムでは毎回Timeoutエラーとなってしまいます。

## エラーコード
```
[0822/111304.239:ERROR:gpu_process_transport_factory.cc(1016)] Lost UI shared context.

DevTools listening on ws://127.0.0.1:53760/devtools/browser/d3a80661-b207-45b7-9e12-cb0a5601914d
C:/Ruby23/lib/ruby/2.3.0/net/protocol.rb:158:in `rbuf_fill': Net::ReadTimeout (Net::ReadTimeout)
        from C:/Ruby23/lib/ruby/2.3.0/net/protocol.rb:136:in `readuntil'
        from C:/Ruby23/lib/ruby/2.3.0/net/protocol.rb:146:in `readline'
        from C:/Ruby23/lib/ruby/2.3.0/net/http/response.rb:40:in `read_status_line'
        from C:/Ruby23/lib/ruby/2.3.0/net/http/response.rb:29:in `read_new'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1437:in `block in transport_request'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1434:in `catch'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1434:in `transport_request'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1407:in `request'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1400:in `block in request'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:853:in `start'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1398:in `request'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/remote/http/default.rb:121:in `response_for'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/remote/http/default.rb:76:in `request'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/remote/http/common.rb:62:in `call'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/remote/bridge.rb:164:in `execute'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/remote/bridge.rb:97:in `create_session'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/remote/bridge.rb:53:in `handshake'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/chrome/driver.rb:48:in `initialize'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/common/driver.rb:44:in `new'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver/common/driver.rb:44:in `for'
        from C:/Ruby23/lib/ruby/gems/2.3.0/gems/selenium-webdriver-3.14.0/lib/selenium/webdriver.rb:86:in `for'
        from like_follow_comment.rb:221:in `<main>'
```

## これまで試したこと

これらのことが起こったため、これまでに以下の対応策を試しましたが全部ダメでした。

######以前のコード様式に書き足してみた
```ruby
caps = Selenium::WebDriver::Remote::Capabilities.chrome(chromeOptions: {args: ["--headless", "--user-data-dir=./profile"]})
@d = Selenium::WebDriver.for :chrome, desired_capabilities: caps
```
結果…Timeoutエラー

######以前のコード様式でheadlessのみ書いてみた
```ruby
caps = Selenium::WebDriver::Remote::Capabilities.chrome(chromeOptions: {args: ["--headless"]})
@d = Selenium::WebDriver.for :chrome, desired_capabilities: caps
```
結果…headlessがちゃんと動いた！(でも、当然user-data-dirは機能しないです)

######新しいコード様式でheadlessのみ書いてみた
```ruby
caps = Selenium::WebDriver::Remote::Capabilities.chrome(
  options: Selenium::WebDriver::Chrome::Options.new(
    args: ["--headless"]
  )
)
```
結果…普通にChromeが立ち上がってしまう

######設定値にdisable-gpuを組み込んだ
```ruby
--disable-gpu
```
変化なし(というか、今のバージョンではいらないらしいですね！)

######Capabilitiesとかのコードを省いた
```ruby
options = Selenium::WebDriver::Chrome::Options.new
options.add_argument("--headless")
options.add_argument("--user-data-dir=./profile")
@d = Selenium::WebDriver.for :chrome, options: options
```
Timeoutエラー
※ちなみに、なぜかMac環境では動いた…がdriver.find_elementsなどのコードでXPATHを特定することができなくなってた

######この形式を試してみたその1
```ruby
caps = Selenium::WebDriver::Remote::Capabilities.chrome("chromeOptions" => {args: ["--headless","--user-data-dir=./profile"]})
```
結果…エラー
```
C:/Ruby23/lib/ruby/2.3.0/net/protocol.rb:158:in `rbuf_fill': Net::ReadTimeout (Net::ReadTimeout)
        from C:/Ruby23/lib/ruby/2.3.0/net/protocol.rb:136:in `readuntil'
        from C:/Ruby23/lib/ruby/2.3.0/net/protocol.rb:146:in `readline'
        from C:/Ruby23/lib/ruby/2.3.0/net/http/response.rb:40:in `read_status_line'
        from C:/Ruby23/lib/ruby/2.3.0/net/http/response.rb:29:in `read_new'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1437:in `block in transport_request'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1434:in `catch'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1434:in `transport_request'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1407:in `request'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1400:in `block in request'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:853:in `start'
        from C:/Ruby23/lib/ruby/2.3.0/net/http.rb:1398:in `request'
```

######この形式を試してみたその2
```ruby
caps = Selenium::WebDriver::Remote::Capabilities.chrome("chromeOptions" => {args: ["--headless"]})
```
結果…headlessのみ、user-data-dirの設定であれば問題なく動いた！


## 開発環境
Windows…Windows Server 2016 Datacenter バージョン1607

Ruby… 2.3.3p222

ChromeDriver… 2.41.578737
ダウンロードしたexeファイルをCドライブ>Ruby23>binに格納
Selenium-WebDriver… 3.14.0
…gem install selenium-webdriverで導入

すべてパスなども問題なく通っています


**このような状況でございます。解決策がわからない状況なので、ご教授のほどよろしくお願いいたします。。。設定コード以下についてはおそらく今回のエラーに関係ないと思われることと、企業秘密であるため公開しておりません。**


9/21追記
結局、Windows(AWS EC2)ではheadlessは機能せず、Mac上では機能する…ということがわかり、ベトナムのエンジニアさんにも確認をしてみましたが解決せず現状は今も変わっておりません。仕方がないので、実現しようと思っていたことを違う方法で試してみたいと思いますが、もし、解決方法をご存知の方がいらっしゃいましたらご教授いただければ幸いです。

【未解決】user-data-dirを設定しているSelenium WebDriverでChromeのheadlessモードが利用できない

お世話になります。

皆様の回答、いつも参考になり大変助かっております。

JS勉強のために現在、色々なサイトのJSのcodeを見たりして勉強しております

今回勉強のために下記のサイトを見ていたのですが
ttps://www.sugashichiya.com/satei/platinum/
（httpsのhを抜いています）
計算ボタンを押したときに動くJSはどれになるのでしょうか？？

いつも私が探すときはChromeのDeveloperTOOLSでクリックするボタンの要素などがあればその要素の
〇〇buttonなどを探して見ているのですが

探し方が甘いのかも知れないですが見つけることが出来なかったです

そこで、もしかしたら自分の探し方は実は非効率的で
こんなツールを使えばすぐに分かるとか、その探し方じゃダメなど先輩方のお知恵を
お借りできればと思い投稿させていただきました。

話をマトメますと動作しているJSを調べる方法を知りたいのですが
私のやり方が間違っている若しくはモットいいやり方があるなどありましたら教えていただけると幸いです。

環境はWindows１０を使用しております

Javascriptの調査方法

###質問概要
JavaScriptで要素選択する際に条件で除外・絞込する方法がわかりません。
ネイティブで書き方を教えてほしい。

JQueryの書き方が楽だったので初歩的な操作・情報の読み書きができるようになったレベルです。
脱JQueryといいますか、本来のネイティブなJavaScript/ECMAScriptでの書き方も知っておこう、
使ってみよう、書きなおしてみようと取り掛かっているのですがいきなり問題・壁にぶち当たりました。
小一時間検索して読んでいますがピンポイントで解決できる解説に巡り会えませんでした。

本題の質問なのですが以下のようなCSSセレクタを利用した選択方法の書き換え書き直しができず困っています。

```JavaScript
$('親').find('a[href*="foo"], a[href*="bar"]').not('a[href*="baz"]').each(function(){});
```

日本語で書くと、親から見た子要素の中からアンカータグの参照先属性(href)にfooまたはbarが部分一致するが、
そのうち参照先(href)にbazが部分一致したものは除外。絞り込まれたアンカータグのみそれぞれ関数に投入し処理、
といったことがしたいのです。

CSS由来の選択方法なのでquerySelectorAllを使うのかなと思っていますが、それ以上はお手上げでした。
JQueryでは短く簡潔に書けますが、本来のネイティブな書き方ではおそらく長い記述量になると思います。
答えを聞くという厚かましい質問になりますがどうかお助けお願いします。

JavaScriptで要素選択する際に条件で除外・絞込する方法がわかりません

Linuxサーバ上で、常駐していたアプリケーションが、
突如、プロセスは生きているのですが、ログ書き込みなどの処理を全く行わなくなると
いう事象が発生しました。

service stopで停止しようとしても、プロセスが停止せず、kill -9で強制停止しないと、
プロセスが停止できませんでした。



上記のように、アプリケーションがハングアップしてしまう原因はどういったものが、考えられるでしょうか。

アプリケーションがハングアップする原因について

virtualboxにcentos6をインストールし、apacheでwebサーバを立てたのですが、
このwebサーバにほかのPC等からhttpでアクセスできるでしょうか？

できるとしたら、どのようにすればよいのでしょうか？

virtualboxに立てたwebサーバに外部からhttpアクセスする方法

ご意見ありがとうございました。
次に進もうと思います。

以下、質問です。
タイトルの通り、「気付けばプロ並PHP」という書籍をおわらせました。次はセキュリティに関して覚えた方がいいと言われたこともあり、「体系的に学ぶ、安全なWebアプリケーションの作り方」（以下徳丸本）も買ってきて少し読みました。
ですが、「気付けばプロ並」のほうはパスワードハッシュなどが現在推奨されないものである事などを指摘されたので、「現行の、セキュリティ面などにおいても適切な」コーディングを知りたいと思いました。
その上で、徳丸本を終わらせたらいわゆる「即戦力
」として仕事ができるのでしょうか？
（仕事になるレベルでの知識が得られるサイトも教えていただけたら嬉しいです)
先ほどはスマホからの投稿なので後から追記しました。
pro_list.php
```
<?php

session_start();
session_regenerate_id(true);
if(isset($_SESSION['login'])==false)
{
print 'ログインされていません<br />';
print '<a href="../staff_login/staff_login.html">ログイン画面へ</a>';
exit();
}
else
{
print $_SESSION['staff_name'];
print 'さんログイン中<br />';
print '<br />';
}?>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ろくまる農園</title>
</head>
<body>

<?php

try{
$dsn = 'mysql:dbname=shop;host=localhost;charset=utf8';
$user = 'root';
$password= '';
$dbh = new PDO($dsn,$user,$password);
$dbh -> setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);

$sql = 'SELECT code, name,price FROM mst_product WHERE 1';
$stmt = $dbh->prepare($sql);
$stmt->execute();

$dbh = null;

print '商品一覧<br /><br />';

print '<form method="post" action="pro_branch.php">';
while(true){
  $rec = $stmt -> fetch(PDO::FETCH_ASSOC);
  if($rec==false){
    break;
  }
  print'<input type="radio" name="procode" value="'.$rec['code'].'">';
  print $rec['name'].'---';
  print $rec['price'].'円';
  print'<br />';
}
print '<input type="submit" name="disp" value="参照">';
print '<input type="submit" name="add" value="追加">';
print '<input type="submit" name="edit" value="修正">';
print '<input type="submit" name="delete" value="削除">';

print '</form>';
}


catch(Exception $e){
  print 'ただいま障害発生中です。ご迷惑おかけします。';
  exit();
}

?>

<br />
<a href="../staff_login/staff_top.php">トップメニューへ</a><br />
</body>
</html>
```
staff_branch.php
```
<?php

session_start();
session_regenerate_id(true);
if(isset($_SESSION['login'])==false)
{
print 'ログインされていません<br />';
print '<a href="../staff_login/staff_login.html">ログイン画面へ</a>';
exit();
}
else
{
print $_SESSION['staff_name'];
print 'さんログイン中<br />';
print '<br />';
}?>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ろくまる農園</title>
</head>
<body>

<?php

try{
$dsn = 'mysql:dbname=shop;host=localhost;charset=utf8';
$user = 'root';
$password= '';
$dbh = new PDO($dsn,$user,$password);
$dbh -> setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);

$sql = 'SELECT code, name,price FROM mst_product WHERE 1';
$stmt = $dbh->prepare($sql);
$stmt->execute();

$dbh = null;

print '商品一覧<br /><br />';

print '<form method="post" action="pro_branch.php">';
while(true){
  $rec = $stmt -> fetch(PDO::FETCH_ASSOC);
  if($rec==false){
    break;
  }
  print'<input type="radio" name="procode" value="'.$rec['code'].'">';
  print $rec['name'].'---';
  print $rec['price'].'円';
  print'<br />';
}
print '<input type="submit" name="disp" value="参照">';
print '<input type="submit" name="add" value="追加">';
print '<input type="submit" name="edit" value="修正">';
print '<input type="submit" name="delete" value="削除">';

print '</form>';
}


catch(Exception $e){
  print 'ただいま障害発生中です。ご迷惑おかけします。';
  exit();
}

?>

<br />
<a href="../staff_login/staff_top.php">トップメニューへ</a><br />
</body>
</html>

```
pro_add_check.php
```
<?php

session_start();
session_regenerate_id(true);
if(isset($_SESSION['login'])==false)
{
print 'ログインされていません<br />';
print '<a href="../staff_login/staff_login.html">ログイン画面へ</a>';
exit();
}
else
{
print $_SESSION['staff_name'];
print 'さんログイン中<br />';
print '<br />';
}?>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ろくまる農園</title>
</head>
<body>

<?php

//if (isset($_POST["name"]) &&
//     isset($_POST["pass"]) &&
//     isset($_POST["pass2"])
// ) {
require_once('../common/common.php');

$post=sanitize($_POST);
    $pro_name = $post["name"];
    $pro_price = $post["price"];
    $pro_gazou = $_FILES["gazou"];



// }
if($pro_name == '' ){
print '商品名が入力されていません<br />';
}
else
{
print '商品名：';
print $pro_name;
print '<br />';
}

if(preg_match('/^[0-9]+$/',$pro_price)==0)
{
print '価格をきちんと入力してください<br />';
}
else
{
  print '価格：';
  print $pro_price;
  print '円<br />';
}

if($pro_gazou['size'] > 0)
{
  if($pro_gazou['size'] > 1000000)
  {
  print '画像が大きすぎます';
}

else
{
    move_uploaded_file($pro_gazou['tmp_name'],'./gazou/'.$pro_gazou['name']);
    print '<img src="./gazou/'.$pro_gazou['name'].'">';
    print '<br />';
}
}




if($pro_name=='' || preg_match('/^[0-9]+$/',$pro_price)==0 ||$pro_gazou['size']>1000000)
{
print '<form>';
print '<input type="button" onclick="history.back()" value="戻る">';
print '</form>';
}

else
{
      print '上記の商品を追加します';
      print '<form method="post" action="pro_add_done.php">';
      print '<input type="hidden" name="name" value="'.$pro_name.'">';
      print '<input type="hidden" name="price" value="'.$pro_price.'">';
      print '<input type="hidden" name="gazou_name" value="'.$pro_gazou['name'].'">';
      print '<br />';
      print '<input type="button" onclick="history.back()" value="戻る">';
      print  '<input type="submit" value="OK">';
      print '</form>';

}



?>

</body>
</html>

```
見直してすぐに疑問だったところ二つのファイルを挙げさせてもらいます。
➀SQLやパスワードのやり取りをする上でこれで安全なのか知りたいです。
➁他のファイルなのですが、使用者側のログイン・会員登録・削除と管理側のページが行き来できる事に危険性はないのか
➂preg_match で、半角英・数字を扱う文の書き方を教えていただきたいです。

気付けばプロ並PHP終了

画像をbase64にエンコードしてデータベースに保存するまでは恐らくできたと思うのですがそれを呼び出す際の処理がよくわかりません。

base64は64種類の文字列に置き換えて画像はサイトに埋め込むという理解でよろしいでしょうか。

そう仮定して以下のことをお聞きしたいです。

①base64に置き換えた時に中身をechoするとdata:image/png;base64,udjfajdみたい文字列になっていますがこれも大丈夫でしょうか。

②base64に置き換えた文字列から画像を呼び出す際の処理は一旦別ページにheader("Content-Type: image/jpeg");で画像を出力してからecho "<img src=\"....\">で引っ張てくる方法でしょうか。

試してみたのですがうまくいかず、単純な見落としで表示できていないかのか、重要な記述が抜けたり、間違ったりしているのかがわからない状態です。

よろしくお願いします。

```

【投稿.php】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			function changeBase64(imageFile) {
				if (!imageFile.files.length) return;

				var file = imageFile.files[0];
				var fr = new FileReader();

				fr.onload = function(evt) {
					document.getElementById("image").src = evt.target.result;
					document.getElementById("imagedata").value = evt.target.result;
				}

				fr.readAsDataURL(file);
			}
	    </script>
	</head>
    <body>
		<form method="POST" action="xxx.php">
			<img id="image" src="" alt="画像">
			<input type="hidden" name="imagedata" id="imagedata">
			<input type="file" accept="image/jpg,image/gif,image/png" onchange="changeBase64(this)">
			<input type="submit" value="確定">
		</form>
    </body>
</html>

```

```

【データベース送る.php】

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ありがとう</title>
</head>
<body>
<h2>ありがとう</h2>
<a href="index.php">戻る</a>
<div class="content">
<?php
$image=$_REQUEST['imagedata'];

  insert_proc ($image);

// ------------------------------------------------------------------
//
// ------------------------------------------------------------------
function insert_proc ($image)
{
echo ('*** insert_proc *** start ***<br />');

$dsn = 'xxxx';
$user = 'xxx';
$password = 'xxx';

echo('image='. $image. '</br>');



date_default_timezone_set('Asia/Tokyo');
$date_mod = date ("Y-m-d");
	echo ('date_mod = ' . $date_mod . '<br />');

try {
	$pdo = new PDO($dsn,$user,$password);
} catch (PDOException $e) {
	exit('データベースに接続できませんでした。' . $e->getMessage());
}


$stmt = $pdo->query('SET NAMES utf8');
if (!$stmt) {
	$info = $pdo->errorInfo();
	exit($info[2]);
}

echo "*** check *** ppp ***<p />";


$sql="insert into xxx (imagedata)"
	 . "values ('" . $image. "')";



echo $sql . "\n";


	$stmt=$pdo->prepare ($sql);
  $stmt->execute ();



}
// ------------------------------------------------------------------
?>



</div>


</body>
</html>

```

base64を使った画像取得の方法がうまくいきません。

何時間もはまってしまいました。
ご存じの方がいれば、ご教授願います。

PHPの$FILESで受け取った段階で文字化けが起きてしまい、困っています。

添付ファイルを $_FILES でうけっとた際に日本語名が「????????」となってしまう現象です。

・サーバーの設定はUTF8
・ファイルはUTF8
・mb_convert_encodingで変換できず
日本語だけが文字化けする事と「???????」という特徴的な化け方をするという事しかわかっていません。

-------------------------------------------------
$_FILES['mail']['name']   ← ??????????.txt
-------------------------------------------------
といった具合です。


HTMLはこのようになっています。
------------------------------------------------------------------
<form method="post" action="sendmail.php" enctype="multipart/form-data" >
    <input type='file' name='mail'>
    //サブミット
</form>
------------------------------------------------------------------

PHP $FILESで受け取った文字が文字化け

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】作成したメールフォームに脆弱性がないか、アドバイスもらえないでしょうか。

お世話になります。数時間前に以下コードについて質問したものです。

public function findTagged(Query $query, array $options)
{
    return $this->find()
        ->distinct(['Bookmarks.id'])
        ->matching('Tags', function ($q) use ($options) {
           if (empty($options['tags'])) {
               return $q->where(['Tags.title IS' => null]);
           }
           return $q->where(['Tags.title IN' => $options['tags']]);
        });
}

数時間前の質問で、以下コードについて

matching('Tags', function ($q) use ($options) {
           if (empty($options['tags'])) {
               return $q->where(['Tags.title IS' => null]);
           }
           return $q->where(['Tags.title IN' => $options['tags']]);
        });

matching の条件が無名関数であることや変数の疑問がわかりました。
その際、丁寧に参考のリファレンスサイトを教えていただいたのですが、やはり自分の力で意味を読解することができず、再び質問させていただきます。

上記コードは、cakephp3 のブックマークチュートリアルのfinder メソッド作成の部分になります。
チュートリアルはこちらのサイトにあります。
http://book.cakephp.org/3.0/ja/tutorials-and-examples/bookmarks/intro.html

わからない場所は、無名関数の処理構造になります。
matchingでは、関数によって二つの処理に分かれていますが、$options になぜ['tags']が含まれているのか？funciotn ($q)は、どの値なのかわかりません。

&optionは、別サイトからの記事タグ情報だと思っていたので、[]が何を意味しているのかよく理解していません。
また、$q 無名関数の引数のようですが、そもそもこの無形関数を別のところから呼び出さないと、引数を受け取れないと考えています。
回答お願いします。

cakephp3 のチュートリアルの無名関数について

上著書の４５６ページ
プラグインのサンプルにて止まっています。
1.bootstrap.phpに plugin::routes();
2.sqliteに PersonalDatum のダミーデータを作成
3.bin\cake bake plugin PersonalDatum を実行
4.モデル作成（エンティティ・テーブル割愛）
5.コントローラー作成
plugins\PersonalDatum\src\Controller\PersonalDatumController.php
<?php
namespace PersonalDatum\Controller;

use Cake\Event\Event;
use Cake\Network\Exception\InvalidCsrfTokenException;
use Cake\ORM\TableRegistry;
//use PersonalDatum\Controller\AppController;

class PersonalDatumController extends AppController {
    public function index() {
        $data = $this->PersonalDatum->find('all');
        $this->set('data',$data);
    }
}
6.index.ctp作成
（Plugin\PersonalDatum\src\Template\PersonalDatum\index.ctp）

7.bootstrap.php に追記
Plugin::load('PersonalDatum', ['bootstrap' => false ,'routes' => true]);

8.http://localhost/yyy/xxx/personal-datum/personal-datum/
にアクセス

Missing Controller 
Cake\Routing\Exception\MissingControllerException
Error: PersonalDatum.PersonalDatumController could not be found. 
Error: Create the class PersonalDatumController below in file: C:\xampp\htdocs\yyy\xxx/plugins/PersonalDatum/src\Controller\PersonalDatumController.php
と、本の通りに実行したのにエラーが表示されます。
どこが間違っているのでしょうか？
ご指摘をおねがいします。

CakePHP3 入門（掌田津耶乃　著）プラグインで、Missing Controller エラー

###前提・実現したいこと
cakephp3にて以下のレコードを取得したいのですが、取得方法がわからず困っています。初歩的な質問かもしれませんがご教授願います。

Playersテーブル・Gamesテーブルから任意のレコードを取得したいです。

①Players.user_id = 1のレコードを全て取得
②Games.player_id_1, Games.player_id_2またはGames.player_id_３が、①で取得したレコードのidカラムと一致する全レコードを取得。

②を実現するための方法がわかりません。
また、②が実現できれば①の過程にこだわりわありません。

よろしくお願いいたします。

cakephp3での複数テーブル・カラムからのselect

いつもお世話になっております。
オブジェクト指向プログラミングについて勉強中の者です。

表題の件ですが、オブジェクト指向プログラミングをするにあたってクラスを作成する時があると思いますが、皆様はクラスを作成する際に、どのような考え方でクラスを作成してますでしょうか？

例えば、じゃんけんゲームを作成するとして私の場合、自分クラス、相手クラス、結果クラスを作成しその中でグー、チョキ、パー等の変数を用意して結果クラスに値を渡して結果を返して表示するというような考え方になります。

じゃんけんゲームというような単純なシステムならともかく、これが大きなシステムを作るとなった時に、どのような考え方でクラスを作成すれば誰が読んでも理解しやすいコードになるか教えていただけると幸いです。

そんなのシステムの仕様によっていくらでも変わってくるという風に思えてきますが、
皆様のクラスを作成する場合はこのように考えてクラスを作成しているという様な事を教えていただければと思います。

よろしくお願いいたします。

オブジェクト指向でクラスを作成する際の考え方について

データベースの正規化について質問です。
「達人に学ぶDB設計徹底指南書」という本で勉強しています。
その本の演習問題についての質問です。
以下転載します。
「次のような「支社支店商品」テーブルについて考えます。主キーは「支社コード、支店コード、商品コード」です。このテーブルを可能な限り、高次に正規化してください。

支社支店商品
    ![![イメージ説明](58f3d13dde2f5ca09e72a638d4a77923.png)]

答えはこちらになります。以下に示します5つのテーブルになります。（見にくくて申し訳ないです。）
![イメージ説明](2ca73e25b453dfe0bbb7631ae4a5759e.png)
![イメージ説明](101f606672d3dae9e3ceef646bfa3768.png)

そこで質問なのですが、商品テーブルについて考えた時に、これは第３正規化がなされているのでしょうか？
第３正規化がなされたテーブルというのは推移的関数従属をテーブル中に持たないはずですが、このテーブルは
{商品コード} -> {商品名} -> {商品分類コード}
となっているように思えるのです。
すなわち、このテーブルはまだ分割の必要があるのではないでしょうか？

もう一点あります。
最後の支店商品テーブルについてなのですが、主キーだけで構成されている、いわゆる関連エンティティに対応するテーブルになると思います。
第４正規化を考えると、これもさらなる分割の必要があるように思えるのですが、どうなのでしょうか？
以上、2点回答よろしくお願いします。

データベースの正規化について

ぐるなびapiを使って肝心なことがわからないままです。
それは、例えば茨城県にある店舗を全て取得するにはどうすればいいですか？
リクエストパラメータに
```PHP
$pref='PREF◯◯◯'
```
と書けば茨城県の店舗情報が入り、
```PHP
hit_per_page=20
```
と書けば20店舗の店舗情報が手に入るのはわかります。
しかし、茨城県に何店舗あるのかわからないのでどう書けばいいかわかりません。
ちなみにデフォルトだと10店舗しか手に入りません。

※実は、レスポンスのtotal_hit_count、hit_per_page、page_offsetの出力の仕方がわからないんです。
xmlを使っており、レスポンスパラメータの書き方は、
$xml = simplexml_load_file( $url );
if(!$xml->rest){
echo '見つかりませんでした';
} else { 
foreach($xml->rest as $key){
というやり方で出力しています

※みなさん、ご回答ありがとうございます。
質問に逸れた質問をしてしまい大変すみません。
ですが、それでもご回答してくれてありがとうございます。
わからなかった問題がまた一つわかりました。