常連

注目の的

質問力

自己紹介

Visual Studio Codeにて拡張機能のLive Serverで表示を確認しようとしたところChrome上で画像のエラーが発生しました。以下エラー文です。

![イメージ説明](255fa4299ffb209bd15887d9dd06fc81.png)
Error: connect ECONNREFUSED 127.0.0.1:80
   at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1113:14)

自分が考える範囲の原因として以下のものを考えました
・Live Server自体のバグ
・PCの問題
・フォルダ構成の問題
・コードの書き間違い

対応として以下のものを実行しました
・Live Serverのインストールし直し
・PCの再起動
・前回上手くLive Serverが使えたDAY10のファイルを用いた検証
・エラー文をググる

PCやLive Serverの設定の問題の気がするのですが自分の力が及ばず解決しないので質問させていただきます。
お手数お掛けしますが、よろしくお願いします。
![イメージ説明](867b8d4922a7c6ec62d0b08f87f1607f.png)

Visual Studio CodeのLive Serverの使う際にエラーについて

今、PHPを使って色々と開発をしていますが、まだまだ初心者です。
かなり初歩的な構文などは理解してますが、フレームワークを使った開発だったり、
MVCとかデザインパターンみたいな事を意識したような設計が出来ません。

現在は基本スクラッチで、ファイルが大きくなったら適当にクラスにして作ったりしてますので、テスト等もあまり書いてません。
きちんとした考えを持ってクラス設計が出来て、テストも行えるようになるにはどうしたら良いでしょうか。
何かお勧めの本や、読む順序などがあれば教えて下さい。

PHPのレベルを中級者レベルに上げるには

```PHP
/**
* 自然数同士の足し算を行う
*
* @param integer $x 自然数であること
* @param integer $y 自然数であること
* @return integer $xと$yの合計値
*/
function Add($x, $y) {
    $sum = $x + $y;
    return $sum;
}
```


このようなコードがあるとします。
$x, $yが引数として妥当であること（型がintegerである、自然数である）の検査をする箇所について質問があります。
検査すべき場所として下記3パターンあると思うのですがどれが妥当なのですか？
(a)関数内で行うもの
(b)呼び出し側で行うもの
(c)a,b両方で行うもの

防衛的プログラミングや契約プログラミングというワードを「達人プログラマー」の書籍でしり混乱しています...
上記3パターン以外の手法も歓迎しております。どうかお知恵をお貸しください。


【追記】
情報の質と量が多くみなさんの全ての回答を読めていません。
いまだ「未解決」のままになっていますが週末利用して頂いた回答を理解できるように致します。

関数の引数はどこで検査するべきか

ファイルサーバ上の共有フォルダ(cifs)で複数人でgitを使うことを画策していますが、どんな問題があるでしょうか。経験に基づくエピソードを教えて下さい。



ユーザ企業システム部門に支援で参画しています。

ファイルサーバの中身が混迷を極めています。ファイル名に日付や_r1やFinalのようなオマケをつけていたり、前世代をとりあえずoldに放り込んだり、Excelファイルを複製して各自で編集したものを若手が頑張って統合していたり、といった状態です。扱うファイル形式は xlsxやdocxが中心です。

Subversionの経験があるメンバもいますがマイノリティにとどまっています。混迷を打開するためにTortoiseGitの導入を画策しています。

共有フォルダをremoteとするのはちょっと教育コストが高そうなので、まずは共有フォルダ自体を単一のローカルリポジトリとして扱い、まずは add, commit から始めるのがいいかしらと考えているところです。

共有フォルダでgitを使えるか

ご意見ありがとうございました。
次に進もうと思います。

以下、質問です。
タイトルの通り、「気付けばプロ並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終了

ここで質問をするレベルの内容では無いことは承知してますが、皆さんの意見を是非聞いて参考にしたいと考えています。
まずは自己紹介からですが、いま高校3年(高校の全国偏差値は50ちょい、自分自身の偏差値は全国55程度)です。
将来、ゲームプログラマーになりたいと思っているので、すこし前からCとC++をすこし勉強し始めています。これからの進路を考えているのですが、専門学校に通いつつ独学でプログラミングの知識を学ぼうと考えています。(今のことろ一流大学の情報系は学力的にすこし厳しいです)そこで皆さんは学生時代にどんな勉強をしたか、もしくはどんな勉強をしとけば良かったと思うか。また専門学校ならばどのようなどころがいいかを是非ご教授頂きたいです。あと自分はまだそんなにプログラミングやプログラミング業界の事がわからないので何でもいいので色々なアドバイスを教えて頂きたいです。
自分は努力は惜しまない覚悟なので、きつい内容でも参考にしてがんばります。
よろしくお願いします。
長文失礼致しました。

