常連

回答者

ベストアンサー

拍手喝采

自己紹介

# Docker Machineを作成する際にWaiting for SSH to be availableのまま進まない

### 環境
Windows10 Pro
Memory  16GB
docker-machine.exe version 0.16.1

### 実行したコマンド
docker-machine create --driver hyperv --hyperv-virtual-switch "Primary Virtual Switch" machine_name

※スイッチは存在しています。


### 実現したいこと
https://github.com/appium/appium-docker-android
上記urlのReadMeで書かれていることのクリア

上記URLでは、VirtualBoxを使っているが、Hyper-Vを使用したい。

### 試したこと
StackOverFlowなどで検索をかける
Dockerの再インストール
Machine削除してからもう一度作り直す

### 質問
Waiting for SSH to be available...　から全く進みません
どうすれば進むようになりますか？？

宜しくお願い致します。

Docker Machineを作成する際にWaiting for SSH to be availableのまま進まない

GraphQLの利点として挙げられる「エンドポイントを集約できる」という点について質問です。これはRESTfulのAPIでは扱うデータの構造ごとにエンドポイントが必要だったが、GraphQLでは1つのエンドポイントで全てのデータを返せるようにしておき、実際に必要なデータ構造はクエリで指定するものと理解しています。

それでも、ユーザーからのリクエストに応じて構造の異なるデータを取得しようとする場合、サーバーサイドで分岐処理が必要になるはずです。そうなると、分岐がクライアント側にあるか、サーバー側にあるかの違いに思えます。

```javascript
// データ構造ごとにエンドポイントが異なるRESTful APIの実装
// クライアント側のコード
function getData() {
  switch(ユーザー指定のデータ) {
    case "name":
      get("http://hoge/get_name"); // { name: "Fuga" }
      break;
    case "age":
      get("http://hoge/get_age"); // { age: 40 }
      break;
    case "name_and_age":
      get("http://hoge/get_name_and_age"); // { name: "Fuga", age: 40 }
      break;
  }
  return 
}
```

```node
// データ構造に関わらずエンドポイントが単一のGraphQLの実装
// サーバー側のコード
var { graphql, buildSchema } = require('graphql');
var schema = buildSchema(`
  type Query {
    name: String
    age:  Number
  }
`);
var root = {
  name: () => {
    return 'Fuga';
  },
  age: () => {
    return 40;
  },
};

var query;
switch (ユーザー指定のデータ) {
  case "name":
    query = '{ name }'
    break;
  case "age":
    query = '{ age }'
    break;
  case "name_and_age":
    query = '{ name, age }'
    break;
}

graphql(schema, query, root).then((response) => {
  console.log(response);
});
```

エンドポイントを集約できると、具体的にどのようなメリットがあるのでしょうか？
クエリの直感的な分かりやすさからGraphQLに興味を持っているのですが、エンドポイントの件がどうしても分からず、教えて頂きたいです。

GraphQLでエンドポイントを集約する利点とは？

Vueにあるslotのメリットが分かりません。
別にslotじゃなくても出来ると思うのですがslotじゃないと出来ないこととかあるのでしょうか？

```vue
<templete>
<child :data=“data” />
</templete>
```
これでいいと思うのですが...

Vue spa slotのメリットがイマイチ分からない

gas初心者の者です。
gasを使ってslackにアンケートを実装し、スプレッドシートに反映させたいです。
とりあえず、slackにアンケートを投稿するところまではできました。
色々調べていたところ、その結果を扱うのにdopost()関数を使うとわかりました。
サンプルコードがあったのですが、デバッグで『undefined からプロパティ「parameter」を読み取れません』と表示されます。
```javascript
function doPost(e) {
      
      var parameter=e.parameter;
      var data = parameter.payload;
      var json = JSON.parse(decodeURIComponent(data));

      
      if (json.actions[0].name == "button"){
        var text = "You clicked " + json.actions[0].value;
      
      } else if (json.actions[0].name == "select") {
        var text = "You selected " +  json.actions[0].selected_options[0].value;
      }

      
      var replyMessage = {
        "replace_original": true,
        "response_type": "in_channel",
        "text": "I see you clicked the button.\n" + text
      };
      return ContentService.createTextOutput(JSON.stringify(replyMessage)).setMimeType(ContentService.MimeType.JSON);     
    }
```

また、アンケートに答えるとslack上では謎のコードがでています。原因を教えていただけますでしょうか？
```html
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="//ssl.gstatic.com/docs/script/images/favicon.ico">
<title>
Error
</title>
<style type="text/css">body {background-color: #fff; margin: 0; padding: 0;}.errorMessage {font-family: Arial,sans-serif; font-size: 12pt; font-weight: bold; line-height: 150%; padding-top: 25px;}
</style>
</head>
<body style="margin:20px">
<div>
<img alt="Google Apps Script" src="//ssl.gstatic.com/docs/script/images/logo.png">
</div>
<div style="text-align:center;font-family:monospace;margin:50px auto 0;max-width:600px">DNS エラー: http://URL (line 30, file &quot;コード&quot;, project &quot;ttt&quot;)
</div>
</body>
</html>
```

