常連

注目の的

社会貢献

質問力

どうもおはようございます。
先にお伝えしますと、この質問は技術的な興味から来た質問です。
まず、HTML5では通常以下のようなコードを書くと思います。
```HTML
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
</body>
</html> 
```
これを、**より短く**記述する方法がありましたら、是非ご教授ください。
稚拙な質問で恐縮ですが、よろしくおねがいします。

HTMLをできるだけ短くしたい。

どうもこんにちは。
先にお伝えしますと、この質問は技術的興味から来た質問です。
まず、HTMLのコードで以下の書き方をよく見かけます。
```HTML
<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="http://example.com/">
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<script src="http://example.com/"></script>
</body>
</html> 
```
このコードでscriptタグをbodyタグの下に書いている理由をご教授していただきたいということが今回の質問内容です。
稚拙な質問で恐縮ですが、よろしくおねがいします。

scriptタグはなんで通常bodyに書くのか。

jQuery初心者です。
今度から実装を開始する案件で困っていることがありまして、
お力をお借りさせていただきたく質問をさせていただきます。

メインビジュアルに縦固定、横可変のムービーを置き、
以下の画像のような動作をさせるよう、指示をされているのですが、
この場合はどのようにjQueryを組むのがよろしいのでしょうか…。

![イメージ説明](f1be3d8a00a3bd3b94b899bf36bf90fc.png)

自分でも調べてはみましたが、
jQueryが不慣れな上、動画を扱った実装経験も少ないため
困っております…。

スライドはbxsliderを使用する想定でございます。

何卒、ご教授の程お願い致します。

【jQuery】ムービーの動作設定について

MySQLにtext形式のカラムを作り、日本語文を入れています。

select * from tbl where `item` = 'ほげほげ'

の様に検索しているのですが、レコード数が増えると検索が重くなります。

itemカラムにindexを貼ろうと思いましたが、text型なのでindexを貼る事ができません。
完全一致で日本語文でもindexが貼れるカラム型があれば教えてください。

尚、文字量は１００文字程です。

MySQL : 日本語の完全一致を高速にSELECTするには？

