常連

注目の的

社会貢献

質問力

Underscore.jsで、あるオブジェクトの値に対してreduceを適用させたいです。
具体的には以下のようにしたいです。

```javascript
const arr = {a: [1, 2, 3], b: [4, 5], c: [6, 7, 8]}

// ここに何らかのコードを書く

console.log(result) //=> {a: 6, b: 9, c: 21}
```

現状では、次のように命令型と関数型がまぜこぜになったコードしか書けていないです。

```javascript
const arr = {a: [1, 2, 3], b: [4, 5], c: [6, 7, 8]}

let result = {}
for (const key of Object.keys(arr)) {
  const x = arr[key]
  result[key] = x.reduce((a, b) => a + b, 0)
}

console.log(result) //=> {a: 6, b: 9, c: 21}
```

どのようにすれば、もっとシンプルに書けるでしょうか？回答よろしくお願いします。

JavaScriptオブジェクトの値に対してreduceを適用させたい

vuexの説明で以下の記述がありました。

``` javascript
getters: {
  // ...
  getTodoById: (state) => (id) => {
    return state.todos.find(todo => todo.id === id)
  }
}
```

`(state) => (id) =>`のようにアローが連続する記述の理解ができませんでした。
`function`ありの記述だとどのようになるのでしょうか？

教えて頂けると助かります。
よろしくお願いいたします。

アロー関数の書き方について

javascriptにおいてsetIntervalやsetTimeout等は非同期処理に分類されるというのが分かるのですがそのほかの非同期処理にはどのようなものがあげられるのかわからない為、どの処理にPromise等を使えばよいのか分かりません。

例えば、
```javascript
const root = document.getElementById('root');
console.log('test');
```
のようなコードを例として挙げると

もし
`const root = document.getElementById('root')`
が5000msかかるとても重い処理だった場合でも
`console.log('test')`
は実際に5000ms後に実行されるのかが
`const root = document.getElementById('root')`
が非同期処理かが分からない為判断ができません。
なのでどの処理が非同期処理として扱われるのか教えていただきたいです。
よろしくお願いします。

javascriptでどれが非同期処理なのかが分かりません

Gitを個人で練習中です。
理由は学生ハッカソンに参加した際にGit操作になれておらず迷惑をかけたため・masterブランチでpushする方法しか知らずさらに迷惑になるので
です。
　
Gitのターミナル操作はプロゲートで学習したのですが、masterブランチしか紹介されていませんでした。
また、検索したのですが適切な解決策がみつかりませんでした。
　
たとえばtext.txtをメッセージ付与でpushしている形式ですが、リモート名をtest。
```Git
git init
git add text.txt
git commit -m “メッセージ"
git remote add test URL
git push test master
```
　
masterを外して`git push test`と記述すると
```Git
fatal: The current branch master has no upstream branch.
To push the current branch and set the remote as upstream, use

    git push --set-upstream test master
```
と警告が表示されるので`git push test master`でpushしています。
　
masterブランチ以外でpushするにはどう記述するのが良いですか？

Git入門：masterブランチ以外でpushしたいです

私は趣味でプログラミングをしています。(本職はNWエンジニア)

そもそも、自分がプログラムに興味を持ったのは機械学習を少しでもできるようになってみたいなあと思ったからです。(たびたびオセロのプログラムについての質問をここでさせて頂きました)
ただ、機械学習を実装するにあたって基本的なプログラミング知識が足りなさすぎると感じ、いろいろなサイトを巡って上達法を探ってみました。

例えば、バブルソートを自分で実装してみたりとか、paizaなどプログラミングの題材が置いてあるサイトで学習したり(レベルBくらいならスラスラとけるようにはなりました)、ネットではあまり意味がないとよく書かれていますが、javaの資格(silver)を取得するなど、いろいろやってみました。しかし、個人としてはあまり成長している気がせず、あまり面白さを感じなくなってきてしまいました。
皆さんはどのようなプログラムを作り、そしてどのように上達してきたのでしょうか？
体験談やアドバイスなど頂ければ幸いです。

プログラミング上達する上で何をすればよいか

import・exportを初めて試しているところです。
教科書通りにやっているつもりなのですが、うまくいきません。


```html
<script type="module" src="importing.js"></script>
```


importing.js↓
```javascript
import {tes} from "./module.js";
const abcde=111;
console.log("here importing");
console.log(abcde);
```

module.js↓
```javascript
export const tes = "181028";
```



##実行したこと
上記３つのファイルは全て同じディレクトリに置いています。
`html`ファイルをローカルで実行し、chromeで表示させて、consoleを確認しました。

##期待する動作
console に以下の表示がされる。
```
"181028"
"here importing"
111
```