gasのdopost(e)について

Kotlin + SpringBootを触っています。

```
    enum class Mode {
        Normal, Error
    }
```
こんな感じでenumを定義しました。


このenumをDBから取得した下記のmodeカラムと比較しようとしています。

```
row.mode //NormalかErrorという文字列が返る。
```

とした場合、作成したenumを使って比較しようとすると以下のような形になります。
```

if(row.mode == mode.Normal.name) 
```
ただ、出来れば、enumの呼び出しは`mode.Normal`のような形で行いたいです。

```
if(○○ == mode.Normal)

```
上記のような形で比較を行うには左辺がenumではなければならないのですが、何かいい方法はあるでしょうか？
また、enumを使った文字列の比較で何かベストな方法はあるでしょうか？

Kotlinのenum化した文字と文字を簡潔に比較する方法

現在ジェネリクスについて勉強中です。


引数として渡された2つのSetから同じ要素の数を順番に数えるメソッド
countSameElementsを作りました。

このメソッドの引数にSet<T>と出来ない理由を教えてください。
<?>と<T>の違いがわかりません。

よろしくおねがいします。

```ここに言語を入力
public class Generics {
	public static void main(String[] args) {
		Set<Integer> set1 = new LinkedHashSet<>();
		Set<Integer> set2 = new HashSet<>();

		set1.add(1);
		set1.add(2);
		set1.add(4);
		set1.add(3);

		set2.add(5);
		set2.add(2);
		set2.add(1);
		set2.add(3);

		Generics.countSameElements(set1, set2);
	}
        //ここで引数をSet<T> a, Set<T> bにはできない
	public static int countSameElements(Set<?> a, Set<?> b) {
		int result = 0;
		for (Object object : b) {
			if (a.contains(object)) {
				result++;
			}
		}
		return result;
	}
}
```

Javaでメソッドの引数に<T>が使えないのはなぜですか？

お世話になっております。

リソースを取得する方法に
ListResourceBundleと
PropertyResourceBundle
がありますが、
ListResourceBundleを使用する利点て何でしょうか？
任意のオブジェクトの状態で取得できることは利点かなと思いますが、それ以外にあるでしょうか？

そもそもPropertyResourceBundleはStringでしか取得できないと思っているのですが、認識で合ってますか？

ListResourceBundleの利点

### 前提・実現したいこと

ユーザー名・パスワードが未入力の状態でloginボタンを押した結果、
同じ画面に遷移させ、それぞれ入力欄の下に"ユーザー名を入力"、"passを入力"が表示される状態にしたいです。
しかし、どちらかまたは両方が空欄の状態でloginボタンを押すと、404NotFoundが表示されてしまいます。


###エラーメッセージ
HTTPステータス 404 - /helloWorld/WEB-INF/view/index.jsp
type ステータスレポート
メッセージ /helloWorld/WEB-INF/view/index.jsp
説明 The requested resource is not available.
Apache Tomcat/8.0.36

### 該当のソースコード
login画面
```ここに言語名を入力
<!DOCTYPE html>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="f" uri="http://www.springframework.org/tags/form"%>
<html>
	<head>
		<meta charset="utf-8">
		<title>ログイン</title>
	</head>
	<body>

		<f:form modelAttribute="loginForm" action="login" method="post">
			<div>
			ユーザー名：<input type="text" id="loginName" name="loginName"/>
			<f:errors path="loginName" element="div"/>
			</div>
			<div>
			パスワード：<input type="password" id="loginPassword" name="loginPassword"/>
			<f:errors path="loginPassword" element="div"/>
			</div>
			<div>
				<input type="submit" value="login"/>
			</div>
		</f:form>
	</body>
</html>

```
Form
```
package helloWorldForm;

import org.hibernate.validator.constraints.NotEmpty;

import helloWorldValidation.GroupOrder1;


public class LoginForm {

	@NotEmpty(groups={GroupOrder1.class}, message="ユーザー名を入力")
	private String loginName;

	@NotEmpty(groups={GroupOrder1.class}, message="passを入力")
	private String loginPassword;

	public String getLoginName() {
		return loginName;
	}
	public String getLoginPassword() {
		return loginPassword;
	}
	public void setLoginName(String loginName) {
		this.loginName = loginName;
	}
	public void setLoginPassword(String loginPassword) {
		this.loginPassword = loginPassword;
	}



}

```

