常連

注目の的

社会貢献

質問力

回答者

拍手喝采

自己紹介

###概要
初の質問ですので質問の仕方などに不備があるかもしれません。
JavaScriptでは代入演算子では【参照】の扱いになってしまうため、
＜コード1＞のように無名関数で回避しようと試みましたが、
相変わらず不具合が発生しています。

######＜コード1＞
```JavaScript
for (var EventID = 0; EventID < MapData[3].length; EventID++) {
	Ctx4.drawImage(TipImg, 16 * (MapData[3][EventID]["TipID"] % 8), 16 * (Math.floor(MapData[3][EventID]["TipID"] / 8)), 16, 16, 16 * MapData[3][EventID]["Position"][0], 16 * MapData[3][EventID]["Position"][1], 16, 16);
	
	switch (MapData[3][EventID]["Type"]) {
		case 1:
			var X = MapData[3][EventID]["Position"][0], Y = MapData[3][EventID]["Position"][1];
			var Fuc = EventFucs[EventID];
			
			Timers.push(setInterval((function (X, Y, Fuc) {
				return function () {
					if (CharaPos[0] == X && CharaPos[1] == Y) {
						Fuc();
					}
				}
			})(X, Y, Fuc), 10));
			
			break;
			
		case 2:
			var X = MapData[3][EventID]["Position"][0], Y = MapData[3][EventID]["Position"][1];
			var Fuc = EventFucs[EventID];
			
			Keys.push(function (Event) {
				(function (X, Y, Fuc) {
					if (Event.keyCode == Resource.SystemData.Key.Decide) {
						if ((CharaPos[0] == X && CharaPos[1] == Y + 1) && CharaPos[2] == R.DIRECTION.N) {
							Fuc();
						} else if ((CharaPos[0] == X && CharaPos[1] == Y - 1) && CharaPos[2] == R.DIRECTION.S) {
							Fuc();
						} else if ((CharaPos[0] == X + 1 && CharaPos[1] == Y) && CharaPos[2] == R.DIRECTION.W) {
							Fuc();
						} else if ((CharaPos[0] == X - 1 && CharaPos[1] == Y) && CharaPos[2] == R.DIRECTION.E) {
							Fuc();
						}
					}
				})(X, Y, Fuc);
			});
			
			document.addEventListener("keydown", Keys[i]);
			
			break;
	}
}
```

###詳細
現在自由研究の作品としてRPGを製作しています。
幾つかのイベントを登録したはずが、
最後に登録したイベントのみが反映されるという不具合が発生しております。

