常連

注目の的

社会貢献

質問力

拍手喝采

情報収集家

自己紹介

phpのスクリプトをデーモンプロセスとして実行したいです。
**指示がきたらすぐ実行したいのでcronは今回の場合は適していません。**メモリのマネージメントに関する問題で、デーモンプロセスを実行するにはPHPが最適でないのは知っています。
しかしいろいろな理由があって、今回はPHPを使わざるをえないのです。**そこでデーモンプロセスのマネージメントを手伝ってくれる、libslackのDaemonというようなツールを探したのですが、ここ数年間なにもアップデートされていませんでした。**
他のツールを知っている方がいたら教えてほしいです。

PHPで作ったスクリプトをデーモンのプロセスとして実行するための方法を探しています。

初めて質問をさせて頂きます。
アプリ内で作成したToDoをSQLiteを使ってローカルのデータベース内に保存し、表示するアプリを作成しています。
このデータベース内のデータを機種変時に引き継ぐ機能を付けたくて調べていたのですが、ローカルで保存しているデータベース内のデータをどう引き継がせると良いのかよくわかりません。
SQLですべてのデータを書き出して、新しい機種で読み込ませて新しくCREATEしたテーブルに追加したらいいんですかね？
分かりにくかったらすいません。よろしくお願いします。

androidアプリのデータベースをローカルで引き継ぐ方法について

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仕様策定の最新動向に詳しい方がいらっしゃいましたら、教えていただけますと助かります。

よろしくお願い申し上げます。

Gruntなどで、よく出力先のフォルダの名前に使われる「dist」の意味

WindowsのMassigraのようなビューアがMacにもあればいいのですが、なかなか目ぼしいものが見つかりません。
おすすめの画像ビューアがあれば教えてください。

必須の点としては、画像を1枚開くだけでそのフォルダの画像を前後して閲覧できる機能があることです。
Mac標準のプレビューですとそういったものがなくて非常に使いづらいです。

理想としてはWindowsのMassigra、次点としてはWindows標準の画像ビューアです。

よろしくお願いします。

Macでシンプルで使いやすい画像ビューアを探しています

javascript に selectionchange というイベントがあります。選択が変更されたときに呼び出されるイベントですが、firefox では効かないようです。

https://developer.mozilla.org/ja/docs/Web/Events/selectionchange

上記リンク先の仕様書？を見てみると Browser compatibility の Firefox のところに注釈があります。これは何を意味していますか？英語も専門用語も半端な理解しかないので、意味が不明です。単に利用不可なのか、何か工夫すれば利用可能になるのか？

https://developer.mozilla.org/en-US/docs/Web/API/Document/onselectionchange

↑ onselectionchange と selectionchange の違いも分かりません。違いは何でしょう？
firefox で文字列の選択範囲が変更されたタイミングを知る方法を教えてください。

よろしくお願いします。

firefoxにて、選択範囲が変更したタイミングを取得したい

こちらのトップページが重くて困っております。
http://www.vrlab.jp/

bloggerを改変して利用していますが、考えられる理由は
- GIFアニメ画像が重い
- ストリートビューAPIの回転が重い
- ３段目のパノラマ画像回転が重い
辺りかなとは思っていますが、よくわかりません。

当方は職業でウェブサイトを制作したことはなく、自分で制作している素人です。

よろしくお願い致します。

ウェブサイトが重い原因がわからない

railsでTwitter APIを使い、ツイートするだけの簡単なwebアプリケーションを作っています。

omniauthなどでアクセストークンを取得し、APIを利用する方法は沢山出てくるのですが、そのセキュリティについての情報があまり見つかりません。（気にしなくても良いということなのでしょうか…）

oauth認証時にアクセストークンをDBにそのまま保存していますが、これはセキュリティ的にどうなのでしょうか？

もしDBに保存したアクセストークンが盗まれてしまったら、それだけでwebアプリからツイートが出来てしまいますか？

そうなってしまうのであれば、対策としてどのような事が考えられますか？