Controller
```
package helloWorldController;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import helloWorldForm.LoginForm;
import helloWorldValidation.GroupOrder;

@Controller
public class LoginController {

	@RequestMapping(value = "/", method = RequestMethod.POST)
	public String index(Model model) {
		return "index";
	}


	@RequestMapping(value="/login", method = RequestMethod.POST)
	public String login(Model model, @Validated(GroupOrder.class) @ModelAttribute("loginForm") LoginForm loginForm, BindingResult result) {

		if(result.hasErrors()) {
			return "index";
		}

		model.addAttribute("loginName", loginForm.getLoginName());
		return "top";
	}
}

```

###試したこと
pom.xmlに以下の記述を追加
```

		<dependency>
		    <groupId>javax.validation</groupId>
		    <artifactId>validation-api</artifactId>
		    <version>1.1.0.Final</version>
		</dependency>

		
		<dependency>
			 <groupId>org.hibernate</groupId>
	   		 <artifactId>hibernate-validator</artifactId>
    		<version>5.2.4.Final</version>
		</dependency>
```


### 補足情報（FW/ツールのバージョンなど）

Java8
Spring3.2.3

SpringFWを使用した入力チェック後の画面遷移失敗

### 前提・実現したいこと
Spring MVCを使用し、名前を入力すると画面遷移し、
名前を表示させる簡単なエコーアプリを作成しています。

https://terasolunaorg.github.io/guideline/1.0.6.RELEASE/ja/Overview/FirstApplication.html
こちらのサイトを参考にしつつ作っているのですが、
例外が発生し、実行できません。

いろいろ調べたのですが、結局わからなかったため質問させていただきました。
どのように修正すれば実行できるでしょうか。

### 発生している問題・エラーメッセージ


```
java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name 'echoForm' available as request attribute
```


原因↓
```
java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name 'echoForm' available as request attribute
```

### 該当のソースコード
index.jsp
```ここに言語名を入力
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ page session="false" %>
<html>
<head>
	<title>Home</title>
</head>
<body>
<h1>
	Hello world!
</h1>

<form:form modelAttribute="echoForm" action="${pageContext.request.contextPath}/echo/hello">
	<form:label path="name">Input Your Name:</form:label>
	<form:input path="name"/>
	<input type="submit" value="send"/>
</form:form>
</body>
</html>
```
EchoController
```
package com.example.helloWorld.app.echo;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

/**
 * Handles requests for the application home page.
 */
@Controller
@RequestMapping("echo")
public class EchoController {

	@ModelAttribute
	public EchoForm setupEchoForm() {
		EchoForm echoForm = new EchoForm();
		return echoForm;
	}

	@RequestMapping
	public String index(Model model) {
		return "echo/index";
	}

	@RequestMapping(value="hello", method = RequestMethod.POST)
		public String hello(EchoForm form, Model model) {
			model.addAttribute("name", form.getName());
			return "echo/hello";
		}
	}


```

EchoForm
```
package com.example.helloWorld.app.echo;

import java.io.Serializable;

public class EchoForm implements Serializable {

	private String name;

	public EchoForm() {
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}



}

```

web.xml
```
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

	
	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>/WEB-INF/spring/root-context.xml</param-value>
	</context-param>

	
	<listener>
    
    <listener-class>
        org.springframework.web.context.ContextLoaderListener
    </listener-class>
  </listener>
  <context-param>
    
    <param-name>contextClass</param-name>
    <param-value>
        org.springframework.web.context.support.AnnotationConfigWebApplicationContext
    </param-value>
  </context-param>
  <context-param>

    
    <param-name>contextConfigLocation</param-name>
    <param-value>example.config.AppConfig</param-value>
  </context-param>

	
	<servlet>
		<servlet-name>appServlet</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>

	<servlet-mapping>
		<servlet-name>appServlet</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>

</web-app>

```
### 試したこと

調べた結果、「form:fromのmodelAttributeに指定する値と、
実際にControllerでバインドさせるFormオブジェクトは名前を一致させる」必要があることは理解しました。

form:fromのmodelAttributeの値 = echoForm、
Formオブジェクトの名前もechoFormとしております。

ただ上記のサイトではFormオブジェクト名はformとなっており、理由は理解できていません。
可能であればその理由も教えていただきたいです。


### 補足情報（FW/ツールのバージョンなど）

STS3.9.4
Tomcat8
java-version　1.8

SpringMVCでjava.lang.IllegalStateException:

### 前提・実現したいこと

Docker初学者です。

Dockerを用いてNuxt.js+express+SQLを使ったアプリの開発環境を構築しています。
https://github.com/nuxt-community/express-template
こちらのリポジトリを参考にさせていただき、Dockerfileを作成してアプリを動かすことができました。

