常連

注目の的

社会貢献

質問力

回答者

ベストアンサー

拍手喝采

情報収集家

自己紹介

環境：PHP5.4系/mysql

現在入力フォームを作成しており、入力された日付をデータベースに登録。
データベースを参照し、入力された日付をドロップダウンリストに挿入。
本日日付と入力された日付を比較して初期選択状態にしたいと考えています。

/* データベースから入力された日付を拾得 */
$sql2 = "SELECT DISTINCT ymd2 FROM coretime";
$stmt2 = $dbh->query($sql2);
$result2 = $stmt2->fetchAll(PDO::FETCH_ASSOC);

/* 本日日付の拾得 */
$today = getdate();

/* 値を比較してドロップダウンリストに表示 */

echo "日付選択：\n";
echo "<select name=todays>\n";
foreach ($result2 as $row2){
	echo "<option value=". $row2['ymd2'];
	if($today == $row2['ymd2']) echo " selected";
	echo ">" . $row2['ymd2'];
	echo "</option>\n";
	echo "<br>\n";
}
echo "</select>\n";

色々試してみましたが、ソースを見る限りでは本日日付がうまく拾得出来ていないようです。
ご教授の程、よろしくお願い致します。

【php】DBに登録された日付と本日日付の比較

phpのソースコードを難読化するツールを探しています。
無料で、変数を書き換えて改行・インデントを詰めるくらいの機能があれば十分と思っています。

php-compressor(ver0.1)というものを入手して扱ってみたのですが、まともに動かなかったのでこちらについても情報があればよろしくお願いします。

PHP難読化

あるサイトにお問い合わせフォームを設置し、SSL暗号化通信でセキュリティを強化したいと思っています。

いろいろ調べると、SSLには独自SSLと共有SSLがあるようですが、どうも共有SSLだと、SSL用のアドレスに変わってしまうようなので、それでは困ります。

アドレスをそのままでSSL暗号化通信に変えようと思うと、独自SSLを使うしかないものなのでしょうか？

例えば、無料でStartSSLというものがあるようですが、これを使えば、アドレスを変えずに、SSL暗号化通信に変える事は出来るのでしょうか？

どなたかお詳しい方いらっしゃいましたら、ご教授頂けますと幸いです。

独自SSLと共有SSLの違いについて