プログラマーになる為のアドバイスを…

###前提・疑問点
現在、ruby on railsで大学の友人とwebアプリを作っています。デザイン部分は友人に頼み、僕はバックエンドを担当しています。新規アプリを作成する際にScaffoldを用いて良いのか悩んでいます。特にScaffold後、Bootstrapでテキストエディタを作成しようとしています。
###発生している問題・エラーメッセージ
開発初期にScaffoldを用いて作成しようと思っているのですが、友人にデザインを頼む際すでに作成されたものを修正するなどで友人に過度な負担がかからないか心配です。僕はデザインのことはわからないのとrailsビギナーです。（railsチュートリアルは一周しました。）
###作成したいもの
・ログインシステムのついたブログアプリケーション
・リッチなテキストエディタのついた投稿画面（以下のような）
[https://joppot.info/2015/03/02/2338](https://joppot.info/2015/03/02/2338)
###欲しいアドバイス
・Scaffoldを使うか否か
・Scaffoldを使う場合にデザイン部分における注意点
・Bootstrapはデザイナーにとって邪魔な存在か
###補足情報(言語/FW/ツール等のバージョンなど)
Ruby/Ruby on rails/HTML/CSS

Bootstrapの導入について

主に独学で勉強し、生php,生javascript,pear,mysql等を勉強しています。
目標はサーバーサイドエンジニアとしての就職ですが
コーダーやフロントエンドエンジニアから実績を得るのもありだと考えています
(がしかしタグ打ち等は正直苦手です)

一応この程度は作れるようになりました
[参考サイト](http://qgyhc680.webcrow.jp/test/uploader/index.php)

ちなみに画面表示関連はbootstrap利用で手抜きをして、
訪問者がある場合クッキー利用でカウントすると同時にメールで訪問を知らせる仕組みになっています。

ここから質問なのですが。この程度レベルから就職を目的としたステップアップを目指す場合、次に習得するべき要素としてはどういうものがあるでしょうか？
例えば、フレームワーク等の利用を覚えるとか、
あるいは、サイトを作り散らかして製作の経験値を積むとか
はたまた、万能型を目指して、htmlに立ち戻るとか
おそらく学校で勉強されてそこから就職した方から見るとなんてことはないことなのでしょうが
経験を積まれた方のアドバイスが聞きたいところです。

BAはあえて付けない方向で行こうと思いますのでよろしくお願いします


追記
様々な回答有難うございます
例えですが、web系の専門学校等のカリキュラムと比べてみて「これが足りない」「これは押さえておいたほうがいい」的な意見もあれば有難いです。

就職を前提とした場合次に覚えることは？

独学で勉強しているのですが
phpを一通り流してjavascriptを始め、今ajaxの基礎をやっています
そこまで来てはたと引っかかったのですが
基本手続き型(オブジェクトも使えるというのは今は置いておきます)と違い
javascriptはある程度のものをコーディングしようとするといろいろな用語が出てきて
それを理解しているもしくは調べないと言語自体の理解がしづらい面があると思います。

例を上げると
再帰、コールバック関数 等々です

これらはphp(やおそらく他の言語)でも使われているものであり
言語の専門書を見てもあまり詳しく記載されていない場合があります。

そこで、そのような用語や、特定の言語に限らない構造的な事柄に関して
おすすめの書籍やサイトがあれば教えてもらいたいと思います。

特定の言語に限らない用語全般

PHPを使っています。

DBに、
時：分：秒
00:40:93
01:32:09
00:15:34
00:30:50
01:00:33
のように、時間を保存しています。

これを表示させるときに、1時間を超えているものは
01:32:09→92:09
01:00:33→60:33
のように分表示し変換したいのですが、方法はありますでしょうか？
DBに保存する段階で60分形式にしておかないとダメでしょうか？

もし解決方法がありましたら、よろしくお願い致します。m(__)m

時間を01:00:00→60:00で表示したい

クラウドソーシングでの仕事の仕方について教えて下さい。
私は現在webデザインのスクールの入門コースを通っていてそこを経たらクラウドソーシングでの仕事で次のステップのコースの学費を溜めようと考えています。そこではフォトショップやイラストレーターが勉強できますが入門コースではホームページ作成の知識とソフトを使ってのホームページ作成だけです。
なのでフォトショップやイラストレーターの知識がないけどクラウドソーシングで仕事を提案しようと思っています。
実際にスクールなのでポートフォリオを充実することはできます。(フォトショップやイラストレーターでの加工はなし)
安価で提案しようと考えていますがどうすれば受注できますか？
いろんなクラウドソーシングに登録して提案数が少ない募集に何十個も応募しようと思っていますが実際に受注できますか？
フォトショップやイラストレーターがないだけで受注ができない可能性は格段に下がりますか？

クラウドソーシングでの仕事の受注の仕方

イントラネットワーク内にWebサーバーとしてLinux(CentOS7)を立てました。

作業しているパソコン(Windows)からPHP等のファイルを更新していちいちFTPでアップロードするのが面倒なのですが、エディタ(Eclipse等)でファイルを修正して保存したら即座にサーバーに反映させる事は可能でしょうか？

Linuxサーバーは自由に設定変更することができます。
以前はWindowsサーバーのApacheで開発していたのでドキュメントルートをフォルダ共有してファイルを直接変更できてとても便利でした。
Linuxは初めてで勝手がよくわかっていません。

よろしくお願いします。

---
追記

プログラムの修正を何度も試して実行する状況を便利にしたいと思っています。
バグの修正やロジックの検証で少し変えては保存→実行を繰り返しています。こういう状況で皆さんはどうされているのかご教示いただけると幸いです。

サーバーのファイルを簡単に更新したい

現在ドットインストールの「PHPでログイン機能を実装しよう」（http://dotinstall.com/lessons/sns_php_v3）を勉強しておりまして、ローカル開発環境では問題なく動作確認ができたのですが、

さくらのレンタルサーバ（スタンダード）へ実装すると下記のエラーから進めません。
Fatal error: Class 'MyApp\Controller\Index' not found in /ローカルホスト/test/public_html/index.php on line 8

ローカル開発環境では問題なく動作することを考えると、さくらのサーバの問題なのか、記述の問題なのか全く見当がつかなくなりました。
自分なりにいろいろと調べてみたのですが、解決方法が見当たらないため、ご教授いただけますでしょうか。

ちなみに、ローカル開発環境はVAGRANTでcentosを立ち上げて行っています。
さくらのレンタルサーバにてPHPのバーションは5.6.18です。



申し訳ございません。うっかりして会員限定のページだったことに気づきませんでした。

ディレクトリは```config```、```lib```、```public_html```となっております。

```php
// public_html/index.php
<?php
// ユーザーの一覧

require_once(__DIR__ . '/../config/config.php');

// var_dump($_SESSION['me']);

$app = new MyApp\Controller\Index();

$app->run();

// $app->me()
// $app->getValues()->users

?>
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Home</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div id="container">
    <form action="logout.php" method="post" id="logout">
      <?= h($app->me()->email); ?> <input type="submit" value="Log Out">
      <input type="hidden" name="token" value="<?= h($_SESSION['token']); ?>">
    </form>
    <h1>Users <span class="fs12">(<?= count($app->getValues()->users); ?>)</span></h1>
    <ul>
      <?php foreach ($app->getValues()->users as $user) : ?>
        <li><?= h($user->email); ?></li>
      <?php endforeach; ?>
    </ul>
  </div>
</body>
</html>
```

```php
// lib/Controller/index.php
<?php

namespace MyApp\Controller;

class Index extends \MyApp\Controller {

  public function run() {
    if (!$this->isLoggedIn()) {
      // login
      header('Location: ' . SITE_URL . '/test/login.php');
      exit;
    }

    // get users info
    $userModel = new \MyApp\Model\User();
    $this->setValues('users', $userModel->findAll());
  }

}
```


```php

// config/config.php
<?php
ini_set('display_errors', 1);

define('DSN', 'mysql:host=**********;dbname=**********;charset=utf8');
define('DB_USERNAME', '**********');
define('DB_PASSWORD', '**********');

define('SITE_URL', 'http://' . $_SERVER['HTTP_HOST']);

require_once(__DIR__ . '/../lib/functions.php');
require_once(__DIR__ . '/autoload.php');

session_start();
```
```php
// config/autoload.php
<?php
spl_autoload_register(function($class) {
  $prefix = 'MyApp\\';
  if (strpos($class, $prefix) === 0) {
    $className = substr($class, strlen($prefix));
    $classFilePath = __DIR__ . '/../lib/' . str_replace('\\', '/', $className) . '.php';
    if (file_exists($classFilePath)) {
      require $classFilePath;
    }
  }
});
```

PHPでログイン機能を実装

###前提・実現したいこと
PHPでシステムを作っています。  
ユーザーのログイン機能を実装したいのですが、文献等も乏しく開発できません。
CakePHP等のフレームワークを使用せずに、1からすべて作りこんでいきたいのですが、
どのような手順で行っていけば良いのかわかりません。

簡単に作成手順を解説してくださるとありがたいです。

PHPでのユーザーログイン機能構築

転職のためにweb関連(サーバーサイド中心)の勉強をしています。
全く技術的な質問でないので恐縮なのですが

よく、クラウドワークスやランサーズ等のサイトを見るとクローラー作成やスクレイピング等の依頼が見られますが、ああいったものはどの程度仕事としてあるのでしょうか？
個人的には[Librahack事件](https://ja.wikipedia.org/wiki/%E5%B2%A1%E5%B4%8E%E5%B8%82%E7%AB%8B%E4%B8%AD%E5%A4%AE%E5%9B%B3%E6%9B%B8%E9%A4%A8%E4%BA%8B%E4%BB%B6)などもあり黒くはないけれどなんとなくいいイメージが感じられないのですが・・・
（もっとも今どきクローラー等をほとんど考慮していないのも問題なのでしょうが）
APIがあるのであればともかく無いものに対してそういったことをするのがどのくらい一般的に仕事として行われ、扱われているのかを知りたいと思います。

ちょっと漠然とした質問ですみません。

クローラーについて

現在の私のスキルとしてはhtml,cssはとりあえずは理解している。
php,mysqlは初心者に少し毛が生えた程度の理解度です。

そこで
[http://www.asoview.com/](http://www.asoview.com/)
のようなサイトの構築を検討しています。

いったいどのように構築していくのが最適なのかが判断できない状態で
困っております。

最低限必要な機能としては
0. ユーザーのログイン機能。
0. 各ユーザーの管理画面があり、各ユーザーが情報を更新できる。

になります。
フレームワークなどを活用して作るべきなのか？
フレームワークを使うならどのフレームワークを利用するのがいいのか？

等アドバイスをお願い致します。

構築方法に関して

最近ユーザの質がかなり落ちたと思いませんか？特に質問する側のユーザの質が著しく落ちたと感じています。googleで検索すればわかるような問題や、本すら買ってないレベル、面倒なのであきらかに丸投げしている質問、マークダウンを使わないベタ貼り、回答に対してのお礼もレスも全くない質問などです。

私はこのサービス初期から使っていますが、あまりにもクソみたいな連中が増えたので、最近は別アカウントでクソみたいな質問のみにクソみたいなレスを返すようになりました。大概が新規アカウントで単発のクソみたいな質問内容や方法のものです。

当然このような方法は解決作になるわけがないというのはわかっていますが、皆さんが運営者ならどのように解決改善していくでしょうか？




**この質問を投稿した背景**
学生がクソみたな質問をするのはしょうがないなーと思えるのですが、いい年こいた大人が（法人登記までしているのに）商用目的のサイトを作るためにこのサイトを利用し、クソみたいな質問を繰り返しているのを皆さんは許せますか？

彼らはクラウドソーシングで安価な自社のホームページ制作は発注するのに、要となるサービスは発注せずに自分で安くしたいがためにクソみたいな質問を連発しています。サービスを自身で作りたいという気持ちがあるのならわかるのですが、そういう気持ちは感じられません
例えばパラメータを変えただけで他のユーザの住所情報を閲覧編集できる問題を指摘しても直さないのです。

彼らの多くは非エンジニアで一人で起業ごっこをしているようにしか見えません、当然類似サービス等も調べるのも面倒なので行っておらずサービス自体も既にあるサービスの焼き直しの物ばかりです。

最近のteratailについて

テキストボックスに文字列を入力すると、テキストボックスの下に、データベースの文字列と部分一致する文字列を表示したいです。

```HTML
<input type="text" id="INPUT_ID" name="INPUT_NAME" list="A_LIST" value="前画面POST">
<datalist id="A_LIST"></datalist>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
  $("#INPUT_NAME").keyup(function(elm){
    $.ajax({
      type: "POST",
      url: ajaxurl,
      data: {"cond": $(elm.target).val()},
      success: function(result){
        $(elm.target).next().html(result);
      }
    });
  });
</script>
```

上記、Ajaxによるデータの受け渡しは成功し、ブラウザF12開発ツールで確認すると<datalist>内部にデータは表示されるのですが、ブラウザ上（GoogleChrome）では期待通りに表示されません。
<datalist>は以下の通り変わります

```html
<datalist id="A_LIST">
  <option value="アクア"></option>
  <option value="アクセラ"></option>
  <option value="アクセラスポーツ"></option>
  <option value="アクティトラック"></option>
  <option value="アクティバン"></option>
  <option value="カローラアクシオ"></option>0
</datalist>
```

諸般事情で"1.9.1/jquery.min.js"以外使用できないのですが、ただdatalistに要素を追加するだけでは、入力保管リストの動的変更はできないのでしょうか。

よろしくお願いいたします。


---
追記

上記での実装を諦めて、<input>の下に<select>を動的に表示することで代替実装したしました。
とはいえ、HTML5としては本来できるであろう（と私は思ってる）内容で、質問としては可決していないので続行させてください。

Ajaxによる入力補完

いつもお世話になっております。
重いバッチ処理を実行する際に、バックグラウンドで実行させてユーザを待たせないようにしたいと考えています。
しかし、Ajaxで処理実行後、画面遷移ができずにエラーが返ってきます（サーバ側(PHP)の処理は継続している）。

具体的には下記のようにしたいと考えています。

* 集計画面に集計ボタンがある。
* 集計ボタンを押すとサーバ側で処理が実行される。
* 集計ボタンを押すと画面遷移はせず、ローディングアイコンに切り替わる（ぐるぐる回っているだけ）
* 集計ボタンを押したら画面遷移してもブラウザを落としても処理は継続される。

集計ボタン押下のタイミングと、集計画面を開いたタイミングでバッチ処理の状況をDBから取得し、継続中ならローディングアイコン、終わっていれば（または処理対象がなければ）通常画面を表示、
といった動きを想定しております。

ソースは以下のように書きました(抜粋)
```HTML
<input type="submit" class="btn" onclick='calcExec()' value="集計" />
```

```Javascript

function calcExec(){
  $(function(){
    $.get('/execute', { hoge : hoge }).done(function(data){
      ･･ ･
    }); // 処理中に画面遷移するとstatus=0のエラーが返る。

    checkStatus();
  });
}

function checkStatus(){
  $(function(){
    polling = setInterval(function(){
      $.get('/check', {fuga : fuga}).done(function(data){
        if(data == 0){  // PHP側で処理が終わったら0を返す
          clearInterval(polling);
        }
      });
    }, 5 * 1000);
  });
}

```

回避策をご教授いただけると幸いです。
基本的なことかと思いますが、よろしくお願いいたします。

[Ajax]実行すると画面遷移ができなくなる

よくある問い合わせフォームがあります
```HTML
<form id="formform" method="post" action="form.php">
    <input type="text" name="name" /><br />
    <input type="tel" name="email" /><br />
    <input type="fax" name="tel" /><br />
    <input id="submitsubmit" type="submit" value="送信" />
</form>	
```

これの『送信』ボタンが押された際にjavascript(jQuery)で
別のフォームをポップ（モーダルウィンドウ?iframe?）で出したいと思っています。

そのフォームにも同様に入力して、submitが終わったら元のフォームもsubmitされるというようにしたいです。

本体のhtmlには手を加えず、JSのみでファイルを読み込むだけで実装したいと考えております。

どのような手順で開発したらよいか、
もしくは何か既存のドキュメント等があれば、
お教えいただけると助かります。