その際Dockerfileでnpm run devを行いnuxtのビルドを行っているのですが、vueファイルを修正してもコンパイルされません。
vueファイル修正後に docker-compose up を行えばコンパイルが走るのですが、これをコンテナを起動したまま即座に修正反映したいです。
それにはどのような設定を加えればよいでしょうか？

よろしくお願いいたします。

#### package.json
```json
"scripts": {
    "dev": "backpack dev",
    "build": "nuxt build && backpack build",
    "start": "cross-env NODE_ENV=production node build/main.js",
    "precommit": "npm run lint",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
  },
```

#### Nuxt.jsアプリのDockerfile

```
FROM node:9.4.0-alpine
ENV HOME=/home/app
COPY . $HOME/
WORKDIR $HOME
RUN [ -s 'node_modules' ] || npm install
CMD ["npm","run","dev"]
```

#### docker-compose.yml

```yml
version: '3'
services:
  nuxt:
    build: ./nuxt
    ports:
      - '3000:3000'
    environment:
      HOST: "0.0.0.0"
    depends_on:
      - db
    volumes:
      - ./nuxt:/home/app:cached
    networks: 
      - app-network
  (中略)
```

DockerでNuxt.jsのコンパイルをしたい

### 前提・実現したいこと

例外テストの記述方法について教えてください。

様々なインプットに対して、対応した例外を投げるテストを作成したいと考えています。

インプットと期待例外のパターンの組み合わせ次第で、書き方としてはいくつか方法があると思いますが、
試みて失敗したものを記載しますので、解決案を教えて頂ければ助かります。

テストメソッドにはinvokeを使用しており、できるだけ@ParameterizedTestで、記述したいと考えています。


よろしくお願いします。






### 発生している問題・エラーメッセージ

```
エラーメッセージ
```

### 該当のソースコード

```ここに言語名を入力
1. 異なるインプットに対して、全て同じ例外を返す場合
> テストメソッド:@ParameterizedTest宣言し、dataProvider部に'テストデータ'を記述する
（メソッド引数：テストデータを渡す）

→[問題] @Test(expected = xxException.class)のように、@ParameterizedTest宣言できない。

@ParameterizedTest(xxx)
testMethod(testData){
　　　　〜
       xxx.invoke();
}


2. 異なるインプットに対して、対応した例外を返す場合（例外パターンは複数）
> テストメソッド:@Rule、@ParameterizedTest宣言し、dataProvider部に'テストデータ'と期待exceptionを記述する
（メソッド引数：'テストデータ'と'期待exception.class'を渡す）

→[問題] Ruleが機能していない。expected exception

@Rule
public ExpectedException thrown = ExpectedException.none();

@ParameterizedTest(xxx)
testMethod(testData, zzz.class){
    thrown.expect(zzz.class);
    〜
    xxx.invoke();
}
```

### 試したこと

try-catchの記述方法は、動作確認できております。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

例外テストの書き方について

### Javaのインターフェースについて

Javaのインターフェースについていくつか気になることがあるのでもしよろしければ
教えてください。


1.クラスでは多重継承できなくて、インターフェース同士の多重継承ができる理由。
↓のようなもの
```


interface B{
void B();
}
interface C{
void C();
}
interface A extends B,C{
void A();
}

class Sample implements A{
public void A(){System.out.println("A")}
public void B(){System.out.println("B")}
public void C(){System.out.println("C")}
}
```

2.多重継承したインターフェースを実装する場合と同時実装の違い
1.の文と比べてSampleクラスが何を実装しているか一目でわかる気がするので1.の文のメリットがわからない
```
interface B{
void B();
}
interface C{
void C();
}
interface A{
void A();
}

class Sample implements A,B,C{
public void A(){System.out.println("A")}
public void B(){System.out.println("B")}
public void C(){System.out.println("C")}
}
```
3.インターフェースの多重継承でのデメリット？として
「多重継承でつながっているインタフェース内で、一つの変数名が複数箇所で定義されているとコンパイルエラーになります。」
と記載してあるサイトがあり、Java8で試してみるとコンパイルエラーが起きなかったのですがJava7ではコンパイルエラーになるのでしょうか？
なぜJava8では実行できるのでしょうか？

どなたかよろしくお願いします。

Java インターフェースについて

今商品ページを作成中で商品をクリックしたら買い物かごにいれるという作業中なんですがうまくいきません。

```jsp
<form action="cart">
<div>
  <input type="hidden" name="price,name" value="applePrice,appleName">
  <s:property value="applePrice"/>
  <s:property value="appleName"/>
</div>

<div>
  <input type="hidden" name="price,name" value="orangePrice,orangeName">
  <s:property value="orangePrice"/>
  <s:property value="orangeName"/>
</div>



```