javascriptについてまだ理解が浅いので分かるように教えていただきたいのですが、
javascriptでメソッドを定義しようとするときに「prototype」をつかって定義するのは何故だか教えて下さい。
[googleの解説したクラス定義の方法＞Google Closure 流のクラスの実現方法の概要](http://www.yunabe.jp/docs/javascript_class_in_google.html)

javascriptでメソッドを定義する際にprototypeを使う理由を教えて下さい

javascriptのクロージャでメモリリークが起こる場合があると思います。

```javascript
var hoge = function(){
    var x = 0;
    process.on('exit', function(){
        x++;
    });
    return function(){
        return x;
    }
}
var h = hoge();
console.log(h());
console.log(h());
console.log(h());
```
varのつく変数はDontDelete属性がつくため、delete演算子で解放できませんが、上記の例でvarをつけずに、
```javascript
var hoge = function(){
    x = 0;
    process.on('exit', function(){
        x++;
    });
    return function(){
        return x;
    }
}
var h = hoge();
delete x;
console.log(h());
console.log(h());
console.log(h());
```
とするのはありですか？

javascriptのクロージャでメモリリークが起こる場合

失礼します。

http://jquery.keicode.com/ui/autocomplete.php
上記のページ参考にサジェスト機能を実装を試してみたのですが、うまくいきません。

「AJAX 方式によるオートコンプリートデータの取得 （ファンクションオブジェクト）」にあるオープンソースを真似てみてソースの中にあるURLを作成した自分が作成したWEBアプリURL、「type」をPOSTからGETに変更（POSTのままだとPOSTメソッドが見つかりませんとEcripseで表示される）して一応つながるようにはなったのですがサジェスト候補が表示されません。
オープンソースのようにPHPでなくEcripseで作成した場合他に手を加える点などあるのでしょうか？

補足として検索機能は完成しています。http:xxxseach＝＊の＊のところを呼びたい単語を入力するとサジェスト候補が返ってくるのです。これをテキストボックスで入力してサジェストしたいです

どなたかお力添えください。誰もわからなく困っています。

AJAX 方式によるオートコンプリートデータの取得（ｊQuery）

■目的
CakePHPでWebシステムを構築中です。
あるデータテーブルAの検索フォームにて、マスタテーブルBのnameフィールドに入っているデータをオートコンプリートで補完入力したいです。

■開発環境
CakePHP 2.7.3
PHP 5.6.8
jQuery 1.11.3
jQuery UI 1.11.4

■参考にしたサイト
[http://junichi11.com/?p=423](http://junichi11.com/?p=423)
[http://www.buildinsider.net/web/jqueryuiref/0019](http://www.buildinsider.net/web/jqueryuiref/0019)
[http://js.studio-kingdom.com/jqueryui/widgets/autocomplete](http://js.studio-kingdom.com/jqueryui/widgets/autocomplete)

■実装手順
1. jqueryとjquery UIをレイアウトファイルで指定。

2. テーブルAのコントローラに、オートコンプリートのデータを取得するメソッドを追加。

**TableAController.php**
```php
public function autocomplete(){
	$this->loadModel('TableB');
	$field = 'name';
	$term = $this->params['url']['term'];
	// 入力値 無：全てのデータの中から10件返す。
	// 入力値 有：入力値を含むデータを10件返す
	$condition = array();
	if(!empty($term)){
		$condition = array('TableB.'.$field.' like' => "%".$term."%");
	}

	$query = array(
		'fields' => array($field),
		'conditions' => $condition,
		'limit' => 10,
		'order' => array('TableB.'.$field => 'ASC'),
		'group' => $field,
	);

	$data = array();
	$items = $this->TableB->find('all', $query);

	foreach ($items as $item) {
		$cnt = array_push($data, $item['TableB'][$field]);
	}

	// JSON形式の文字列を生成
	$json = json_encode($data);
	echo $json;
}

```
この時点でautocomplete()メソッドの動作確認をしました。

> http://localhost/cakephp/TableA/autocomplete?term=hoge

このURLにアクセスすると、テーブルBからnameフィールドに"hoge"が含まれるレコードがJSON形式で返ってくることが確認できています。


3. テーブルAのビューにjavascriptとテキストボックスを作成。
**TableA/index.ctp**
```php
<script type="text/javascript">
$(function(){
	$('#autocomplete').autocomplete({
		source: '/TableA/autocomplete',
		autoFocus: true,
		delay: 500,
		minLength: 2
	});
})
</script>

<?php echo $this->Form->input('name', array(
	'type' => 'text',
	'id' => 'autocomplete',
)); ?>
```

これでテキストボックスが作成されますが、入力してもオートコンプリートが動作しません。
2.の時点でautocomplete()メソッド自体は正常に動作している(と思われる)ので、怪しいのはjavascriptかと思っています。
特にsource: '/TableA/autocomplete',の部分が、ちゃんとしたURLを参照できているのかが疑わしいです。
しかし実際のところどういう動作をしているのか確認する方法が分からず、詰まっています。

---
2015/10/29追記

ipadcaronさんのアドバイスを元にシンプルな構成で検証してみました。
CakePHPでの動作は一旦忘れて、htmlとphpだけで構成してみました。

**json_echo.php**
```php
<?php
	echo '[{"id":"1","value":"item1"},{"id":"2","value":"item2"},{"id":"3","value":"item3"}]';
?>
```
**index.html**
```html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Remote datasource</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
  $(function() {
        function log( message ) {
      $( "<div>" ).text( message ).prependTo( "#log" );
      $( "#log" ).scrollTop( 0 );
    }

    $( "#birds" ).autocomplete({
      source: "json_echo.php",
      minLength: 2,
      select: function( event, ui ) {
        log( ui.item ?
          "Selected: " + ui.item.value + " aka " + ui.item.id :
          "Nothing selected, input was " + this.value );
      }
    });
  });
  </script>
  </head>
<body>

<div class="ui-widget">
  <label for="birds">Birds: </label>
  <input id="birds">
</div>

<div class="ui-widget" style="margin-top:2em; font-family:Arial">
  Result:
  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>


</body>
</html>
```

index.htmlを開きテキストボックスに入力してみたところ、item1~3が候補として表示されることを確認しました。
この場合はどんな文字列を入力しても、echoで返されるJSONデータは決まっているので常にitem1~3が表示されるということで、正しい動作だと思います。

この結果を受けてCakePHPで以下のように実装しました。
**TableAController.php**
```php
	public function autocomplete(){
		echo '[{"id":"1","value":"item1"},{"id":"2","value":"item2"},{"id":"3","value":"item3"}]';
	}

```
**TableA/index.ctp**
```html
  <script>
  $(function() {
        function log( message ) {
      $( "<div>" ).text( message ).prependTo( "#log" );
      $( "#log" ).scrollTop( 0 );
    }

    $( "#birds" ).autocomplete({
      source: '<?php echo $this->Html->url(array('controller' => 'OrderLedgers', 'action' => 'autocomplete')); ?>',
      minLength: 2,
      select: function( event, ui ) {
        log( ui.item ?
          "Selected: " + ui.item.value + " aka " + ui.item.id :
          "Nothing selected, input was " + this.value );
      }
    });
  });
  </script>

HTML部分は同一
```

これを実行してみましたが、動作せず。。。

そしてたった今、Chromeのブラウザコンソールに**500 (Internal Server Error)**が表示されていることに気付きました。
(途中でeripongさん、tozjpさんが言っていたのはこういう所を見ろということだったんですね・・・)
少し前進した気がしますので、もう少し調べてみたいと思います。


---
解決しました！


根本的な原因は、tozjpさんのご指摘の通り、autocompleteメソッドからのレスポンスが純粋なJSONではなかったことでした。
CakePHPがビューなどを自動で付与したデータを返していたため、javascript側で正常に処理できなかったのだと思われます。

[http://digape.com/201210/cakephp2-json%E5%BD%A2%E5%BC%8F%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E6%89%8B%E8%BB%BD%E3%81%AB%E5%87%BA%E5%8A%9B%E3%81%99%E3%82%8B/](http://digape.com/201210/cakephp2-json%E5%BD%A2%E5%BC%8F%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E6%89%8B%E8%BB%BD%E3%81%AB%E5%87%BA%E5%8A%9B%E3%81%99%E3%82%8B/)
[http://www.sssg.org/blogs/hiro345/archives/14793.html](http://www.sssg.org/blogs/hiro345/archives/14793.html)
上記のリンクを参考に、JSONのみを返すアクションに修正しました。
まずは予め用意した配列を返せるか検証。
**TableAController.php**
```php
	public function autocomplete(){
		$result = array(
			['id' => '1', 'value' => 'item1'],
			['id' => '2', 'value' => 'item2'],
			['id' => '3', 'value' => 'item3'],
		);
		$this->viewClass = 'Json';
		$this->set(compact('result'));
		$this->set('_serialize', 'result');
	}
```
autocompleteアクションを単体で実行し、JSONのみが表示されることを確認しました。
テキストボックスに入力してみると、item1~3の候補がドロップダウンされることも確認。

続いて元々やりたかった別テーブルからのデータを取得するように修正。
**TableAController.php**
```php
public function autocomplete(){
	$this->loadModel('TableB');
	$field = 'name';
	$term = $this->params['url']['term'];

	// 入力値 無：全てのデータの中から10件返す。
	// 入力値 有：入力値を含むデータを10件返す
	$condition = array();
	if(!empty($term)){
		$condition = array('TableB.'.$field.' like' => "%".$term."%");
	}

	$query = array(
		'fields' => array($field),
		'conditions' => $condition,
		'limit' => 10,
		'order' => array('TableB.'.$field => 'ASC'),
		'group' => $field,
	);

	$data = array();
	$items = $this->TableB->find('all', $query);

	foreach ($items as $item) {
		$cnt = array_push($data, $item['TableB'][$field]);
	}

	// JSONデータのみを返す
	$this->viewClass = 'Json';
	$this->set(compact('data'));
	$this->set('_serialize', 'data');
}
```
ビュー側はこうです。
**TableA/index.ctp**
```php
<script type="text/javascript">
$(function(){
	$('#autocomplete').autocomplete({
		source: '<?php echo $this->Html->url(array('controller' => 'TableA', 'action' => 'autocomplete')); ?>',
		autoFocus: true,
		delay: 500,
		minLength: 2
	});
})
</script>

<?php echo $this->Form->input('name', array(
	'type' => 'text',
	'id' => 'autocomplete',
)); ?>
```

これにより、ちゃんとテーブルBのデータがオートコンプリート表示されるようになりました。

CakePHP+jQuery UIでのオートコンプリート

## 質問の概要

今PHPでバリデーションする処理を書いています。
バリデーションの内容としては、コンストラクタで受け取った配列の中身をチェックするような処理です。
そこで、バリデーション処理をリファクタリングしていてふと疑問に思いました。

PHPでバリデーションを書く際の最適な方法などはあるのでしょうか。

## こんな感じの処理

既存のコードでは、このように1つでもエラーになったらすぐに `return false` してました。
が、これだと複数のバリデーションに該当してても、どこでエラーになったかわかりづらく、テストも書きづらいという課題を感じました。

```php
class Hoge
{
    private $hoge = array();
    private $logger = null;

    public function __construct($hoge, $logger)
    {
        $this->hoge = $hoge;
        $this->loger = $logger;
    }

    /**
     * hogeのバリデーション
     *
     * @return boolean
     */
    public function isValid()
    {
        if (!isset($this->hoge['id']) || !is_numeric($this->hoge['id'])) {
            $this->logger->error('invalid_id');
            return false;
        }

        if (!isset($this->hoge['address']) || (strlen($this->hoge['address']) > 10)) {
            $this->logger->error(sprintf('invalid_id id=%s', $this->hoge['id']));
            return false;
        }
    }
}

```

## こんな感じに修正してみた・・

そこで、クラスのプロパティに、 `errors` というものを用意して、バリデーションに引っかかったらこのプロパティに内容を追加していこうと考えました。
そうすれば、ログも全部吐かれるし、テストも、 `getErrors` のようなゲッターを用意して、エラーの配列が意図したものと一致してるかも確認できます。

ただ、1つ問題に遭遇しました。
これまで「この `$hoge` の一意なキーとなる `id` が存在していない」というエラー以外では、この `id` をログに吐く事でログチェックをやりやすくしていました。

しかし、今回からは `id` が存在しなくても他のバリデーションはするようにしたため、
最初のバリデーションでエラーになると、それ以降のバリデーションでエラーが起きた時にはログに吐く際の `id` が定義されていないため、 `undefined id` となってしまいます。

こういう問題ってどう解決したら良いのでしょうか。
最初の `id` キーの存在チェックだけ `return false` をしても良いかと思ったのですが、
ほかの部分との処理が異なっていてあまりすっきりしません。

```php
class Hoge
{
    private $hoge = array();
    private $errors = array();
    private $logger = null;

    public function __construct($hoge, $logger)
    {
        $this->hoge = $hoge;
        $this->logger = $logger;
    }

    /**
     * hogeのバリデーション
     *
     * @return boolean
     */
    public function isValid()
    {
        if (!isset($this->hoge['id']) || !is_numeric($this->hoge['id'])) {
            $this->errors[] = 'invalid_id';
            $this->logger->error('invalid_id');
        }

        if (!isset($this->hoge['address']) || (strlen($this->hoge['address']) > 10)) {
            $this->errors[] = 'invalid_address';
            $this->logger->error(sprintf('invalid_id id=%s', $this->hoge['id']));
        }

        return count($this->errors) < 1;
    }
}
```

PHPのバリデーションの最適な方法を教えて下さい

Webアプリの特にフロント側は疎いので、昨今のJavaScript関連技術の種類の多さに混乱しています。
全部をやってみるつもりはありませんが、それぞれがどのような役割で存在しているのかが良く分からないので、その辺が分かる記事やサイトなど、ご存知でしたら教えていただけませんか？


追記：
JavaScript本体ではなく、周辺技術と書いた方が良かったかもしれませんね。


よろしくお願いします。

JavaScript関連技術の関係図みたいなものありませんか？

phpの名前空間について勉強しているのですが、サンプルを実行させるとエラーが出ます。
***********ここからfile01.php*************
<?php // file01.php
// namespace の宣言がないのでこっちは全域がグローバル空間

require_once 'file02.php';

\My\Space\echo_message(); // 名前空間 \My\Space\echo_message() が呼ばれる

function echo_message () {
    echo "hello, World!\n";
}
?>
****************ここまでfile01.php***********
***********ここからfile02.php*************
<?php // file02.php
namespace My\Space;

// namespace を用いいて宣言されたので My\Space の名前空間

echo_message();  // 名前空間 \My\Space\echo_message() が呼ばれる
\echo_message(); // file01.php に記述された グローバル空間の echo_message() が呼ばれる

function echo_message() {
    echo "hello, My Space.\n";
}

class MySpaceClass {
}
?>
****************ここまでfile02.php**********
これでブラウザからhttp://localhost/file01.phpにアクセスすると、

Fatal error: Namespace declaration statement has to be the very first statement in the script in C:\xampp\htdocs\file02.php on line 2

というエラーが出ます。どうしたらちゃんと動くでしょうか？

phpの名前空間の使い方について

僕はあまりPHPの関数を知りません。

地味に便利だよ！という関数とシチュエーションを教えてください。
自分が知らない関数の発見につなげたいです。

ちなみに僕が長い間知らなかった、地味便利関数はmaxとminです。
可読性があがりました。

```php
// if($i < 0) $i = 0;
$i = max($i, 0);
```

9/11 追記です。
emptyも個人的には好きで、主に分岐を増やしたくないHTMLテンプレートへの埋め込み時に重宝します。nullもfalseも空配列もsetも検出してくれるので。
```php
<?php if(!empty($list)): ?>
<?php endif; ?>
```
この関数使うと分岐が少なくなってスマートになるよ、とか小技的(?)な関数が知りたいかもですね。

地味に便利なPHP関数を教えてください

言語：Java、HTML、JavaScript(jQuery)、CSS
IDE：Eclipse
FW：Seasar2(SAStruts／Doma)
OS：Windows

のような環境でWebアプリケーションを作っています。


私自身まだまだ開発経験が浅く、勉強したいと思っているのですが、
**次のような部分の知識・経験を積むためにはどういったこと・何を勉強したらいいでしょうか？**
**書籍名、サイトのURL、考え方（デザインパターンといった類）を教えて頂けると助かります。**


その足りない部分は以下です。

初期設定のユーザーのパスワード登録画面を作っていました。
パスワード、確認パスワードを入力するテキストボックスがあり、それを保存するためのボタンがある簡単な入力フォーム画面です。
すでにDBにそのパスワード情報がある場合は、テキストボックスに6文字のマスク文字で表示するという仕様です。

経験の少ない私はDBに登録されているハッシュ化された文字列を取得し、前から６文字にカットし、それをマスク文字化して表示していました。
ただ後から先輩社員に、DBにあるかどうかを判断し、あればダミーデータを6文字表示すればいい。というアドバイスを頂きました。


そのような長年開発を行っていればわかる常套手段のようなものが経験値の低い私にはありません。

経験を積めばわかると言ってしまえばそれまでですが、何か効率良く勉強する手段はないものかと考えております。

**そこでこのような常套手段を勉強する方法、書籍、サイト、考え方があれば教えて頂きたいです。**

デザインパターンがそれにあたるのかなあとも思って少し勉強しているのですが、他にもアドバイスあればいただきたいです。

次のような内容の経験を積みたい場合、どのようなことを勉強すればいいか

長文になってしまい、申し訳ありません。

例えば内部でDBを使うクラスがあり、そのクラスのコンストラクタをどうすべきか悩んでいます。
```PHP
//方法Ａ
public function __construct()
{
    $this->db = new Db();
}
```
```PHP
//方法Ｂ
public function __construct(DbInterface $db)
{
    $this->db = $db;
}
```
Ａは密結合で、悪い例と言われているかと思います。
Ｂは疎結合で、良い例と言われているかと思います。

悩んでいるポイントですが、Ｂは生成時にDbInterfaceを要求しており、
これがどうにも納得が出来ないです。
使う側からしてみれば、このクラスがDBを使うかどうかなど、知らされる必要はないと思っています。
**このクラスは、自身が勝手にDBを使うのだから、DBのインスタンスの生成も自身で責任を持って行うべきでは？**
と思っています。

対案として、
インスタンスの生成に関する処理を一括して行う専用のクラスを設け、
その中に閉じ込める方法もあるかと思うのですが、
やはり、コンストラクタの定義としてDbInterfaceの要求が存在している事が微妙に納得できないです。

また、
```PHP
//方法Ｃ
public function __construct()
{
    $this->db = InstanceMaker::getInstance('Db');
}
```
こういう感じの方法もあるかと思うのですが、実際にどのクラスを使っているか分かりづらいなと思っています。

テストとかを考えるとＢの方が良いので、Ｂの方法を使っていきたいと思っているのですが、
今のところ納得して使える気がしていません。

そんな私が納得して使えるような考え方がありましたら、
どうか教えていただけないでしょうか。

私が最も引っかかっている点は
使う側からしてみれば、このクラスがDBを使うかどうかを知る必要はなく、
DBのインスタンス生成も自身で責任を持って行うべきでは？
という点です。


どうか、宜しくお願い致します。

クラス間の結合と責任について

下記のソースコードで質問があります。
```javascript
// https://github.com/SuyashMShepHertz/indexedDB_sample/blob/master/index.html
$(document).ready(function(){
    window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;

    var request, db; 
    
    if(!window.indexedDB)
    {
        console.log("Your Browser does not support IndexedDB");
    }
    else
    {
        request = window.indexedDB.open("testDB", 2);
        request.onerror = function(event){
            console.log("Error opening DB", event);
        }
        request.onupgradeneeded   = function(event){
            console.log("Upgrading");
            db = event.target.result;
            var objectStore = db.createObjectStore("students", { keyPath : "rollNo" });
        };
        request.onsuccess  = function(event){
            console.log("Success opening DB");
            db = event.target.result;
        }
    }
});
```
`request.on~`はイベントハンドラを設定していて、requestの取得は`indexedDB.open()`で行っていると思います。requestの取得の後にイベントハンドラを設定しているのに、イベントハンドラが実行されるのでしょうか？request取得時にはまだイベントハンドラが未定義のため、何も実行されないと思います。
もしくは、requestにイベントハンドラを設定した場合にイベントが発火されるという形なのでしょうか？

ご回答、よろしくお願い致します。

indexedDB.requestのイベントハンドラはいつ実行されるのでしょうか？

JavaScriptにおいて、JavaやC++で言うところのメンバ関数を実現しようとすると、コンストラクタ関数内で定義する方法と、プロトタイプにメソッドを追加する方法があると思います。これについて、前者はオブジェクトが生成されるたびにメソッドが追加されるため効率が悪い、と聞きました。例えば末尾に記した例では、new Person()が呼ばれるたびにsay()が追加されることが冗長である、ということだと理解しています。

この話を聞いて以降、私はプロトタイプにメソッドを定義するようにしています。幸いなことにまだ困った状況に遭遇していません(Javaのクラス／オブジェクトのように使えている)。「コンストラクタ関数内でメソッドを定義せざるを得ないケースはほとんど無い」とさえ思っています。

しかし、ふと気付きました。これは勉強不足だ、単に経験不足だと。

そこで書籍を読んでいるところなのですが、まだ「コンストラクタ関数内でメソッドを定義したほうが良い」と思える状況に出会えていません。

コンストラクタ関数内でメソッドを定義した方が良い、せざるを得ないような状況というか、イディオムを紹介していただけないでしょうか？

コンストラクタ関数内にメンバ関数を定義：
```javascript
var Person = function(name) {
  this.name = name;
  this.say = function() { // こうやってメソッドを定義することはあるのだろうか？
    return "I am " + this.name;
  };
};
```

プロトタイプにメソッドを追加する：
```javascript
var Person = function(name) {
  this.name = name;
};
Person.prototype.say = function() {
  return "I am " + this.name;
};
```

「コンストラクタ関数内でメソッドを定義せざるを得ないケースはほとんど無い」という認識はどうなんでしょう？

現在、動画ファイルからある特定フレームのjpeg画像ファイルを抽出する方法を実装しています。

できれば動画ファイルの形式に依存されないで、
アップロードした動画フレームのjpegを取得できないか悩んでいます。
ちなみに実装はjavascriptでしているため、JS系のAPIがあればよいのですが調べたかぎりなかったのでご質問いたしました。
どなたか知っている方いればご助言いただければと思います。よろしくお願い致します。

動画ファイルからある特定フレームのjpeg画像ファイルを抽出する方法

初めて質問させていただきます。
現在作成中のWebサイトでIE8以前・IE9以降で同様の動作になるよう
作成中なのですが、表題の部分で詰まってしまいました。

問題は<input>タグのtype="text"もしくはtype="radio"上(以下「入力項目」と表記)で
Enterキーを押下時することで、Tabキーを押下した時と同様に
次の入力項目にフォーカスが移動する処理を行うJavaScriptです。
現在、下記のように作成しましたが動作していません。

//フォーカス遷移(入力項目からonkeydownで呼ばれる)
function hoge() {
	key = event.keyCode;
	//Enterキー判別
	if (key == 13) {
		nextFocus(event);
	}
}

function nextFocus(e) {
	if (document.createEvent) {
		//IE9以降
		var ev = document.createEvent("KeyboardEvent"); 
		ev.initKeyboardEvent('keypress', true, true, null, false, false, false, false, 9, 0 );
		document.activeElement.dispatchEvent(ev);
	}else{
		//IE8以前
		e.keyCode = 9;
	}
}

alert()を入れて確認したところ、IEのバージョン判別部は動作しており
IE8ではフォーカス移動が行われていますが、IE9以降(確認環境はIE11)では
フォーカス移動が行われません。また、JavaScriptエラーも発生しません。

initKeyboardEventにはkeypressだけではなく、keydownとkeyupも試してみましたが
いずれも同様に動作しませんでした。
また、document.activeElement.dispatchEvent()をe.target.dispatchEvent()に
変更しても駄目でした。

恥ずかしながら、自分ではお手上げ状態です。
何が悪いのかご教示いただけないでしょうか。

IE9以降でEnterキー押下時にTabキーと同様のフォーカス移動を行うスクリプト

HTMLで別タブでリンクを開かせたいとき
```HTML
<a href="ここにURL" target="_blank">ここにリンクテキスト</a>

```

こうすると思うのですが、別タブで開いた時に元のウィンドウをアクティブにしておきたいです。
この状態だと新しく別タブで開いた方に画面が移動してしまいます。

別タブで開いた状態で画面を移動させない方法を教えてください。

HTML　別タブでリンクを開く

普段バッチ処理を書いていて、javascriptはほぼ初心者です。

・全角2Byte
・半角(カナを含む)1Byte
上記の計算で指定バイト数までの入力制限付きテキストボックスを作ろうとしています。

それでonkeyupに下記のコードを書いたのですが、
- 日本語入力中は指定バイト数を超えた時にバッファ上?の未確定文字列がキーを押すとちらちら出てくる
- 確定済みの文字列がある状態で、指定バイト数を超えて日本語入力を続けると確定済み文字列が消えることがある
上記の問題が出ています。

0.日本語入力中の場合、変換確定後のみsubstringを実行する(確定した文字列は消えない)
0.日本語入力中に指定バイト数を超えた場合はその時点で確定してそれ以上の入力をさせない
上記どちらかのような挙動にするにはどうしたらよいでしょうか?

※できればonkeydownイベントを使わずonkeyupイベントだけで完結させたいです(テストの兼ね合い)。
※とりあえずIEのみがサポートブラウザなのでIEで動けばいいです。

```javascript
function setOnKeyUpMaxByte(obj, maxByte) 
{ 
    var str = obj.value.toString();
    var len = str.length;
    var cod = 0;
    var bytLen = 0;
    var cutFlg = 0;
    
    for (i = 0; i < len; i++) {
    
	    bytLen += 2;
	    cod = str.charCodeAt(i);
	    
	    // 半角文字(※半角カナ含む)
	    if ((0x20 <= cod && cod <= 0x7e) || (0xff61 <= cod && cod <= 0xff9f)) {
		    bytLen--;
		}

		if (bytLen > maxByte) {
		    obj.value = str.substring(0, i - 1);
		    break;
		}
    }
}
```

---
追記

- 業務システムなのでFW外からの不特定多数のアクセスは考慮外とさせてください
- コピペ対策などは既にあって今回問題の発生した直接入力の改修が今回のタスクです

文字数制限付きテキストボックス

HTML5のアウトライン判定のしくみについて現在の最新仕様に基づいた見解を質問させてください。

###疑問点
セクション要素を入れ子にしてアウトラインを作っている場合の、第二階層セクション以下の見出しに全てh1要素を使うことはHTML5仕様としてNGになったのか？

---

HTML5が文書のアウトラインを判別する際には、

１．セクション要素が使用されていた場合はその入れ子構造で判別
２．セクション要素が使用されていなかったら従来通り見出しレベルで判別

という仕組みだったかと思います。
上記の仕組みがあることから、「セクション内で使用される見出しのレベルは問わない」というルールに変更となり、以下の様なマークアップでも正しくアウトラインが出力されると説明されていたはずです。

```HTML
<body>
<h1>第一階層の見出し</h1>
<section>
  <h1>第二階層の見出し</h1>
  <p>第二階層のコンテンツ</p>
    <section>
      <h1>第三階層の見出し</h1>
      <p>第三階層のコンテンツ</p>
    </section>
</section>
</body>
```

ところが、最近W3CのバリデートサービスでHTML5文書をチェックすると、上記のようなマークアップでは見出しレベルについてWariningが出るようになることを確認しました。

> Warning: Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools).

Warningで紹介されている[参考サイト](https://www.w3.org/wiki/HTML/Usage/Headings/h1only)を見ると、上記のようなマークアップ構造では、ブラウザやスクリーンリーダーの多くではアウトラインがフラットになってしまうので、第二階層以下の見出しにはh2-h6を使え、というような内容が書かれています。

当方は英語にあまり強くないことと、最新仕様の動向を常にチェックできているわけではないことから、これが単に**ブラウザ側の対応が遅れていることに対する当面の過渡的な対応として推奨**されているだけのことなのか、それとも**「セクション内での見出しレベルは問わない」というルール自体が見直しの方向**となっているのか正しく判断できません。

どなたかHTML5仕様策定の経緯やHTML5.1仕様策定の最新動向に詳しい方がいらっしゃいましたら、教えていただけますと助かります。

よろしくお願い申し上げます。