常連

注目の的

社会貢献

質問力

自己紹介

アルファ値が0.5で塗ると、
もとの色に関係なく、その場所の色を絶対的に指定する、といったことがしたいです。
通常だと、元の色にかぶせたように塗られます。
少なくとも、アルファ値が減ることはないと思います。

JavaにはdrawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
といったようなやり方があるようですが、HTML5のCanvasにはないんでしょうか。

clearRectというメソッドは存在しますが、draw系の命令で実現できないかと…

EaselJSというライブラリを使っているのですが、createjs.Graphicsでも実装する方法があれば、よろしければお願いします。
createjs.GraphicsにclearRectがないのが発端ではありますが…

HTML5のCanvasで透明塗りする方法…

node version: v6.10.3だったのをnodistを使ってversion updateしようとしています。

latestで最新バージョン8.2.1でnode.jsをインストールしたんですが、実際node versionは変わっていません。

![イメージ説明](d9855ac38c68a90d024d289ab1a67fea.png)

上記イメージはインストール後の状況ですが、nodistとnodeはお互い完全にバラバラな感じです。

どうすればnode -vで8.2.1になれるんですか？

nodistでupdateしてもnode.jsのバージョンアップができていません。

### 前提・実現したいこと

カタンの開拓者たちのように6角形のマス状の盤面を持つゲームはよくあると思います。
このような6角形のマス状の座標系、この質問では6角座標系としますが、このような座標系はどのようなデータ構造で表現するのでしょうか？

6角座標系を持つゲーム盤面のデータ構造について

###apply()、call()メソッドについて
この2つのメソッドについては、使用している実際のコードを目にすることもあり、これまでにもネットで調べて自分でカスタマイズしつつ検証してみたことはあり、何となく掴めかけてる気はするのですが、実際の実務では使いどころがイメージできておらず使用したことがありません。

どんな時にこの2つのメソッドを使うと便利なのでしょうか？
便利でなくとも、使う意味がある。というシーンはどんな時なのかご教示頂ければと思います。

###該当のソースコード
```javascript

// 昔調べたときに目にしたサイトのコードを一部引用
// 昔なので引用元url見つかりませんでした。。

// apply()を使った例
function Teki() {
  this.hp = 100;
}

function Dragon() {
  Teki.apply(this,arguments);
}
Dragon.prototype = new Teki;

Dragon.prototype.attack = function() {
  console.log("1...ドラゴンの攻撃！ ドラゴンのHPは"+this.hp+"だ！");
};

var boss = new Dragon();
boss.attack(); // 1...ドラゴンの攻撃！ ドラゴンのHPは100だ！

// call()を使った例
function Teki2() {
  this.hp = 200;
}

function Dragon2() {
  Teki2.call(this);
}
Dragon2.prototype = new Teki2;

Dragon2.prototype.attack = function() {
  console.log("2...ドラゴンの攻撃！ ドラゴンのHPは"+this.hp+"だ！");
};

var boss2 = new Dragon2();
boss2.attack(); // 2...ドラゴンの攻撃！ ドラゴンのHPは200だ！
```
上記どちらもそれぞれapply()、call()を使用していますが、例えば`call()`を下記みたいに書き換えてみます。

```javascript
function Teki2() {
  this.hp = 200;
}

function Dragon2() {
  Teki2();
}
Dragon2.prototype = new Teki2;

Dragon2.prototype.attack = function() {
  console.log("2...ドラゴンの攻撃！ ドラゴンのHPは"+this.hp+"だ！");
};

var boss2 = new Dragon2();
boss2.attack(); // 2...ドラゴンの攻撃！ ドラゴンのHPは200だ！
```

このように同じ結果が得られています。
こういう感じの理解しかできておらず、使いどころがイメージ出来ていません。

すみませんが、ご教示よろしくお願いします。

apply()やcall()を使う機会を知りたい

マイナンバーカードの電子証明書を使ってログインするシステムを作りたいですが、どこから、どうやって始まるかさっぱり分かりません。