↑のコードにも書いた通り<div押されたほうの>タグ二つ用意して、どちらが押されたら押されたほうのデータを送信します。

クリックした要素のデータだけ送信したい

期間を表す単語については、for, period, term, duration など数多くあるようですが、英語の素養に乏しいためにどれが適切なのかよくわかりません。
いつからいつまでという絶対的な日付による、ログ検索のような「期間」ではどれがよろしいのでしょうか？

検索機能などの期間指定における「期間」の適切な変数名

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Chartjsでグラフを表示したいのですが表示されません。
表示する方法を教えていただけないでしょうか。

以下がコードです。
htmlとjsは同一フォルダに存在します。

■HTML（index.html）
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>chartjs</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.js"></script>
</head>
</html>
<body>
    <div class="container">
      <h2>Chart.js — Bar Chart Demo</h2>
      <div>
        <canvas id="myChart"></canvas>
      </div>
      <p id="caption">The chart is displaying apples & oranges</p>
    </div>
    <script type="text/javascript" src="index.js"></script>
</body>

■js
var ctx = document.getElementById("myChart").getContext('2d');

var original = Chart.defaults.global.legend.onClick;
Chart.defaults.global.legend.onClick = function(e, legendItem) {
  update_caption(legendItem);
  original.call(this, e, legendItem);
};

var myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ["M", "T", "W", "T", "F", "S", "S"],
    datasets: [{
      label: 'apples',
      backgroundColor: "rgba(153,255,51,1)",
      data: [12, 19, 3, 17, 28, 24, 7],
    }, {
      label: 'oranges',
      backgroundColor: "rgba(255,153,0,1)",
      data: [30, 29, 5, 5, 20, 3, 10],
    }]
  }
});

var labels = {
  "apples": true,
  "oranges": true
};

var caption = document.getElementById("caption");

var update_caption = function(legend) {
  labels[legend.text] = legend.hidden;

  var selected = Object.keys(labels).filter(function(key) {
    return labels[key];
  });

  var text = selected.length ? selected.join(" & ") : "nothing";

  caption.innerHTML = "The chart is displaying " + text;
};

Chartjsでのグラフ表示

### 前提・実現したいこと

Spring BootでRest Webサービスの開発を行なっています。
データを１件取得するAPIを実行したところエラーとなってしまいました。

### 発生している問題・エラーメッセージ

アプリケーションを起動後getメソッドを行うとエラーが返ってくる

```
$curl http://localhost:8080/api/customers/1 -i -XGET
HTTP/1.1 500 
Content-Type: application/json;charset=UTF-8
Transfer-Encoding: chunked
Date: Thu, 31 May 2018 09:20:04 GMT
Connection: close

{"timestamp":"2018-05-31T09:20:04.234+0000","status":500,"error":"Internal Server Error","message":"Type definition error: [simple type, class org.hibernate.proxy.pojo.javassist.JavassistLazyInitializer]; nested exception is com.fasterxml.jackson.databind.exc.InvalidDefinitionException: No serializer found for class org.hibernate.proxy.pojo.javassist.JavassistLazyInitializer and no properties discovered to create BeanSerializer (to avoid exception, disable SerializationFeature.FAIL_ON_EMPTY_BEANS) (through reference chain: com.example.hajibootrest.Customer_$$_jvstaf1_0[\"handler\"])","path":"/api/customers/1"}
```

### 該当のソースコード

以下クラスです。

HajibootRestApplication.java
```
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class HajibootRestApplication {

	public static void main(String[] args) {
		SpringApplication.run(HajibootRestApplication.class, args);
	}
}
```

CustomerService.java
```
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

@Service
@Transactional
public class CustomerService {
	@Autowired
	CustomerRepository customerRepository;
	
	public List<Customer> findAll(){
		return customerRepository.findAllOrderByName();
	}
	
	public Customer findOne(Integer id) {
		return customerRepository.getOne(id);
	}
	
	public Customer create(Customer customer) {
		return customerRepository.save(customer);
	}
	
	public Customer update(Customer customer) {
		return customerRepository.save(customer);
	}
	
	public void delete(Integer id) {
		Customer customer = customerRepository.getOne(id);
		customerRepository.delete(customer);
	}
}
```

CustomerRestController.java
```
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@RequestMapping("api/customers")
public class CustomerRestController {
	@Autowired
	CustomerService customerService;
	
	@GetMapping
	List<Customer> getCustomers(){
		List<Customer> customers = customerService.findAll();
		return customers;
	}
	
	@GetMapping(path = "{id}")
	Customer getCustomer(@PathVariable Integer id) { 
		Customer customer = customerService.findOne(id);
		return customer;
	}
}
```