もしアクセストークンが盗まれてしまったら

現在のレスポンシブでは、下記のようにこれ以上小さくならないように指定することはしないでしょうか？

アップルウオッチなども考慮に入れてブラウザ最小まで見れるようにするのが一般と変わっていますか？


```ここに言語を入力
body {
    min-width: 320px;
}
```

現在のレスポンシブでは、下記のようにこれ以上小さくならないように指定することはしないでしょうか？

CSSのVM、VHは、プラグインなどを使って、アンドロイドブラウザ4系でも使えるようにすることなど出来ないのでしょうか？

postcssのフューチャーシンタックスで記載しても、まだ使えないのでしょうか？

プラグインはあるという噂は聞きますがご存じないでしょうか？

CSSのVM、VHは、プラグインなどを使って、アンドロイドブラウザ4系でも使えるようにすることなど出来ないのでしょうか？

Twitter Bootstrap以外で使いやすいCSSフレームワークがあれば教えていただきたいです

[Foundation](http://foundation.zurb.com/)
[Pure ](http://purecss.io/)
[HTML KickStart](http://www.99lime.com/elements/)
は少し使ってみました。

使ってみた感想やBootstrapとの違いなどあればうれしいです。

Twitter Bootstrap以外で使いやすいCSSフレームワークは？

silexのチェンジログを見ると色々と変更点があるのですが、なんか一部の名前空間が変わったとか、 `request` が `request_stack` になったとか、よくわからない変更が多かったです。

結局何が一番変わったのでしょうか。また、これらの変更って昨今のPHPフレームワーク界隈での動きに合わせたものだったりするのでしょうか。

Silexで1系から2系へのバージョンアップで一番変わった事ってなんでしょうか

HTMLのチェックソフトでみなさんがお使いのソフトを教えてください。

Web関連でHTMLのタグが閉じているか？や
" " や ' ' が閉じているかを大量にチェックする必要がでてきました。
みなさんの使われているHTMLのチェックツール(できればフリー)を教えてください。

visual stadioやeclipseなどを使えばもしかしたらできるのかもしれませんが
HTMLのチェックだけになかなかインストールしずらい状況です。

現在、chromeの「HTMLエラーチェッカー」というプラグインをつかっていますが、
ローカルのファイルをブラウザで開いてチェックすると「リロードしてください」と
表示されて解析してくれません。
(サーバにアップすればチェックはできるがアップロードには申請がいる開発規定なので簡単にアップできません)

できればローカルのHTMLファイルに対応したWindowsのフリーソフトを教えていただけると助かります。
ツールのインストールも開発規定により簡単にできないので（検証に１週間ほどかかってしまう）
ZIPを解凍するだけで使えるようなソフトがあれば助かります。

また、Another HTML-lint gateway (http://cetus.sakura.ne.jp/htmllint/htmllint.html)
というWebサービスも使ってみましたが、かなり細かく出過ぎるのと、開発中のファイルなので
外部のサービスにpostして検査するのも開発規定上禁止されてしまい使うことができません。

よろしくお願いいたします。

HTMLのチェックツール

JavaScriptで、別HTMLを取り込み、指定の位置に表示させることができています。

しかし、読み込んだ別ファイルのIDなどの要素に対し、スクリプトなどを作動させることはできずにいます。

例として、簡単なスクリプト組んでみました。
```HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScriptテスト</title>
<script type="text/javascript" src="js/main.js"></script>
<link href="cs/main.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="cl1"><img src="img/number3_1.png" /></div>
<div id="cl2"><img src="img/number3_22.png" /></div>
<div id="cl3"><img src="img/number3_33.png" /></div>
<div id="cl4"><img src="img/number3_44.png" /></div>
<div id="ans"></div>


</body>
</html>
```
```JavaScript
window.onload = function(){
  document.getElementById('cl1').onclick = function(){
	
	var str = document.createTextNode("1が押された");
	document.getElementById('ans').appendChild(str);	
	
  };
  
  document.getElementById('cl2').onclick = function(){
	
	var str = document.createTextNode("2が押された");
	document.getElementById('ans').appendChild(str);	
	
  };

  document.getElementById('cl3').onclick = function(){
	
	var str = document.createTextNode("3が押された");
	document.getElementById('ans').appendChild(str);	
	
  };

  document.getElementById('cl4').onclick = function(){
	
	var str = document.createTextNode("4が押された");
	document.getElementById('ans').appendChild(str);	
	
  };


};
```
```CSS
div#cl1 {
	width: 36px;
	height: 36px;
	float: left;
}
div#cl2 {
	width: 36px;
	height: 36px;
	float: left;
}
div#cl3 {
	width: 36px;
	height: 36px;
	float: left;
}
div#cl4 {
	width: 36px;
	height: 36px;
	float: left;

}
```
このコードを実行すると、１の画像があるところをクリックすると、1が押された とDIV ans にテキストが追加されます。

しかし、このHTMLをJavaScriptで他のHTMLに読み込ませると、うまく動作しなくなってしまいます。

```HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScriptテスト</title>
<script type="text/javascript" src="js/test.js"></script>
<link href="cs/main.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="inst"></div>

</body>
</html>

```
```HTML
<div id="cl1"><img src="img/number3_1.png" /></div>
<div id="cl2"><img src="img/number3_22.png" /></div>
<div id="cl3"><img src="img/number3_33.png" /></div>
<div id="cl4"><img src="img/number3_44.png" /></div>
<div id="ans"></div>

```
```JavaScript
// JavaScript Document
window.onload = function(){

  var httpObj1 = new XMLHttpRequest();
    httpObj1.open("GET", "test02l.html", true);
    httpObj1.onreadystatechange = function() {
        if (httpObj1.readyState == 4) {
            var readObject01 = httpObj1.responseText;
        document.getElementById("inst").innerHTML = readObject01;
    }
  }
  httpObj1.send('');


  document.getElementById('cl1').onclick = function(){
	
	var str = document.createTextNode("1が押された");
	document.getElementById('ans').appendChild(str);	
	
  };
  
  document.getElementById('cl2').onclick = function(){
	
	var str = document.createTextNode("2が押された");
	document.getElementById('ans').appendChild(str);	
	
  };

  document.getElementById('cl3').onclick = function(){
	
	var str = document.createTextNode("3が押された");
	document.getElementById('ans').appendChild(str);	
	
  };

  document.getElementById('cl4').onclick = function(){
	
	var str = document.createTextNode("4が押された");
	document.getElementById('ans').appendChild(str);	
	
  };


};
```
```CSS
div#cl1 {
	width: 36px;
	height: 36px;
	float: left;
}
div#cl2 {
	width: 36px;
	height: 36px;
	float: left;
}
div#cl3 {
	width: 36px;
	height: 36px;
	float: left;
}
div#cl4 {
	width: 36px;
	height: 36px;
	float: left;

}
```
最初のXMLHttpRequestによって、2つ目のHTMLの内容が、<div id="inst"></div>の間に挿入されるところまでは期待通りの動作です。
しかし、１，２，３，４が縦に並ぶところから、IDを区別しているＣＳＳも効いておりません。
当然、数字ボタンを押しても、JavaScriptに指定した、テキストを追加する動作も発動しません。

このような形で、2つ目のhtmlに記載されたIDやclassで、ＣＳＳやJavaScriptを効かせる方法がありましたら、教えてください。

目的としては、２つ目のファイルのみを別作業者に作業させて、スクリプトやＣＳＳを触らせる事なく、HTMLを修正したいという内容になります。

よろしくお願いいたします。

JavaScriptで、他ファイルから要素を読み込んで作動させるには？

よく次のような事が言われます。
* 魚を与えるな 釣り方を教えよ
参考サイト：
- 魚を与えるな [http://meganeinfo.com/etc/entry79.html](http://meganeinfo.com/etc/entry79.html)
- 魂が震える話 [https://www.facebook.com/tamafull/posts/498025733541633](https://www.facebook.com/tamafull/posts/498025733541633)
- 釣った魚を与える人か、魚の釣り方を教える人か？ [http://hkcpa.jp/nagoya-de-kigyou/archives/764](http://hkcpa.jp/nagoya-de-kigyou/archives/764)

そこで、次の質問です。
* 多くの質問者はどういった回答を求めてるのでしょうか?
* 多くの回答者は、どういった回答を心がけているのでしょうか?
* 運営側は、どういった QA サイトを目指しているのでしょうか?

私は、 
* 質問するときは、ともかく 解決先(魚)が欲しいです。釣り方も提示されていると嬉しいですが。
* 回答するときは、釣り方を書こうと思っています。 

質問者によって、ともかく空腹を満たすことが最優先な場合と、釣り方を知りたい場合が別れると思います。
QA ページを後日も役に立つものとするためには、釣り方を書くことが優先されるかもしれません。
でも時間が経てば、釣り方も変化します。
当初の回答内容は陳腐化、場合によっては非奨励な方法になることもありえます。
この辺りの折り合いをどうつけていくか ...

プログラミングに関係ないメタな質問なのでマイナスがつくことは覚悟してます。

＃ この質問をするきっかけは、 
＃ "写真共有販売のサーバ費用" の質問とその回答群
＃ "テーブルの作り方で不明" の質問とその回答群 などを読んだことです。

追記： 2016-06-26 11:30
* ベストアンサーは、運営からの回答にだけつけます。こ
こでの質問の私の本意は "teratail 運営の方針は？" なので。
運営側からの回答の為に、利用者の回答を大いに利用していただければと思っています。

追記： 2016-06-26 19:00
 こんな twieet を目にしました。
 > ...
 >「魚です」と言って目に付いた適当な何か(たまたま魚かも知れない)を渡している人とか、「魚の釣り方です」と言ってアウトドア教本の適当なページ(たまたま魚の釣り方かもしれない)をちぎって渡してる人、がいっぱいいるのが #teratail 
 > ...
 
 落語に "蒟蒻(こんにゃく)問答" というのがあります。
 質問と回答のギャップがおもしろい落語です。
 当事者同士よりも、そのやりとりを見ている第三者が一番 学べるのかもしれません。
 
 - [YouTube https://www.youtube.com/watch?v=SB0bEbjZ8sI](YouTube https://www.youtube.com/watch?v=SB0bEbjZ8sI)
 > 落語ファン必見！五代目小さん 談志 小三治の三人落語 「蒟蒻問答」 - YouTube https://www.youtube.com/watch?v=SB0bEbjZ8sI

動画をみる時間がないかたは、テキストで粗筋を。
- 落語あらすじ事典 蒟蒻問答（こんにゃくもんどう） [http://senjiyose.cocolog-nifty.com/fullface/2005/02/post_6.html](http://senjiyose.cocolog-nifty.com/fullface/2005/02/post_6.html)


追記： 2016-06-25 10:00
* 多様性が重要と思っているので、ベストアンサーにはなりえないけど、
既にある回答とはちょっと異なる観点のものを回答すること
も心がけてます。

追記： 2018-07-30
類似質問 
teratail における回答に関して [https://teratail.com/questions/138657](https://teratail.com/questions/138657)

追記 2019-06-11

質問者が 魚 (コード）をもとめているか、　釣り方(考え方など) をもとえているかを 質問
時に明示できるような機能を teratail に追加するとよいかもしれません。
また回答への ベストアンサーも 魚の回答と、釣り方の回答のそれぞれへつけられるとよいかもしれません。

そもそも質問者が回答群のなかからベストアンセアンサーを適切に選べるのかも疑問。
現在のベストアンサーは質問者にとって一番 役立った回答であり、技術的に本当に優れた回答なのかは甚だ疑わしい。
運営側からの書き込みや teratail 機能の改善で 考え方を示して欲しい。

teratail が目指す回答は、魚か、釣り方か、それとも ...

###前提・実現したいこと
さくらのVPSサーバーでImageMagickを使いたいです。
linuxを使いImageMagickを適用したい画像のディレクトリまで降りてconvertをすると適用されます。
```
# convert a.png b.png
```
↑適用される

実現したいことはフロントサイドのphpファイルに
```
<?php exec("/usr/bin/convert img/a.png img/b.png") ?>
<img src="img/b.png">
```
と記入し機能させたいです。
現在画像が生成されません。

ImageMagickのバージョンは（Version: ImageMagick 6.7.2-7）です。
phpなどのバージョンはphp(Version 5.3.3),apache(2.2.15 (Unix))です。

error_logには
[error] [client ＊＊＊＊] File does not exist: /var/www/html/img/mag04.jpg
と出ています。
php.iniにてdisplay_errorsをonにしていますが、エラーが表示されていません。

パスはlinuxで(which convert)とすると（usr/bin/convert）
と表示されるのであっていると思うのですが。。

お心当たりのある方、よろしくお願い致します。

ImageMagickをさくらVPSのサーバーで使いたい

サイトの管理画面でfaviconを設定できるようにしたいです。
ユーザに変換させる手間を省くため、phpで変換処理ができれば理想なのですが可能でしょうか？
参考サイトやソースなどございましたら教えていただけると幸いです。

jpgに変換する関数はあるみたいですが、ico形式への変換方法は調べても見つかりませんでした。
[http://php.net/manual/ja/function.imagejpeg.php](http://php.net/manual/ja/function.imagejpeg.php)

現在はaccept属性でicoだけを指定して、jsとphpで3重チェックをかける仕様にしています。
```html
<input type="file" accept="image/vnd.microsoft.icon" title=" ">
```


※追記
サーバーへ何かをインストールするのはNGで、
phpのみでの処理や外部APIを使用する処理が理想です

画像(jpg/png/gif)をfaviconに変換

もし仕事にするとなるとどれほどのレベルが必要とされるのでしょうか？
ぼんやりとした質問で申し訳ないのですが、お願いします。

PHPの仕事って主にどんな事をしているんでしょうか？

以下のように変数展開しても、mixinではなくセレクタとして展開されてしまいます。

```stylus
names = 'xs' 'sm' 'md' 'lg' 'xl'
for name in names
  {name + '()'}
    color white

body
  xs()
```

```css
xs(){color:#fff}sm(){color:#fff}md(){color:#fff}lg(){color:#fff}xl(){color:#fff}
```

`body`で`xs`をmixinとして実行し、`body{color:#fff}`というコンパイル結果にしたいのですが、正しい記法について教えて下さい。

追記：
> but without closures we'll always get the last value of $i inside the loop.
[https://github.com/stylus/stylus/issues/1783](https://github.com/stylus/stylus/issues/1783)

現在、匿名関数は使用できますが、これをクロージャにすることはできません。とメンテナの方の回答を見つけました。ASTを直接生成するしか無さそうですね…。

stylusで動的にmixinを定義したい

JavaScriptでサーバに置いてあるファイルをダウンロードする処理を作成したいです。

サーバに置いてあるexeファイルをWEB画面上のボタンをクリックするとローカルにダウンロードして実行するという処理を実現したいです。

現在、ActiveXObjectを使用していますが、書き込みできませんとエラーがでます。
調査の結果、IE11のため、ActiveXObjectを使用できないとわかりましたが、
代わりにどのように実現すればよいかわかりません。。
どなたか分かる方いらっしゃいましたら、ご教授ください。

```
var objShellB = new ActiveXObject("Shell.Application");
			var objFolder = objShellB.NameSpace(CopyToPath);
			if(objFolder==null){
				RTN = false;
				alert("コピーエラーが発生しました。");
			}else{
				try{
				  objFolder.CopyHere(TargetPath,0x0010);
				}catch(e){
					RTN = false;
					alert("ツール起動が中断されました。");
				}

```