###やりたいことは
カードリーダにマイナンバーカードをかざして、ログインすることです。
できればpythonでやりたいです。

マイナンバーカードのシステムについてネットに情報が少ないか分かりませんが、なかなかみつけなくて、ご存知の方、少しでもいいので、教えてください。

マイナンバーカードでログイン

Visual Studio Codeで、Ｃ言語の開発をしたいんですが
VS codeで、Cのコンパイル＆実行までできますか？

(VS Codeはテキストエディタなので、できないと思っていたのですが、できるみたいな話を聞いたので質問しました)

VS CodeでC言語の開発

皆さんに質問です

未経験で最近現場に配属されました

最初の仕事はテストコードを書いて、実装することなのですが
テストの全体的な概要がわかっていません



現場ではKotlinを使っています
javaの基礎知識はあります


テスト実装についての
初心者にオススメな書籍はありますか？？

初めての現場でテストコード、オススメな書籍

###該当のソースコード
```ruby
def factorial(n)
  return 1 if n == 0
  return n * factorial(n - 1)
end
p factorial(5) #=> 120
```


###理解できていない点

この場合、5*4*3*2*1となると思いますが、
どうしても理解できません。

5*4, 4*3, 3*2, 2*1, 1*0
このようなイメージにしかなりません。

この再帰関数の数値の動きを教えて頂きたいです。

【再帰関数】階乗を求める再帰関数：数値の動きが理解できない

VS.NETの機能で「todo」と入力したソースの箇所を一覧にしてジャンプできる機能がありました
VS codeでも使いたいのですが、何か方法はないでしょうか？

visualstudio codeで「タスク一覧」を使いたい

Visual Studio Codeのバージョンはバージョン1.16.0 (1.16.0)です。

wrap with abbreviationのul+やli*などが機能しないのがデフォルトの挙動になったのでしょうか？

Visual Studio Codeのemmetで、wrap with abbreviationのul+やli*などが機能しなくなった

JavaScriptを使ってスマホを専用ページに振り分ける方法で下記のやり方をよく見ます。

```JavaScript
<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1)
  || navigator.userAgent.indexOf('iPod') > 0
  || navigator.userAgent.indexOf('Android') > 0)
{
	location.href = '/sp/';
}
</script>
```

このスクリプトは期待通り動作し問題ありません。
ただ、この判定でiPhoneの場合にiPadを否定する理由が気になって仕方ありません。

```JavaScript
<script type="text/javascript">
if ( navigator.userAgent.indexOf('iPhone') > 0
  || navigator.userAgent.indexOf('iPod') > 0
  || navigator.userAgent.indexOf('Android') > 0)
{
	location.href = '/sp/';
}
</script>
```

ではダメなのでしょうか？

javascriptでスマホの振り分け

```JavaScript
    let obj = { id: 3 };
    obj.id = 4; //変更を加える
```
上記のコードですと、ESLintに「objは再代入されてないんだからconst使え！」と、
「prefer-const」にESLintのチェックに引っかかります。

JavaScriptのconstは他の言語とちょっと意味合いが違うのかもしれませんが、
上記のようなケースにおいて、JS使いの方はconst使いますか？ 使った方が適切ですか？

補足

```
    let scale = d3.scaleLinear();
    console.log(scale.domain()); // ▶︎(2) [0, 1]
    scale.domain([0, 100]); //変更を加える
    console.log(scale.domain()); // ▶︎(2) [0, 100]
```
同じく、こういうのも「const使え！」とESLintに言われます。

JavaScriptのconstについて

プロトタイプベースのオブジェクト指向言語は私の知る限り、JavaScriptぐらいしか広く使われているものはないんじゃないかと思います。

しかもJavaScriptもES6からclass構文というシンタックスシュガーを導入しましたし、altJSの一種のTypeScriptも広く使われていますし。

プロトタイプベースという概念を勉強している時に、「この概念、クラスベースと違って難しすぎね？」という感情を抱いていて、今もそれは変わらないです。