CustomerRepository.java
```
import java.util.List;

import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.data.jpa.repository.Query;

public interface CustomerRepository extends JpaRepository<Customer, Integer> {
	
	@Query(value = "SELECT x FROM Customer x ORDER BY x.firstName, x.lastName")
	List<Customer> findAllOrderByName();
	
}
```

Customer.java
```
import javax.persistence.*;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Entity

@Table(name = "customers")
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Customer {
	@Id
	@GeneratedValue(strategy=GenerationType.IDENTITY)
	private Integer id;
	@Column(nullable = false)
	private String firstName;
	@Column(nullable = false)
	private String lastName;
}
```

pom.xml
```
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>

	<groupId>com.example</groupId>
	<artifactId>hajiboot-rest</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>jar</packaging>

	<name>hajiboot-rest</name>
	<description>Demo project for Spring Boot</description>

	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.0.1.RELEASE</version>
		<relativePath/> 
	</parent>

	<properties>
		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
		<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
		<java.version>1.8</java.version>
	</properties>

	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-data-jpa</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>

		<dependency>
			<groupId>com.h2database</groupId>
			<artifactId>h2</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.projectlombok</groupId>
			<artifactId>lombok</artifactId>
			<optional>true</optional>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
		
		<dependency>
			<groupId>org.lazyluke</groupId>
			<artifactId>log4jdbc-remix</artifactId>
			<version>0.2.7</version>
		</dependency>
	</dependencies>

	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>


</project>
```

application.properties
```
spring.datasource.driver-class-name=net.sf.log4jdbc.DriverSpy
spring.datasource.url=jdbc:log4jdbc:h2:mem:testdb;DB_CLOSE_DELAY=-1;DB_CLOSE_ON_EXIT=FALSE
spring.datasource.username=sa
spring.datasource.password=

logging.level.jdbc=OFF
logging.level.jdbc.sqltiming=DEBUG
```

data.sql
```
INSERT INTO customers(first_name,last_name) VALUES('Nobita', 'Nobi');
INSERT INTO customers(first_name,last_name) VALUES('Takeshi', 'Goda');
INSERT INTO customers(first_name,last_name) VALUES('Suneo', 'Honekawa');
INSERT INTO customers(first_name,last_name) VALUES('Shizuka','Minamoto');
```

最後のdata.sqlで先に情報をDBに入れておきます。
### 試したこと

全件取得の場合はしっかりJSONが返ってきました
```
$curl http://localhost:8080/api/customers -i -XGET
```

そのため`$curl http://localhost:8080/api/customers/1 -i -XGET`のRestControllerに問題があるのではと思いました。findOneメソッドに以上があるのではないかとAPIリファレンスを読んだのですが、問題なさそうでした。

### 補足情報（FW/ツールのバージョンなど）

spring bootのバージョン：2.0.1
使っているDB：H２

よろしくお願いいたします。

DBからデータを取得できない（Spring Boot）

お世話になります。

どう説明していいかわからないので例を下記に記載します。

下記のようなマスタデータがあり
[tbl_m_ken]
|No|mst_ken|
|:--|:--:|
|0|hokkaido|
|1|aomori|
|2|akita|
|3|iwate|
|4|yamagata|
|5|miyagi|
|6|fukushima|

下記のようなトランデータに自由に入力させます。
[tbl_t_ken]
|No|trn_ken|
|:--|:--:|
|0|京都|
|1|大阪|
|2|愛知|
|3|akita|
|4|高知|
|5|熊本|
|6|鹿児島|

DBでデータを抽出した際に、
```sql
SELECT
    (SELECT
       CONCAT('ローマ字の', mst_ken) 
     FROM
       tbl_m_ken
     WHERE
       tbl_m_ken.mst_ken = tbl_t_ken.trn_ken AND
       tbl_m_ken.mst_ken IS NOT NULL AND
       tbl_m_ken.trn_ken <> '' LIMIT 1)
     AS trn_ken
FROM
    tbl_t_ken
WHERE
    tbl_t_ken.No = 3
```
上記だったら「ローマ字のakita」と表示されると思うのですが、
これにもうひと加えして、[tbl_t_ken.No = 3]で[akita]以外が指定された場合(tbl_t_ken.No = 4)や(tbl_t_ken.No = 2)は
ただ「高知」や「愛知」とそのまま出力したいと思っています。

CASE WHENを使用したら良いのかとも思いましたが、
CASE WHENの中でマスタのデータを参照するというのがよくわからず困っています。
御助力いただけないでしょうか。

SELECT文中でマスタデータを参照し、表示結果を分けたい

### 前提・実現したいこと
javascript でプロパティファイルの値を取得したい。