##結果
正常に動作しません。
・consoleになにもメッセージが出ない
・consoleにエラーメッセージも出ない
・`tes`　だけでなく、`abcde`　も  `here importing`も反応しない。→最後まで読み込まれていない？


どこがおかしいのでしょうか。
ご指導お願いいたします。

import export　がうまく動作しない

Map<String, Integer> hogeMap = new HashMap<String, Integer>() {{
                put("hoge", 3);
                put("fuga", 2);
                put("piyo", 5);
            }};

この記述の「{{および}}」は何という名前なのでしょうか？

また、この記述メソッドに名前はあるのでしょうか？（例. ラムダのような感じ）

ソース内の記号の名前

初めてのアプリを作っています。
毎回同じ段階でつまづいてアプリを完成させることができません。
例えば、位置情報を使ったアプリの場合

0. 「GPSで位置情報を取得して、目的地に近づいたら指定した音楽を鳴らしたい！」
0. 現在地の位置情報を取得して変数に代入
0. 目的の位置情報を取得して変数に代入
0. 現在値の変数 - 目的地の変数が指定した値より小さくなった場合、音楽を再生
0. ロジックが決まって、いざ作ろうとしても位置情報の取得方法がわからない！　⇐詰む
0. このアプリ作るのムリ
0. 他のアプリを作ろう

これの繰り返しです。
取得する方法がわからないから、何時間かけてもできっこない！　と、思ってます

みなさんはどうやって「したいことを実現するための方法」を探しているのでしょうか？

あなたはアプリ開発の時どうやってメソッドなどを探してますか？

最近、Springの勉強を始めました。
現在はレガシー・プロジェクト（SpringMVC）で作成し簡単な画面遷移までは実装することができました。

いくつかサイトを見比べてレガシー・プロジェクトで目的の画面遷移まで実装することはできましたが、
スターター・プロジェクトで作成する参考サイトもありました。

とりあえず、見よう見真似でレガシー・プロジェクトで目的を果たすことはできましたが、
スターター・プロジェクトとの違いが、いまいち分かりませんでした。

googleで検索してみても「spring legacy project starter 違い」と検索候補には出てくるものの、
レガシー・プロジェクトとは何か、スターター・プロジェクトとは何かが具体的にわかるサイトを見つけることができませんでした。
spring legacy project,spring starter projectで公式サイトなどがあるのかと思いましたが、そうでもなさそうでした。

スタータープロジェクトを作成してみてフォルダ構成が違うこと、スターター・プロジェクトはMavenを使用していそう、
SpringBootを用いていそうくらいにしか分かりませんでした。

具体的にはどのような違い、それぞれの特徴があるのでしょうか？
また、どのように使い分ければいいのでしょうか？

Springレガシー・プロジェクト（SpringMVC）とスターター・プロジェクトの違いについて

こんにちは。

Webスクレイピング(データダウンロード)についての質問があります。

スクレイピングを、
GoogleSpreadSheet の GAS あるいは
Windows Excel VBA での IE コントロール
によって、何回か行ったことがあります。

GoogleSpreadSheet の GAS はWebで動くので
Mac環境などのユーザーでも動くため便利なのですが

あるWEBショップのデータダウンロードなどのときに
ログインが必要になる場合があります。

そうすると、普通のURL指定したダウンロードだけではなくなります。

Excel の IE 操作の場合は、
ブラウザの入力欄に文字を埋め込み
特定のボタンを押し、そして、データダウンロード
という操作ができるものの、

GoogleSpreadSheet の GAS では、
そのような操作ができるのかどうかわからず、困っています。

やり方をご存知の方、おられましたら
教えていただけると助かります。