ただ勉強を進めているうちに、実はプロトタイプベースの方が概念としてはすごくシンプルで柔軟性があるのではないかという思いも募ってきました。

でも明らかにみんなプロトタイプベースでプログラミングをしたがっていませんよね？それどころかプロトタイプベースという概念を理解していない、しようともしていない人が多いように思います。JavaScriptの文脈で「クラスを作って、そのインスタンスを作る。」とかいう人までいますし。こういった説明は私のような初学者を混乱させるので本当にやめてほしいです。

JavaScript以外のSelfやLuaやIoといった他のプロトタイプベースのオブジェクト指向言語が広く使われていない理由で個人的に考えている理由は以下です。

- 単純に時代の流れ。たまたまクラスベースが流行っただけ。
- 概念的にクラスベースの方が優れているから。
- プロトタイプベースは良くも悪くも柔軟。クラスベースは良くも悪くもプログラマーを縛る。仕事をする上で後者の方が好都合だから。



ぶっちゃけやろうとしていることはどちらもあんまり変わらないし、こんなこと考えている暇があるならコード書いて何か物作れって話ですが、勉強している最中に疑問に思ったので質問しました。

参考文献

[Object-oriented programming](https://en.wikipedia.org/wiki/Object-oriented_programming)
[Self](https://ja.wikipedia.org/wiki/Self)
[Prototype-based programming](https://en.wikipedia.org/wiki/Prototype-based_programming)
[What does it mean that Javascript is a prototype based language?
](https://stackoverflow.com/questions/186244/what-does-it-mean-that-javascript-is-a-prototype-based-language)
___

以下補足です。

1.この質問はタイトルの通り、プロトタイプベースのオブジェクト指向言語が広く使われていない理由を聞いているものです。どちらの概念の方が優れているかといった質問ではないです。**宗教論争をするつもりは一切ありません。**  

2.質問が質問ですし、究極的にはそれらの区別ができないのは分かっていますが、回答の際はできるだけ**明示的に事実と意見の区別**をしていただければ幸いです。  

3.回答の際に参考文献を併せて明記していただけると助かります。

4.私が自分で載せた参考文献はもちろん読みましたが全部読んだ訳では無いので、「てめえの載せた参考文献に書いてあるだろうが読めや。」的な回答を、必要ならして頂けるとありがたいです。

___

補足、修正は適宜行います。じゃんじゃんご指摘ください。ご回答よろしくお願いします。

___

**追記(5/31 4:13)**

ベストアンサーは悩みましたが、sumimさんにしました。

使っている言葉は違うけど、言っていることに共通点があるというのは非常に面白いですね。

みなさんご回答ありがとうございました。非常にためになりました。

プロトタイプベースのオブジェクト指向言語が広く使われていない理由は?

Javascriptを勉強し始めた者です。
オブジェクトと変数の関係の概念がいまいち理解できなかったので、以下のコードをもとに質問させてください。

```javascript
var person = function(){
 this.name = "no name";
}

var me = new person();

```

■質問１
1行目で宣言した変数personの型はオブジェクトですか？

■質問2
1行目で宣言したpersonがオブジェクトだとすると、下部で new person(); とオブジェクトを生成する意味は何でしょうか？
オブジェクトではない場合、person の型は何でしょうか？

よろしくお願いします。

Javascriptのオブジェクトの概念について

Javascriptの解説書では、変数名は「books」のように英語をそのまま使用したものばかり見るのですが、ライブラリとか、ES6で書いたコードをBabelでトランスパイルしたコードでは、「_react」のように、１文字目に"_"（アンダースコア）が付された変数をよく見かけます。

トランスパイルするとそのような変数名が出現しますので、こうした命名には合理性があるのだと思うのですが、どのような理由でこうした命名を行っているのでしょうか？

よろしければご教示頂ければと思います。

Javascriptの変数の命名規則？ について

###前提・実現したいこと
以下のような簡単な図の分岐処理のスマートな書き方について

|A|B|重要度|
|--|:--:|--:|
|×|×|低い|
|×|○|普通|
|○|×|やや高い|
|○|○|高い|



###該当のソースコード
```C#

if(A == "×" && B == "×"){

   Console.WriteLine("低い");

}else if(A == "×" && B == "○"){

   Console.WriteLine("普通");

}else if(A == "○" && B == "×"){

   Console.WriteLine("やや高い");

}else if(A == "○" && B == "○"){

   Console.WriteLine("高い");

}



```

###試したこと
図に従ってコーディングしますと、すぐに思いついたのが上記のような書き方になります。

ただ、簡単なものであればこのような書き方をしてしまっても良いと思うのですが、
より複雑になった場合は、ただ分岐が増える事になり、あまりスマートな書き方ではないと思ってしまいました。

何か他に良い書き方はありますでしょうか。

よろしくお願いします。

###補足情報(言語/FW/ツール等のバージョンなど)
言語は問いませんが、出来ればPowerShellであると助かります。

適切な分岐処理について

###前提・実現したいこと
Visual Studio Codeで[全角スペース(U+3000、IDEOGRAPHIC SPACE、和字間隔)](https://ja.wikipedia.org/wiki/%E5%92%8C%E5%AD%97%E9%96%93%E9%9A%94)を可視化したい。

可視化の想定は、サクラエディタや秀丸等で全角スペースが表示される感じです。文字や色をカスタマイズできると、なお嬉しいです。

###発生している問題・エラーメッセージ
設定が見当たりません。拡張も見当たりません。

###該当のソースコード
```
a  b c
```
のように書いたときに、bとcの間が全角スペースじゃないか！と一目見てわかるようになりたいです。逆に半角スペースを常に可視化すれば見分けが付くじゃないか！と言う妥協案は、負けかなと思っています。
※ どうやら、コードの中の全角スペースは投稿するとteratail側が勝手に半角スペースにしてしまうようです。上のコードのbとcの間は本当は全角スペースです。本当です！

###試したこと
「Visual Studio Code 半角スペース」等で検索しましたが、該当する設定等が記載されたサイトは見当たりませんでした(Visual Studioは引っかかるんですけど…)。半角スペースを可視化する設定も行いましたが、全角スペースは半角スペース二個分の何もない空きがあるだけでした。

###補足情報(言語/FW/ツール等のバージョンなど)
Visual Studio Code 1.7.1

> Atomがとっても 重いから
> Codeを使って 開こう

と思っていたのですが、全角スペースを見て発狂してしまいそうになったので、やつらを駆逐するために可視化したいのです。

なければ、自分で拡張を作ろうかと思っています(また、作るのか…)。でも、Atomと違ってVisual Studio Codeは拡張でいじれない部分が多いとかそんな情報もちらほら…。TypeScriptを真面目に勉強しないと…。

"VisualStudioCode"というタグがあることに気付かずに"Visual Studio Code"でタグの追加申請をしてしまったのは秘密です。

Visual Studio Codeで全角スペースを可視化する方法

gitについて学べる書籍でオススメを教えてください。

自分の今の状況としては、
・プログラミングは出来ます
・Gitはソースのバージョン管理ができるってことしか知らないです
・他のバージョン管理も使ったことありません
・GitHubってgitをGUIで使えるもの？
・GitHubの他にgitを便利にするものがあるらしい
・Git使う際、どういう仕組みでバージョン管理しているのか知っときたい

Gitに対してこの程度の理解しかないです。
Gitのオススメの本を教えてください。

gitのオススメの書籍を教えてください

改行コードですが、プロジェクト内で統一したいと考えていますが、何で統一するのが良いのでしょうか？最近のトレンドなどはあるのでしょうか？
CR / LF / CRLF

ちなみに私の現在関わっているプロジェクトはWebアプリの開発で、Windows,MAC上で複数人により開発が行われ、最終的にLinuxサーバ上に置かれます
クライアントサイド：html,css,xml,javaScrip,typeScript
サーバサイド：php,c,cpp,h,hpp
設定ファイルなど：ini,txt,log,json
といった感じです