Javascriptで　IF　文の条件においてプロパティファイルの値を用いたいのですが、プロパティの取得方法に困っています。
最近学習を初めたばかりで、語句が正しいか分かりませんが、HTMLで用いるプロパティファイルの引用方法、"#{res[’XXXXX']}"のようにJavascriptで同じように、プロパティファイルから値を取得したいと考えています。

ご教授頂けると幸いです。
よろしくお願い致します。



### 該当のソースコード

```こ
vd_menu_lbl_tools_tools=\u30C4\u30FC\u30EB
vd_menu_lbl_tools_export=\u30A8\u30AF\u30B9\u30DD\u30FC\u30C8
vd_menu_lbl_tools_import=\u65B0\u898F\u30A4\u30F3\u30DD\u30FC\u30C8
```

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）


<?xml version="1.0" encoding="UTF-8"?>
<faceted-project>
  <fixed facet="wst.jsdt.web"/>
  <installed facet="wst.jsdt.web" version="1.0"/>
  <installed facet="java" version="1.7"/>
  <installed facet="jst.web" version="3.0"/>
  <installed facet="jst.jsf" version="2.0"/>
  <installed facet="jpt.jpa" version="2.1"/>
</faceted-project>

ここにより詳細な情報を記載してください。

javascript でプロパティファイルの値を取得する方法

# 実現したいこと
Gradleでjarを作成する際、環境に合わせてjarに内包するlog4jの設定ファイルを切り替えたいです。

# プロジェクト構成
下記のようにsrc/main/resourcesの下にlog4j2.xmlを置いております。

- src/main/resources/log4j2.xml…ローカル用
- src/main/resources/env/dev/log4j2.xml…開発環境用
- src/main/resources/env/prd/log4j2.xml…本番環境用

![プロジェクト構成](9f4e93855e727bd45291c4b669d1a91a.png)

# build.gradle
タスク"jar"の実行前に環境別のlog4j2.xmlをコピーしようと、下記のようなbuild.gradleを作成しました。

```
apply plugin: 'java'

sourceCompatibility = 1.8
targetCompatibility = 1.8
archivesBaseName = 'LogSample'

repositories {
    mavenCentral()
}

dependencies {
    compile('org.apache.logging.log4j:log4j-api:2.11.0')
    compile('org.apache.logging.log4j:log4j-core:2.11.0')
}

def defaultEncoding = 'UTF-8'
tasks.withType(AbstractCompile)*.options*.encoding = defaultEncoding
tasks.withType(GroovyCompile)*.groovyOptions*.encoding = defaultEncoding

jar {
  manifest {
    attributes "Main-Class" : "Main"
  }
  from configurations.compile.collect { it.isDirectory() ? it : zipTree(it) }
}

javadoc {
    options.charSet = 'UTF-8'
    options.encoding = 'UTF-8'
}

task jarForDev(group: 'build', description: '開発環境用のJarを作成します') << {
    copy {
        from "resources/env/dev/"
        into "resources"
    }
    tasks.jar.execute()
}

task jarForPrd(group: 'build', description: '本番環境用のJarを作成します') << {
    copy {
        from "resources/env/prd/"
        into "resources"
    }
    tasks.jar.execute()
}
```

# Gradleタスク
Eclipseから"jar"タスクを実行するとローカル用のlog4j2.xmlが入ったjarが作成されますが、
"jarForDev"、"jarForPrd"を実行すると、
log4j2.xmlや作成したソースのclassファイルが内包されていないjarが出来てしまいます。

![Gradleタスク](6fa262307b10e420b572513523b437da.png)


# 質問内容
こちらの要望を満たすにはどのようにbuild.gradleを記述すればよいでしょうか？
ご存知の方がいらっしゃいましたら、アドバイスをお願い致します。


# 開発環境
Eclipse:4.7
Java：1.8
Gradle：3.5

Gradleでjar作成時、Log4j2.xmlを環境ごとに切り替えたい

### 前提・実現したいこと