自分の書いた記事ですが、GASでの通常のスクレイピングはこの内容のようにやっています。
[Google SpreadSheet のGAS(JavaScript)でスクレイピング(Webデータゲット) - Qiita](https://qiita.com/standard-software/items/16214dc4e64d28952c2d)


繰り返しになりますが、
ExcelVBAではそれはできるのですが、

GAS では、
ブラウザの入力欄に文字を埋め込み
特定のボタンを押し、そして、データダウンロード
という操作ができるものでしょうか？

また、
スプレッドシート使わない、node.jsを使ったJavaScriptや
Python Ruby PHP などでは、
そのようなブラウザ操作系のスクレイピングは
できるものでしょうか？

最初のとっかかりのやり方やテクニックサイトなどを教えていただけましたら助かります。
よろしくおねがいします。

Windows の Excel ではできるのですが
IEを操作するというやや不安定な動作になることと
IEの将来性などを考えると、違う方法を模索したいと思っております。

GoogleChrome の非表示モードと
Selenium Web Driver を使うというやり方は
どうやらできるらしいという程度しかしらないのですが
他にもやれる方法があるかもしれないと思って質問しております。
Selenium Web Driver でのやり方のサイトも、入力欄への文字の配置やwebページ上のボタンを押すやり方が存在すれば教えていただきたいです。

今のところ対象なのは、"ふるせる"というところなのですが
そこに限らず、一般的なWEBショップ、
あるいは、ブログなどのログインができるようになりたいと
思っております。

長々とすいません。
よろしくおねがいします。

WEBスクレイピングでログインが必要なサイトの場合どのような方法がありますか？

Java8 において、ラムダ式外部のローカル変数を変更しようとすると、「ラムダ式から参照されるローカル変数は、finalまたは事実上のfinalである必要があります」というエラーになると思います。
また、Exceptionもラムダ式外部でCatchすることができません。

parallelストリーム であればNGなのは理解できますが、parallelでないものまでこのエラーとなります。
理由がわかる方がいらっしゃれば教えていただけないでしょうか。

parallel のときのみこの制約を適用する、という仕様では複雑になってしまうからでしょうか。

ラムダ式から参照されるローカル変数は、finalまたは事実上のfinalでなければならない理由

自分がインスタンスというものを決まり文句としてしか理解できていないからなのですが、シングルトンの重要性があまりわかりません。
調べてみてもいまいちピンきませんでした、インスタンスがなぜ一つじゃないといけないのか,どのような場面でシングルトンを使うのか、どなたか教えて頂けないでしょうか。

シングルトンがなぜ必要なのか

下記のメソッド内にある3つの点は何を意味するものですか？

```lang-java
public void setMyString(String... strings){
    // メソッドの処理
}
```

Javaで引数の記載方法について

Javaのenumのエレガントな使い方を探しています。

これまで、①「定数を型安全かつ便利に使えるクラス」ぐらいの認識しかなく、そこまで価値を感じていませんでした。しかし、②「ストラテジーパターンを利用したいわゆる定数固有メソッド」（effective javaに載っているようなやつ）の存在を知ってから、次第にenumに興味を持つようになりました。

そこで質問です。実際の現場で見たことのあるenumのエレガントな使い方を教えてください。デザインパターンが盛り込まれてクラス数が多い重厚なやつでもいいですし、手軽に使えるシンプルな小技でもいいです。

インターネットで色々調べましたが、①もしくは②の説明が多いと感じましたので、これら以外の事例を希望します。

Javaのemumのエレガントな使い方

JavaScript開発初心者がまずすべきことを教えてください。

といっても範囲が広すぎるので、いくつかキーワードを挙げます。
- 現在、開発対象として考えているのは、Node.js上でWEBサーバーを立ち上げることです。Node.jsをサーバーとして選択した理由は、WEB開発自体、HTMLやCSS、サーバーやネットワーク関係など課題が多く、取り組む開発言語を減らしたいと思ったからです。
- Server(PHP),Client(HTML,CSS,JavaScript)という構成での開発は３カ月ほど経験しました。
- その中で、「JavaScriptエンジン毎の対応」「HTMLレンダリングエンジン毎の対応」「レスポンシブWEBデザイン」について学ぶ必要があることを実感しました。レスポンシブWEBデザインについて、TwitterBootstrapを試用しました。
- WEB開発は初心者ですが、業務で20年以上のプログラミング経験があります。両手に余るぐらいの言語は経験してきました。

インターネット検索での情報収集では、新しい情報、古い情報、入り乱れており、要領を得ませんが、「見たほうがいいサイト」「見ないほうがいいサイト」があれば、参考にしたいと思います。（あいまいな情報を載せているサイトほど、放置されがち）

こちらで得られた回答が、これからJavaScriptを学ぶ人たちの指針となることを望みます。
以上、よろしくお願いいたします。

JavaScript開発初心者がすべきことを教えてください。

仮にAというinterfaceを作りそれを仮にBというクラスが継承したとします。Bのインスタンスを仮にCクラスのメソッドsetA(A a)というメソッドでCのメンバー変数にAクラスとしてセットします。コードにすると雑ですが、下記みたいな感じでしょうか。

interface Aは実装上なくても問題ないしむしろ邪魔に思えるのですが、CがBのインスタンスをAとして扱えるために余計なBのメソッドを呼べないので疎結合だからいいのだそうです。私は勉強不足の為わかった様なわからんような気分なんですが、interfaceはある程度、活用性がないと作る意味ない気がします。例えばD,E,Fのクラスがあってそれらも、Aのinterfaceを継承して他のクラスに使わせるならわかる気がします。でも、Bのみしか継承しないのだったらいらないと思うのです。

こういうのはリファクタリングのテクニックなんですか。そんなに重要なんでしょうか。テクニックの名前とかありますか。

```java
interface A {}

class B implements A {}

class C {
    A a;
    void setA(A a) {
        this.a = a;
    }
}

~~~~
   B b = new B();
   C c = new C();
   c.setA(b);
~~~~
```

javaで実装上特に不要だがinterfaceを継承する設計

javaの質問です。  


mport java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;


public class Answer{
	
	
	public static void main(String[] args) throws IOException {
		
		int a,b,answer,sum=0,tmpnum=0;
		double avg=0;
		
		
		BufferedReader br =
				new BufferedReader(new InputStreamReader(System.in));
		
		
		System.out.println("一つ目の数字");
		String str = br.readLine();
		a = Integer.parseInt(str);
		
		
		System.out.println("二つ目の数字");
		String str2 = br.readLine();
		b = Integer.parseInt(str2);

		System.out.println("区分を入力して下さい。(1 or Max:Max / 2 or Min:Min /)");
		String c = br.readLine();
			
		switch(c){
		
case "1":	
case "Max":	
case "2":
case "Min":
	
	if(a <= b){
	tmpnum =  b;
	b = a;
	a = tmpnum;
				System.out.println(a);
			}
	
			
			if(c.equals("1") || c.equals("Max")){
				answer = a;
				System.out.println(anser);
			}
			
			else{
				answer= b;
				System.out.println(anser);
			}					break;




結果としては
10
20
MAX
20

と言った流れです。

数値は2回だけ入力し区分のMAXor最大値の時と
MINor最小値で大きい数を出すか小さい数を出す
か判別するプログラムです。

上のプログラムではa.bの入力された数値を交換しているですが、先生からプログラムの再利用性
を考えてと言われよく分からない状態です。

最初に数値を２つ打たせ次の区分で最大値かMAXとキーボードから打たれたら数値の大きい方を表示し、最小値かMINだった場合は数値の小さい方を出すプログラムがあるとします。

２つのロジックは似たようなものになるので記述を再利用性を考えてまとめるとしたらどのようにコードを書いたらいいのでしょうか⁇

javaの再利用について

わからない事！
現在、既存システムを.netからPHPに移行する新規システムのコーダーを一人でしています。

もともと、インフラ要員(業界1.5年目...転職組)のため、コーディング補助でPM(PL)をしている方の下に就く予定だったのが、その方が、別件にて、当方の作業が０工数になってしまいました。
仕方がないので、わたくしが、一人プロジェクトをする事になりました。

自社内先輩方にも質問は、投げたのですが、いまいち具体的な内容に落とせなかったので、
知恵を貸していただきたいです。

質問1
画面定義書とは、画面の一覧と各画面毎の機能が記載された資料の認識であっておりますか？
質問2
画面定義書は、具体的な資料として、どう言った感じの資料になるのでしょうか？
※可能であれば、こんなフォーマットって言うのを教えてもらえると幸いです。

質問3
機能一覧とは、画面単位ではなく、業務フローに合わせて、各工程で使用するビジネスロジックを網羅した資料である。
質問4
機能一覧を作成する際に記述しなければならない(説明しなければならない)箇所は、どの様な内容でしょうか？
※こちらもフォーマットなどで御説明いただけると幸いです。

補足：作成しているシステムは、webシステムです。
※google先生に問い合わせをして、色々なサイトは見たのですが、
 有識者向けの説明が多く、具体的な内容に落とし込めていないです

以上、よろしくお願い致します。
質問場所がここじゃないってことでしたら、削除とかしますので、教えてください

基本設計のあれこれを教えてください

ER図を書くツールは何をつかっていますか？

私がつかったことがあるのは、次のものです。

設計時
  - [ERMaster](http://ermaster.sourceforge.net/index_ja.html)
  - Excel でちまちまと書いていく..
  
リバース・エンジニアリング時
  -  [erd](http://qiita.com/kanpou_/items/74eca1846101e6db3387)

その他：(研究中)
  - eclips の Sirius は ER 図作成につかえるものなのでしょか？

追加 (2015-11-13)
* そもそも、DBを使う場合, 設計時に ER 図を書きますか？
  (複数人で作業する場合を想定しています。)

ER図を書くツールは何をつかっていますか？

入力画面を作成しているのですが、都道府県に連動した区市町村の入力をしたいです。都道府県を選択した後に、選択した都道府県の区市町村を表示してselectで選択をする形を考えています。
開発環境angularを使っています。Javascriptでもかまいません。
できるだけ簡易に実装できればありがたいです。どなたか知っている方ご教授いただければと思います。

現状では下記のURLのライブラリの使用を検討しています。
http://www.kawa.net/works/ajax/addrajax/addrajax.html