PHPを学習中です。PHPのマニュアルを見ていたのですが、[mysqliクラス](http://jp2.php.net/manual/ja/class.mysqli.php)と[PDOクラス](http://php.net/manual/ja/class.pdo.php)というものがあることを知りました。また、他の色々なサイト[1]でPDOが主流であることも知りました。
たしかに、PDOは色々なRDBMSに使えることや、動作が速い、バインド機構が使えるなど使ったときのメリットがありますが、mysqli関数も十分に動作が速く、バインド機構が使えることなどは変わらないと思います。mysqli関数ではなくPDOを推薦する具体的な理由とはどのようなものがあるのでしょうか？ 
よろしくおねがいします。

[1]. 以下にリスト形式で追記させていただきます。
0. [PHPとMySQLのUPDATE文でデータ更新(PDO)](http://www.flatflag.nir87.com/update-950)
0. [IT技術者の悩み[PHP]  |  まろらぼ](https://lab.maro-log.net/post-2969/)
0. [クエリービルダーとEloquent](https://kore1server.com/236)

PDOが人気の理由とは？

###前提・実現したいこと
Rails4系にて、投票受付時間をセレクトボックスで選択できる、選択肢型のアンケート機能を作ろうとしています。
投票受付時間を超えていたら回答出来なくなる、という想定です。

###発生している問題
アンケート機能自体はひと通り出来たのですが、各アンケート作成時に制限時間を設定する部分でつまづいています。
form_forで回しているフォームの中でアンケートのタイトル、詳細、選択肢を入力する欄が有り、その中に制限時間を選択するセレクトボックスを置きました。

制限時間の選択肢として、アンケートを作成した時間から30分後、1時間後、3時間後など、最長で24時間後まで選べるものにしたいです。

1.hours.from_nowなど、相対的な時間がとれるメソッドがあるのは見つけたのですが、今回の場合これをどの部分に置けば良いのか（view? controller?）、もしくは、他に良い方法があるのか、アドバイスを頂きたいです。
よろしくお願いします。

また、上記問題をクリアしたあとについてなのですが、制限時間を過ぎたかどうかは、DBに収めた制限時間の時刻と現在時間の比較は不等号機能でシンプルに調べられそうだなぁと見ていますが、もし違っていたらアドバイス頂ければと思います。
よろしくお願いしますm(_ _)m


###補足情報
- Rails 4.2.5で作成しています。
- 現在DBはSQLite3を使用していますが、公開時は別なDBを使う予定です。
- 制限時間を選んだらDBに現在時刻＋制限時間の日時がtime型で収まるのかなと考え、time型のカラムを用意しています。
- WebPackにてES6も導入しています。

Railsにて、セレクトボックスで制限時間を選び、DBに収め、現在の時刻と比較したい

jquery mobileを使って、テキストボックスの中に検索ボタンをつけたいのですが、どうすればいいかわかりません。
何か参考になるサイトなど教えて頂けないでしょうか。
キーワード検索を同じようなことがしたいです

jquery mobileを使って、テキストボックスの中に検索ボタンをつけたい

railsで現在コントローラーを作ろうと思っているのですが
app/controllers/users/
のusersのフォルダの中にfavorites_controller.rbを作りたいと思います。
どのようなコマンドを打つと作成できますか？
現在考えているコマンドは
rails g controller users favorites
です。
しかし、usersのフォルダと同じ階層にusers_controller.rbができてしまいます。
間違っているところ等指摘していただけるとありがたいです。

railsでコントローラーを作成しようとしているのですが...

viewのパラメータでtrueやfalseを渡して、controllerでparams[:foo]で取り出すと、"true"や"false"の文字列になるのですが、真偽値は渡せないでしょうか？

paramsでtrueとfalseが文字列になる

「あとで読む」に [Pocket](https://getpocket.com/) というサービスを便利に使っています。PCとAndroidから閲覧しています。

消費したコンテンツを捨てたくないなーという時に、[はてぶ](http://b.hatena.ne.jp/)にストックしておきたいのですが、簡単なやり方はないでしょうか。

あるいは、こういった連携が簡単な「あとで読む」や「ブックマーク」サービスでおすすめがありましたら教えて下さい。

Pocket(getpocket.com)→はてぶ 連携方法

下記のようなAPIがあります。
このAPIはindex.htmlからもらったデータをsearch1.phpに投げ、JSON方式のコールバックを拾ってくるAPIです。
ただsearch1.phpはレスポンスが鈍く2秒ほど掛かるため、下記のapiのままでは、states200を返す前にデータを送ってしまい毎回nullを返してきます。
このapi.jsについて、「search1.phpがstatus200を返してからレスポンス成功時の処理をさせたい」というのが趣旨です。

  if (send_data.readyState == 4 && send_data.status == 200){ }

という処置を嚙ませればいいのはおよそ見当がつくのですが、どう記載すればいいかがわかりません。(適当においた場所では上手くいきませんでした)
お手数ですが、下記のソースを修正いただけますでしょうか?
よろしくお願いいたします。


api.js

```javascript

$(function() {
  //  クリックイベントにajax処理を登録する
  $('body').on('click', 'button[data-btn-type=ajax]', function(e) {
    console.log('click btn');
    //  リクエストの下準備
    //  リクエスト時に一緒に送るデータの作成
    var send_data;
    send_data = {
      //  テキストボックスの値を設定
      user_type : $('input').val()
    };
    console.log(send_data);
    //  WebAPIを叩く
    $.ajax({
      //  リクエストの内容
      url: 'search1.php',
      dataType: "json",
      data: send_data,
      //  レスポンス成功時の処理
      success: function(responce) {
        if (responce.result === "OK") {
          console.log(responce);
          $('div[data-result=""]').html(JSON.stringify(responce));
        } else {
          console.log(responce);
          $('div[data-result=""]').html(JSON.stringify(responce));
        }
        return false;
      },
      //  レスポンス失敗時の処理
      error: function(XMLHttpRequest, textStatus, errorThrown) {
        console.log(XMLHttpRequest);
        console.log(textStatus);
        console.log(errorThrown);
        $('div[data-result=""]').html(JSON.stringify("データ取得中にエラーが発生しました。"));
        return false;
      }
    });
    //  フォーカスをテキストボックスに合わせる
    $('input').focus();

    return false;
  });
});


```

尚、自分なりに置いてみてうまくいかなかったのは下記です。

      //  リクエストの内容
      url: 'search1.php',
      dataType: "json",
      data: send_data,

 と
   success: function(responce) 

の間にif (send_data.readyState == 4 && send_data.status == 200)を置くしかないと思うのですが。

そうするとカンマ区切りの中に無理やりIF文を入れることになるため動かないだろうと思いながらやったのですがやはり動きませんでした。

```javascript


$(function() {
  //  クリックイベントにajax処理を登録する
  $('body').on('click', 'button[data-btn-type=ajax]', function(e) {
    console.log('click btn');
    //  リクエストの下準備
    //  リクエスト時に一緒に送るデータの作成
    var send_data;
    send_data = {
      //  テキストボックスの値を設定
      user_type : $('input').val()
    };
    console.log(send_data);
    //  WebAPIを叩く
    $.ajax({
      //  リクエストの内容
      url: 'search1.php',
      dataType: "json",
      data: send_data,
      //  レスポンス成功時の処理

//追加してみた

if (send_data.readyState == 4 && send_data.status == 200){

      success: function(responce) {
        if (responce.result === "OK") {
          console.log(responce);
          $('div[data-result=""]').html(JSON.stringify(responce));
        } else {
          console.log(responce);
          $('div[data-result=""]').html(JSON.stringify(responce));
        }
        return false;
      },
      //  レスポンス失敗時の処理
      error: function(XMLHttpRequest, textStatus, errorThrown) {
        console.log(XMLHttpRequest);
        console.log(textStatus);
        console.log(errorThrown);
        $('div[data-result=""]').html(JSON.stringify("データ取得中にエラーが発生しました。"));
        return false;
      }
    });
    //  フォーカスをテキストボックスに合わせる
    $('input').focus();

    return false;
  });
});

//追加してみた
}


```

【javascript】status200を拾ってからレスポンス成功時の処理

こんにちは

getsメソッドでユーザからの入力を待って、ハッシュオブジェクトからvalueを引き出したいのですが、うまくいきません。どうしてでしょうか・・・？

正しい動作イメージとしては、ユーザがtitleと入力したら、「ほんのなまえ」という文字列をターミナルに出力したいです。

初心者の質問でごめんなさい。答えてくれる方が入ればよろしくお願いします。


```ruby
def book_info(book, date)
  puts book[:date]
end

book = {:title => "ほんのなまえ", :genre => "じゃんる", :year => "しゅっぱんび"}

puts "ひとつ選んで入力してください。"
puts "・title"
puts "・genre"
puts "・year"

information = gets.chomp

book_info(book, information)
```

rubyのハッシュについて

Web Storageの中身を一覧表示してsubmitボタンで選んだもののkeyとvalueを再編集を試みているのですが、
どうも思うように表示できなくてまた書いてみました。
show_resultの部分を最初は一覧表示して
そこの中のクリックしたもののkeyを引き継ぎ
keyとvalueを入力するテキストボックスとボタンを表示し
いったんreturnで止めた？
onclickでfunction set()にてセットし終わらせたいのですが
ここでもreturnを使ったのですがまた最初から表が始まり流れてしまうのはなぜでしょう

また違う方法では、クリックしたとき別の画面をwindow openで考えてみたんですが
変数の値を違うHTMLファイルに継続する方法がわからずこまってました、

goto文のようにラベルを付けることも試してみたんですが
どうやらだめらしいので困り果てました。

一瞬テキストボックス2つとボタンが表示されるのですが
通り過ぎてしまっているらしいです

ソース内容

```ここに言語を入力
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset=utf-8>
    <title>Web Storageの中身を一覧表示してsubmitボタンで選んだもののkeyとvalueを再編集</title>
</head>
<body>

<script>
    var storage = localStorage;
    var result = "";
    var items = {
        data1: "data2",
        data3: "data4"
    };

    function addItem() {//setItem用関数
        Object.keys(items).forEach(function (key) {
            storage.setItem(key, items[key]);
        });
    }

    function dataedit(key) {


	result +="<input id='k\" + i + \"' type='text' value='\" + k + \"'>" +

		"<br>value：<input id=\"v\" type=\"text\">" +

		"<input type=\"button\" value=\"input\" onClick=\"set()\">";

        document.getElementById("show_result").innerHTML = result;
	
	return;

    }


//データを再保存する
function set() {
	var k = document.getElementById("k").value;
	var v = document.getElementById("v").value;
	storage.setItem(k, v);


	var i = " k";
	

	if(window.confirm('key : ' + k +  '\nvalu : ' +  v + '\nと入力されました')){

	location.href = "index.html"; 

	return;

	}
 }


    window.onload = function () {
        for (var i = 0; i < storage.length; i++) {
            var k = storage.key(i);

            result += "<form name='js'>" +
                "<table border='1' cellspacing='0' cellpadding='0'>" +
                "<tr>" +
                "<td width='100'>" +
                k +
                "</td>" +
                "<td width='200'>" +
                storage.getItem(k) +
                "</td>" +
                "<td width='100'>" +
                "<input id='k" + i + "' type='text' value='" + k + "'>" +
                "<input type='submit' value='編集' onclick='dataedit(\"" + k + "\")'>" +
                "</td>" +
                "</tr>" +
                "</table>" +
                "</form>";
        }
        
        document.getElementById("show_result").innerHTML = result;


        
    };
</script>
<div id="show_result"></div>

</body>
</html>
```
大変申し訳ないです。よろしくお願いします。

Web Storageの中身を一覧表示してsubmitボタンで選んだもののkeyとvalueを再編集

mysql系が非推奨とのことを知り、PDOの練習をしています。
しかし前回と同様に確認ページで止まっています。
mysqlの時に使用していた
```php
mysql_query($comp) or die(mysql_error());
unset($_SESSION['new']);
header('Location:comp.php');
```
が使えずどうするべきかと悩んでいます。
参考書を読んだり調べてみましたがうまくいかず。
強制的に登録完了のページに飛んでもデータベースには登録されていません。
```php
try {
$pdo = new PDO('mysql:host=localhost;dbname=register;charset=utf8','pma','1234');
} catch (PDOException $e) {
 exit('データベース接続失敗。'.$e->getMessage());
}

ini_set('display_errors', 1);
error_reporting(E_ALL);
 
session_start();

if(!isset($_SESSION['new'])){
	header('Location:new.php');
}

if($_SESSION['new']['gender'] == 1){
	$radio = '男';
}else{
	$radio = '女';
}


$spl = $pdo -> query('SELECT * FROM prefecturals WHERE preNO ='.$_SESSION['new']['pre']);
	if($data =  $spl -> fetch(PDO::FETCH_ASSOC)){
		$preName = $data['preName'];
}


if(!empty($_POST)){
	
	$sql = $pdo -> query('SELECT MAX(NO) AS mNO FROM member');
	if($data2 = $spl -> fetch(PDO::FETCH_ASSOC)){
		$comp = $pdo -> prepare('INSERT INTO member (NO,ID,password,name1,name2,gender,mail,tel,post,address1,address2,address3) VALUES (:NO, :ID, :password, :name1, :name2, :gendere, :mail1, :tel, :post, :pre, :address2, :address3)');
		$comp -> bindValue(':NO',$data2['mNO'] + 1, PDO::PARAM_INT);
		$comp -> bindParam(':id',mysql_real_escape_string($_SESSION['new']['ID']), PDO::PARAM_STR);
		$comp -> bindParam(':password',mysql_real_escape_string($_SESSION['new']['password']), PDO::PARAM_STR);
		$comp -> bindParam(':name1',mysql_real_escape_string($_SESSION['new']['name1']), PDO::PARAM_STR);
		$comp -> bindParam(':name2',mysql_real_escape_string($_SESSION['new']['name2']), PDO::PARAM_STR);
		$comp -> bindValue(':gender',mysql_real_escape_string($_SESSION['new']['gender']), PDO::PARAM_INT);
		$comp -> bindParam(':mail1',mysql_real_escape_string($_SESSION['new']['mail1']), PDO::PARAM_STR);
		$comp -> bindParam(':tel',mysql_real_escape_string($_SESSION['new']['tel']), PDO::PARAM_STR);
		$comp -> bindParam(':post',mysql_real_escape_string($_SESSION['new']['post']), PDO::PARAM_STR);
		$comp -> bindValue(':address1',mysql_real_escape_string($_SESSION['new']['pre']), PDO::PARAM_INT);
		$comp -> bindParam(':address2',mysql_real_escape_string($_SESSION['new']['address2']), PDO::PARAM_STR);
		$comp -> bindParam(':address3',mysql_real_escape_string($_SESSION['new']['address3']), PDO::PARAM_STR);

		$comp->execute();
		
	} 
}

```
```html

<form method="post" action="">

<table>
<tr><td>ID</td><td><?php echo htmlspecialchars($_SESSION['new']['ID'],ENT_QUOTES,'UTF-8'); ?></td></tr>
<tr><td>パスワード</td><td><?php echo htmlspecialchars($_SESSION['new']['password'],ENT_QUOTES,'UTF-8'); ?></td></tr>
<tr><td>氏名</td><td><?php echo htmlspecialchars($_SESSION['new']['name1'],ENT_QUOTES,'UTF-8'); ?> <?php echo htmlspecialchars($_SESSION['new']['name2'],ENT_QUOTES,'UTF-8'); ?></td></tr>
<tr><td>性別</td><td><?php echo $radio; ?></td></tr>

<tr><td>メールアドレス</td><td><?php echo htmlspecialchars($_SESSION['new']['mail1'],ENT_QUOTES,'UTF-8'); ?></td></tr>
<tr><td>メールアドレス(確認)</td><td><?php echo htmlspecialchars($_SESSION['new']['mail2'],ENT_QUOTES,'UTF-8'); ?></td></tr>
<tr><td>電話番号(ハイフンなし)</td><td><?php echo htmlspecialchars($_SESSION['new']['tel'],ENT_QUOTES,'UTF-8'); ?></td></tr>
<tr><td>郵便番号(ハイフンなし)</td><td><?php echo htmlspecialchars($_SESSION['new']['post'],ENT_QUOTES,'UTF-8'); ?></td></tr>
<tr><td>都道府県</td><td><?php echo $preName; ?></td></tr>
<tr><td>住所</td><td><?php echo htmlspecialchars($_SESSION['new']['address2'],ENT_QUOTES,'UTF-8'); ?></td></tr>
<tr><td>マンション・アパート名</td><td><?php echo htmlspecialchars($_SESSION['new']['address3'],ENT_QUOTES,'UTF-8'); ?></td></tr>

</table>

<p><a href="new.php?action=return">入力画面へ戻る</a> <input type="submit" value="送  信" /></p>

<input type="hidden" name="name" value="<?php echo htmlspecialchars($_SESSION['new']['name'],ENT_QUOTES,'UTF-8'); ?>" />


</form>

```
catch(PDOException $e){
	die("error:{$e->getMessage()}");
}
をどこで入れるべきでしょうか?
また、PDOはmysqlので使えたrequire('dbconnect.php');
のようなものを作ることは可能でしょうか?

ご教示お願いします。