###実際に使用しているサイト
[The Called Name](https://genbuproject.github.io/Genbu-Project-Official-Site/Content/The Called Name)

###元ソース
[RPG Helper Alpha 1.3.js](https://github.com/GenbuProject/RPG-Helper/blob/gh-pages/Alpha/RPG%20Helper%20Alpha%201.3.js)
[RPG Helper Alpha 1.3.css](https://github.com/GenbuProject/RPG-Helper/blob/gh-pages/Alpha/RPG%20Helper%20Alpha%201.3.css)

[The Called Name](https://github.com/GenbuProject/Genbu-Project-Official-Site/tree/gh-pages/Content/The%20Called%20Name)

---
ご回答宜しくお願い致します。

JavaScriptにおけるオブジェクトコピーとsetIntervalにおける不具合について

お読み頂きましてありがとうございます。
現在、Electronにてファイルの書き出し処理を実装しているのですが、デバッグでは正常に書き出せるのですがビルドしたソフトでは書き出されず困っております。

ファイルの書き出し処理は以下のように記述しております。
```javascript
var fs = require('fs');
fs.appendFile('mail.txt','書き出す値');
```

デバッグでは書き出されるのにビルドした後には書き出されない原因が予想出来る方、是非お力添え頂ければ幸いです。

Electron　テキストファイル書き出しについて

しばしば不変性と可変性という言葉に出会います．オブジェクトが内部状態を変えない不変オブジェクトは，同期が不要，テストが容易であるなどのメリットが示されていました．設計としても，不変オブジェクトならば，メソッドが最小単位で仕事を行いやすいですね．

しかしながら，実世界に存在するものは，様々な状態に変化します．例えばサイコロは出目という状態を持ち，人に投げられることで，その状態が変化します．JavaのBigIntegerのように，演算結果を新しいインスタンスによって返すような不変オブジェクト設計をサイコロに適用すると，サイコロが転がって新しいサイコロを作るのか？と納得がいきません．今あるものの状態が変化すべきという点で，可変オブジェクトは納得がいきます．不変オブジェクト，可変オブジェクト，どちらが適切に実世界を切り取っていると考えますか．

みなさまの様々なご意見いただければと思います．よろしくお願いします．
```java
final class NonStateDice {
  private final Random random = SecureRandom.getInstanceStrong();
  int roll() {
    return random.nextInt(6) + 1;
  }
}

final class MutableDice {
  private final Random random = SecureRandom.getInstanceStrong();
  private int roll;
  void roll() {
    roll = random.nextInt(6) + 1;
  }
  int show() {
    return roll;
  }
}
final class ImmutableDice {
  private final Random random = SecureRandom.getInstanceStrong();
  private final int roll;

  ImmutableDice(final int roll) {
    this.roll = roll;
  }
  ImmutableDice roll() {
    return new ImmutableDice(random.nextInt(6) + 1);
  }
  int show() {
    return roll;
  }
}
```

オブジェクト指向と状態遷移・不変性

jQuery初心者です。
自作スライドショーを作っていますが、行き詰まってしまいました。
わかる方がいましたら、ご教授の方よろしくお願いします。

私が作りたいスライドショーは紙芝居の様に、一枚目がスライドされた時に
2枚目が1枚目の下にある状態です。
そこで、行き詰まっている部分は、1枚目が3枚目の下に行く方法です。

最初はcssの方で初期値z-indexで重ね順を指定してたのですが
この方法だと、一回目のループすらできず、どんどんとz-indexの
値を変えていかないといけません。

紙芝居の用にスライドループするにはどの様に作ればよいでしょうか?
また、綺麗な書き方もあればご教授の方よろしくお願いします。
よろしくお願いします。

html
```ここに言語を入力
			<ul class="slider_road">
				<li class="slide"><img src="1.png" class="img1"></li>
                <li class="slide2"><img src="2.png" class="img2"></li>
                <li class="slide3"><img src="3.png" class="img3"></li>
            </ul>
```

css
```ここに言語を入力
.slider_road {
	position: absolute;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}
.slide {
	width: 320px;
	height: 300px;
	top: 0;
	left: 0;
	float: left;
	position: absolute;
	z-index: 3;
	
}
.slide2 {
	width: 320px;
	height: 300px;
	top: 0;
	left: 0;
	float: left;
	position: absolute;
	z-index: 2;
}
.slide3 {
	width: 320px;
	height: 300px;
	top: 0;
	left: 0;
	float: left;
	position: absolute;
	z-index: 1;
	
}
```

jQuery
```ここに言語を入力
var flg=2;	//「2枚目に切り替え」からスタートするため、flg に 2 をセット
	var slide = $('.slide');
	$(function(){
		setInterval(function() {
			switch(flg){
				case 1:
					//1枚目に切り替え
					$(".img3").stop().animate({marginLeft:320});
					$(".img2").stop().animate({marginLeft:0});
					break;

				case 2:
					//2枚目に切り替え
					$(".img1").stop().animate({marginLeft:320});
					$(".img3").stop().animate({marginLeft:0});
					break;
                                
                 case 3:
					//3枚目に切り替え
					$(".img2").stop().animate({marginLeft:320});
					$(".img1").stop().animate({marginLeft:0});
					
					break;
			}

			flg++;
			if(flg>3){
				flg=1;	
			}

		}, 3000);	//setInterval() 
	});
```

jQuery初心者です。自作スライドショーを作りたいです。

**下記で「10 > d && (d = "0" + d);」はどういう意味？**
・論理積？

```ここに言語を入力
o = new Date,
d = o.getDate();
10 > d && (d = "0" + d);
```

10 > d && (d = "0" + d);

プログラマーの方は時間管理ってどうやっていますか？
（主に利用するツールをしりたいです）

自分は今まで色々な仕事をしてきましたが、時間管理は紙の「手帳」を使ったり、iPhoneなどのToDoアプリを使ったりしてきましたが、正直仕事に最適だったかというと、何だかしっくりきていませんでした。

その業務にあった時間管理、スケジューリングの方法は業務によって最適な物は異なると思うのですが、プログラマーとしてお仕事されている皆さんは、日々の時間管理ってどうしているのでしょうか。
ToDoリストを作って利用したりするのでしょうか？
それとも紙の手帳なんかで管理する方もいるのでしょうか？

参考にしたいので、教えて下さい。
よろしくお願い致します。

プログラマーの時間管理ツールについて。

**「Webエンジニアが今後身につけておきたいスキルはなんですか？」**


この手の質問は不毛かもしれませんが、あえてお聞きしたいです。

私はWeb業界に入ってからまだ経験が浅く、今後自分のキャリアを考える上でどんなスキルや知識を見つけていけばいいか日々迷っています。


言語でもヒューマンスキルでもなんでもかまいません。
それぞれの現場で活躍されている方が今後の業界を見据えてどういう目標を抱えているのかということを知りたいです。


できればトップ3といった感じでお答えいただけると幸いです。
また、差し支えなければ経験年数、バックグラウンド、抱負、まだ経験が浅いうちにこれやっとけ！などといった内容もお答え頂ければと思います。

Webエンジニアが今後身につけておきたいスキルについて

JavaScriptで、varで宣言された変数の値が
falseからTrueに変わったら実行される関数の作り方を探しております。
変数を監視しているようなものと言ったら良いのでしょうか。

【背景】
ソースコードに対する単体検証用テストベンチを作成しているのですが
変数の値の変化をトリガとして使いたいと考えています。

ご存知の方いらっしゃいましたら、よろしくお願い致します。

JavaScript 変数の値の変化で実行される関数の作り方

Python をはじめたばかりの初心者です。

Python はプログラミング言語として初心者が始めやすく扱いやすいとして紹介されていました。

プログラミング言語を学ぶうえでも、言語の将来性が高いことやgoogleなどにも採用されている等で、実用性が高いということで魅力的であるといわれているようです。ただ、、

自分の中ではいまだ Python の良さがいまいちわかりません。以下が理由です。
---

（よくあるPythonの紹介）
- Python は対話的にプログラミングができるからいい。
→プログラミングって対話的にやってる人いなくない？？ 

- Python は、いろいろ使えるしライブラリーが豊富、海外でもユーザーが多い。
→ライブラリの使い方がわからない。海外にユーザー多くても英語で読めないので結果使えない。そもそもAPIの説明書を見てもよくわからない。

- Python は、インストールも簡単だから初心者もOK、Linuxを使ってるひとならコマンドで...
→そもそも初心者ってLinux 使ってるのか？ コマンドって黒い画面（コマンドプロンプト）から初心者はやらなくない？？

- Python でTweepyを使うなら、pip から簡単に...
→pip ってなに？

--
わたしがいま直面しているのがこのようなところです。結局pythonをいじり始めて、参考書片手に基礎を進めていますが、いまいち広がりが感じられず、そもそもpythonって初心者に優しいのかが疑問になってきました。紹介されているコードも結構動かなかったりしてるので、何が正しいのかもわからず頓挫しています。


Pythonの良さや、わかりやすい参考書、あるいは初心者がPythonを使いこなせるようになるためにいいサイトなどがあればご教示いただけますでしょうか？

Python の良さを知りたい

こんばんは、夜遅くに失礼いたします。

今独学でPHPを勉強しています。基本的な文法は理解し、リファレンス見ながらであれば、コードも読めます。

しかし、「自分で何か作る」と言う事を経験したく、会員制WEBサービスを作りたいなと考えています。

【現状】
HTML5,CSS3,PHP,SQL(Access, Oracle)辺りの基礎知識はあります。SQLはある程度組めます。
PHPについては、フレームワークは良くわかっておりません。

一応現在はPHP+MySQLの教本でMySQLの勉強もしています。

この本を学び終わった段階として、次何を学ぶべきか考えていますが、良く分かっていません。

個人的には、JavaScriptとJQueryをやってみようかなと考えています。

しかし、その次は何なんだろうか。まだ必要な言語はあるのか。良くわかっておりません。

サーバはレンタルする予定です。ドメインも借りる予定です。

そこでお願いしたいのですが、会員制WEBサービスを作るにあたって必要な知識は何でしょうか？
下記２項目に分けて回答頂けると、非常に有難いです。

【必要な言語】
例：NodeJS,AngularJS(実体が何なのか不明な所があるので、適当にあげてみました。)
PHPのフレームワークなど

【その他知識】
例：セキュリティの知識、サーバの知識、SQL設計

などなど

自分の例とダブっても構いませんので、皆さんが考える「必要な知識」を教えてください。

★★★公開して実際に利用して頂く事を目標に作る予定です★★★
収益化目的や、多くの人に使ってもらうのではなく、一般の人が普通のWEBサービスを利用するのと
同じように利用してもらえる事が目的です。そこで「不便が無いようなWEBサイト」であったり、
「個人情報」をしっかり管理できるWEBサイトであったりする必要かなと漠然と考えています。

お勧めの書籍等もあれば、是非参考にさせていただけると嬉しいです。

ご回答お待ちしております。

素人が一人で会員制WEBサービスを作るに当たって必要な知識

このスクリプトがfirefoxで動かないのですがどの部分が未実装なのでしょうか？

```javascript
  var text = "テキストデータ";
 
  var blob = new Blob([text], {type: "text/plain"}); // バイナリデータを作ります。

  // IEか他ブラウザかの判定
  if(window.navigator.msSaveBlob)
  {
      // IEなら独自関数を使います。
      window.navigator.msSaveBlob(blob, "ファイル名.txt");
  } else {

      // それ以外はaタグを利用してイベントを発火させます
      var a = document.createElement("a");
      a.href = URL.createObjectURL(blob);
      //alert(a.href)
      a.target = '_blank';
      a.download = 'ファイル名.txt';
      a.click();
    //alert(a.href)
  }
```

firefoxがセキュリティ上防止してるのでしょうか？chromeだと動きます。
お願いします。

このコードがなぜ動くのか

あるサイトのjsファイルを勉強で眺めていたのですが、そこによくわからない構文？記述がありました。
```javascript
Object.on("resize", function() {
  var e = $("#aaa");
  e.size() > 0 && (clearTimeout(b),
  何かしらの処理,
  b = setTimeout(function() {
    何かしらの処理
  }, 200))
}),
```

オブジェクトをリサイズしたときに動作するものなのでしょうが、その中の「e.size() > 0 && (clearTimeout(b),…)」がわかりません。

なぜ条件文でもなさそうなのに「&&」が使われているのでしょうか？

jqueryの「&&」について

```html
<body>
   <h2>aaa</h2>
   <h2 class="test" style="display:none">bbb</h2>
</body>
```
で、aaaがhoverされたときにbbbを表示したい場合どんなcssを書けばいいですか？

HTML :hoverで表示

最近、DOMオブジェクトとクロージャにより循環参照が起き、メモリリークが発生するという問題について知りました。
この問題が古いブラウザで発生し、動作に影響すると知ったため、昔書いた[クロスブラウザ対応コード](http://qiita.com/sounisi5011/items/767392c1f7736e2e5d4c)にこの問題が無いか検証したところ、以下の様な循環参照パターンとなっている事が分かりました。
(以下に提示するのは、簡易化したコードです)
```JavaScript
/**
 * @param {Node} targetNode
 */
function clickCaptcha(targetNode) {
    targetNode.addEventListener('click', function () {
        console.log(targetNode);
    }, false);
}
```
`targetNode`が操作対象のDOMノードです。
これに追加するリスナーがクロージャになっており、`targetNode`を参照しています。
このコードを循環参照が発生しないものに書き換えようと考えていますが、その方法が分かりません。

単純に考えるならば、以下のようにすれば解決すると思います。
```JavaScript
/**
 * @param {Node} targetNode
 */
var clickCaptcha = (function () {
    // イベントのリスナーを外部に出すことでクロージャを回避
    var clickListener = function () {
        // addEventListenerにより設定したリスナーは、
        // thisがイベントを追加した要素のDOMノード(=targetNode)となる
        console.log(this);
    };

    return function (targetNode) {
        targetNode.addEventListener('click', clickListener, false);
    };
}());
```
```JavaScript
/**
 * @param {Node} targetNode
 */
var clickCaptcha = (function () {
    // イベントのリスナーを外部に出すことでクロージャを回避
    var clickListener = function (e) {
        // EventオブジェクトのcurrentTargetプロパティを利用
        console.log(e.currentTarget);
    };

    return function (targetNode) {
        targetNode.addEventListener('click', clickListener, false);
    };
}());
```
しかし、クロスブラウザ対応用のコードであるため、`addEventListener`ではなく`attachEvent`を使用した場合は`this`が扱えませんし、Eventオブジェクトも信用できません。
このため、この2つの解決方法は採用できず、変数`targetNode`を他の方法でリスナーから参照する必要があります。

【[クロージャとメモリリークについてのコピペ - こんにちはこんにちはmonmonです！](http://monmon.hateblo.jp/entry/20080416/1208325055)】の702で提示された`createLeakFreeClosure`関数を使用し、以下のように書く方法もあります。
```JavaScript
function createLeakFreeClosure(closure) {
    /**
     * Note: 適切に動作するよう、いくつか修正
     */
    var count = createLeakFreeClosure.count++;
    createLeakFreeClosure[count] = closure;
    closure = null;
    return function () {
        return createLeakFreeClosure[count].apply(
            this,
            Array.prototype.slice.call(arguments)
        );
    };
}
createLeakFreeClosure.count = 0;

/**
 * @param {Node} targetNode
 */
function clickCaptcha(targetNode) {
    targetNode.addEventListener('click', createLeakFreeClosure(function () {
        console.log(targetNode);
    }), false);
}
```
しかし、`createLeakFreeClosure`関数は同ページの707でも指摘されているように、何度も実行した場合に引数に渡した関数が保持され続ける事になり、これはこれで問題となってしまいます。
私自身もこの関数が循環参照を回避できる理由が理解できていないため、下手に改良もできません。
よって、これも採用できません。

冒頭のコードを、循環参照が発生せず、また変数`targetNode`を参照できるようにするには、どのようにすれば良いでしょうか。
---

循環参照について理解できていないため、動作の違うサンプルを例示されても修正して活用できません。
このため、コメントにて私の書いたコードを例示し、何度も指導していただく形になってしまいます。

可能であれば、「第一引数に受けたDOM Nodeにclickイベントを定義」する、質問本文冒頭のコードと同じ動作をする循環参照を解決したコードを例示していただければ有難いです。

DOMとクロージャによる循環参照問題の解決方法

いつもお世話になっています
Javascriptでのイベント処理にてわからないことがありましたので、質問させて頂きました
サムネイルの様に、複数枚並んだ画像全てにイベント処理を実装したく、下記のようなコードを記述しましたが、上手くいきませんでした（show関数が実行されなかったり、iが配列の最大値の時のみ実行されたりします）

この記述がなぜ上手くいかないのか、どうすれば上手くいくのかを、教えて頂ければと思います
お手数ですが、よろしくお願い申し上げます



```lang-JavaScript
// 関数定義
function show(x){
	console.log(x);
}

// イベント処理
var img = document.getElementsByTagName('img');

for(var i = 0; i < img.length; i++){
	img[i].onclick = function(){
		show(i);
	};
}
```

JavaScriptにて、配列の要素一つ一つにイベントを実装したい

javascript、もしくはjQueryを使って指定のリンクを開くのではなく保存させる方法を教えて下さい。
リンク先は画像を考えています。

javascriptもしくはjqueryで画像をダウンロードさせたい

来年webエンジニアとして 働くのですが、phpやjsは触れた事があるのですが、セキュリティに関してほとんど知識(xssやsqlインジェクション程度です)がありません。

そこで質問なのですが 皆さんはどのようにして セキュリティ分野について勉強なされましたか??

もし おすすめの参考書があれば教えて下さい。

文系から webエンジニアになるのですが、セキュリティの勉強をどのようにすればいいか困ってます。

HTML文

実戦向け？なアルゴリズムが知りたいです．
ただ単に「プログラムが書ける！」というだけでは，やはりダメだと思っています．
もっと，プログラムを書くなら，このような手法があるぜ！と言った，知識がほしいです．

例えば，c言語で「1〜10でランダムに重複しない数字を持つ配列」を作成する場合ですと，
```lang-C
#include <stdio.h>
#include <stdlib.h>

int main(){
	int $num[10];
	
	//1から10までの数値を代入
	for (int $i=0; $i<10; $i++){
		$num[$i] = $i+1;
	}
	
	//配列の中身をランダムに入れ替える（擬似的な乱数にする）
	for (int $i=0; $i<10; $i++){
		int $rnd = rand()%10;
		int $temp = $num[$rnd];
		$num[$rnd] = $num[$i];
		$num[$i] = $temp;
	}
	
	//結果を出力
	for (int $i=0; $i<10; $i++){
		printf("$num[%d] = %d;\n", $i, $num[$i]);
	}
	
	return 1;
}
```
といった手法が有ります．
こういった「実践で使える」アルゴリズムを幅広く知りたいと思っています．

皆さんは普段，どのようなアルゴリズムを愛用していらっしゃいますでしょうか．
よろしければご教授ください．

実践で使える，使っているアルゴリズムを教えて下さい

現在、Cordovaにて、[Phonegap PushPlugin](https://github.com/phonegap-build/PushPlugin)を利用し、プッシュ通知を受け取るアプリを開発しています。
少なくともWindows環境では、プッシュ通知は、アプリケーションが表に出ている時（起動中）であれば、cordova側（というかHTML側）のonNotificationメソッドで最初に受け取れるはずです。
実際にWindows8.1環境でVisualStudio2013にてデバッグでonNotificationメソッド内にブレークポイントを張ると、通知をWNS側で送った後、onNotificationメソッドがキックされてから、（ブレークが終わってから）OSによるトースト通知が来るように見えます。
そこで、やりたいことは、**アプリケーションが表に出ているなら**、OSによる通知を防ぎたいのです。
イベントのpreventDefaultのように、OSの通知をやめさせるようにすることはできないのでしょうか。
（ユーザーは、いつでもトースト通知自体を[無効](http://news.mynavi.jp/column/windows/275/)にはできるようですが、全体の無効の話ではありません。）

Windows環境にてテストしたコードは以下です。
```lang-html
<!DOCTYPE HTML>
<html>
    <head>
        <title>好きなように通知したい。OSやだ</title>
    </head>
    <body>
        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8" src="jquery_1.5.2.min.js"></script>
        <script type="text/javascript">
            
            document.addEventListener('deviceready', onDeviceReady, true);

            function onDeviceReady() {
                window.onNotification = function (e) {
                    navigator.notification.alert(e.toastNotification.content.innerText);
                };
                var pushNotification = window.plugins.pushNotification;
                pushNotification.register(successHandler, errorHandler, { "channelName": "MyTestChannel", "ecb": "onNotification" });
            }

            function successHandler(result) {
                console.log('registered###' + result.uri);
                // send uri to your notification server
            }
            function errorHandler(error) {
                console.log('error###' + error);
            }

         </script>
		<div id="home">
			<div id="app-status-div">
				<ul id="app-status-ul">
					<li>バックグラウンドやそもそも落ちてるんでないならOSの通知無効にしたい</li>
				</ul>
			</div>
		</div>
    </body>
</html>
```