vue.jsでツールの制作を行っています。
[https://codepen.io/ebifly/pen/RywWvg](https://codepen.io/ebifly/pen/RywWvg)
上記リンクを参照して頂けると分かりやすいかと思うのですが
1.「名前を入力」→「追加」で入力した名前をリスト化
2.リスト化されたものがセレクトボックスに追加される
3.セレクトボックスで選ばれたものの「status」が「b」 に変更される
という動きを実現したいのですが、3の実装が上手く行かずアドバイスを頂きたいです。

### 発生している問題・エラーメッセージ
発生している問題としては、選択した名前に対応するインデックス番号が上手く渡せていないということだと思います。

### 該当のソースコード

```js
//名前の入力に関する記述
 Vue.component('name-item', {
   template: '\
      <div>\
        <button v-on:click="$emit(\'remove\')">X</button>\
        <div class="bl_userBlock">\
          <p>status:{{ status }}</p>\
        </div>\
        <input v-if="edit" v-model="newName" v-on:keyup.enter=\'updateName\' v-on:blur=\'updateName\'>\
        <span v-else="" v-on:click="editToggle">{{ title }}</span>\
      </div>\
    ',
   props: ['title', 'id', 'img', 'status'],
   data: function data() {
     return {
       edit: false,
       newName:'',
     };
   },
   methods: {
     editToggle: function () {
       this.edit = true;
     },
     updateName: function updateName() {
      this.$emit('update-name', this.id, this.newName)
      this.edit = false;
    }
   }
 });

//セレクトボックスに関する記述
 Vue.component('name-list',{
  template:'\
  <select name="name-list" v-model="selected" @change="changeB">\
      <option value="">該当なし</option>\
      <option\
      v-for="(name, index) in names"\
      :value="name.title"\
      >{{ name.title }}\
      </option>\
    </select>\
  ',
  props: ['names'],
  data: function data() {
    return {
      selected: '',
    };
  },
  methods: {
    changeB: function changeB(){
      this.$emit('change-b', this.id)
    }
  }
 });

//親
 var vm = new Vue({
   el: '#main',
   data: {
     newNameText: '',
     nextImg: 1,
     nextId: 0,
     names: []
   },
   methods: {
     addNewName: function () {
       if (this.newNameText !== '') {
         if (this.nextImg > 10) {
           this.nextImg = 1
         }
         this.names.push({
           img: this.nextImg++,
           nameid: this.nextId++,
           title: this.newNameText,
           //statusをnamesにpushしています
           status: 'a'
         })
       }
       this.newNameText = ''
     },
     gameStart: function () {
       this.gamestart = false;
     },
     updateName: function updateName(id, name){
      this.names[id].title = name
     },
     //statusの変更に関する記述
     changeB: function changeB(id){
       this.names[id].status = 'b'
     }
   }
 })

vm.$mount('#main');
```
上記が全体のコードですが問題としては
```js
 Vue.component('name-list',{
　　~~中略~~
  methods: {
    changeB: function changeB(){
      this.$emit('change-b', this.id)
    }
  }
 });
```
name-listコンポーネント内のメゾットにてthis.idと入っている箇所に選択した要素のインデックス番号が渡せていないので
```js
var vm = new Vue({
   el: '#main',
　　~~中略~~
     changeB: function changeB(id){
       this.names[id].status = 'b'
     }
   }
 })
```
親要素のnames[]の[]に数値が入らず変更が反映されないのだと思います。

### 試したこと

試しに、
```js
 Vue.component('name-list',{
　　~~中略~~
  methods: {
    changeB: function changeB(){
      this.$emit('change-b', this.id)
    }
  }
 });
```
上記のthis.idに適当な数値を入力してみると動くのでidをいい感じに取得出来ればいいのだと思います。
アドバイスのほどよろしくお願いいたします。

### 追記
追記・修正依頼の方にidという変数がdataにもpropsにも無いという指摘を受けたので下記のコードペンにて修正しました。
[https://codepen.io/ebifly/pen/RywWvg](https://codepen.io/ebifly/pen/RywWvg)
```html
<div>
  changeB
  <name-list
  :names="names"
  
  :id="names.id"
  @change-b="changeB"
  ></name-list>
</div>
```
```js

 Vue.component('name-list',{
  template:'\
  <select name="name-list" v-model="selected" @change="changeB">\
      <option value="">該当なし</option>\
      <option\
      v-for="(name, index) in names"\
      :value="name.title"\
      >{{ name.title }}\
      </option>\
    </select>\
  ',
//propsにidを追加しました
  props: ['names', 'id'],
  data: function data() {
    return {
      selected: '',
    };
  },
  methods: {
    changeB: function changeB(){
      this.$emit('change-b', this.id)
    }
  }
 });

 var vm = new Vue({
   el: '#main',
   data: {
     newNameText: '',
     nextImg: 1,
     nextId: 0,
     names: []
   },
   methods: {
     addNewName: function () {
       if (this.newNameText !== '') {
         if (this.nextImg > 10) {
           this.nextImg = 1
         }
         this.names.push({
           img: this.nextImg++,
           //idのデータを追加しました。
           id: this.nextId++,
           title: this.newNameText,
           status: 'a'
         })
       }
       this.newNameText = ''
     },
     updateName: function updateName(id, name){
      this.names[id].title = name
     },
     changeB: function changeB(id){
       this.names[id].status = 'b'
     }
   }
 })

vm.$mount('#main');
```

この状態でも上手く動かないので、参照の仕方がおかしいのでしょうか？
アドバイスよろしくお願いしますm(_ _)m