常連

注目の的

質問力

回答者

ベストアンサー

拍手喝采

自己紹介

有名人

###前提・実現したいこと
初心者です。
SpringBoot+Thymeleaf+Javaで入力ページを作っています。  

・[参考サイト](http://flabo.io/code/20150612/01-thymeleaf-form/)を見てサンプルを作ったのですが、うまく動作をしません。
・エラーメッセージについて検索してみたのですが理解ができませんでした。
・th:object="${formObj}"、th:field="*{...}"関連の部分をなくすと動作しますが、POSTの値をオブジェクトで受け取りたいのですが、どうすればいいのでしょうか。。。


###発生している問題・エラーメッセージ
ビルド時にはコンソールにエラー等は表示されませんが、画面を読み込みすると、以下のエラーが出て内部エラー500になります。
**java.lang.IllegalStateException: 
Neither BindingResult nor plain target object for bean name 'formObj' available as request attribute**


###ソースコード
```Java
//InputSampleController.java
// パッケージは省略
import java.util.ArrayList;
import java.util.List;

import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;

import com.sample.example.dto.FormObj;

@SpringBootApplication
@Controller
public class InputSampleController {

	// **************************
	// テンプレートを出力
	// **************************
	@RequestMapping(value = "test/formsample", method = RequestMethod.GET)
	public ModelAndView formsample() {
		return setFormsampleView();
	}

	public ModelAndView setFormsampleView() {
		ModelAndView mv = new ModelAndView("test/formsample");
		List<String> list = new ArrayList<String>();
		list.add("aaa");
		list.add("bbb");
		list.add("ccc");
		list.add("ddd");

		mv.addObject("list", list);
		return mv;
	}

	// **************************
	// フォームからPOSTされた値を取得
	// **************************
	@RequestMapping(value = "/form", method = RequestMethod.POST)
	public ModelAndView sampleForm(@ModelAttribute("formObj") FormObj formObj) {

		// 確認用
		System.out.println("1:" + formObj.getName());
		System.out.println("2:" + formObj.getNumber());
		System.out.println("3:" + formObj.isAiueo());
		System.out.println("4:" + formObj.getSelectedItem());

		// ※サンプルのため特に何もしていない
		return setFormsampleView();
	}
}
```
```Java
// FormObj.java
public class FormObj {

	private String fullname;

	private String number;

    private boolean isAiueo;

    private String selectedItem;

// getter、setter省略
}
```

```HTML
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>入力サンプル</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link href="../../static/css/bootstrap/bootstrap.min.css"
	th:href="@{/css/bootstrap/bootstrap.min.css}" rel="stylesheet" />
<link href="../../static/css/bootstrap/bootstrap-theme.min.css"
	th:href="@{/css/bootstrap/bootstrap-theme.min.css}" rel="stylesheet" />
<script type="text/javascript"
	src="../../static/js/jquery-1.12.0.min.js"
	th:src="@{/js/jquery-1.12.0.min.js}"></script>
<script type="text/javascript"
	src="../../static/js/bootstrap/bootstrap.min.js"
	th:src="@{/js/bootstrap/bootstrap.min.js}"></script>
</head>

<body>
	<div style="height: 95%">
		<div class="white" style="width:50%; margin:20px auto;">
				<form action="/form" method="post" th:object="${formObj}">
					<label id="caption">入力してください。</label>
					<div class="form-group">
						<label for="fullname">名前</label>
						<input type="text" class="form-control" name="fullname" th:field="*{fullname}"/>
					</div>
					<div class="form-group">
						<label for="number">番号</label>
						<input type="text" class="form-control" name="number" th:field="*{number}"/>
					</div>
					<div class="radio form-group" style="margin-top: 10px" th:field="*{isAiueo}">
						<label>
						<input type="radio" name="radio1" value="あいうえお" checked="checked" />
							&nbsp;&nbsp;あいうえお&nbsp;&nbsp;&nbsp;&nbsp;
						</label>
						<label>
						<input type="radio" name="radio1" value="かきくけこ" />
							&nbsp;&nbsp;かきくけこ
						</label>
					</div>
					<div class="form-group">
						<label>選択してください</label>
						<select class="form-control" name="selectedItem" th:field="*{selectedItem}">
							<option value="0">---選択してください---</option>
							<option th:each="item : ${list}" th:value="${item}" th:text="${item}"></option>
						</select>
					</div>
					<div Align="center">
						<input class="btn btn-primary" id="orderBtn" type="submit" value="go!" />
					</div>
				</form>
			</div>
		</div>
</body>
</html>
```

###補足情報(言語/FW/ツール等のバージョンなど)
IE11
springBootVersion = '1.3.1.RELEASE'
thymeleafVersion = '2.1.4.RELEASE'
開発環境はeclipseです。


まったく原因がわからないため、ご教示いただけたらと思います。
よろしくお願いいたします。

th:objectでエラーが出て困っています。

こんにちは、SpringBoot、ThymeleafをつかってHTMLでつくられた固定値の入ったテーブルを表示し、
空白のカラムなどを追加してデータの変更を受付けsubmitすることによって、
変更された値をコントローラーに送り、変更を受付ない画面を改めて表示したいです。

現在変更を受け付ける画面は作成できたのですが、
POSTを受け付けるコントローラの作り方がさっぱりわからないです。

Thymeleafにてｔｈ：objectで設定した値とDTOのクラス名が結びついているから
引数でｔｈ：objectに設定した値をうければいいのでしょうか？？

質問がかなりふわっとしていて申し訳ありません。

以下にコードを記載します
```java
@Controller
public class HelloController {
	@RequestMapping(value = "/", method = RequestMethod.GET)
	public ModelAndView index(ModelAndView mav) {
		mav.setViewName("index");
		List<Person> personList = new ArrayList<Person>();

		Person personA = new Person();
		personA.setName("A");
		personA.setAge(33);
		personA.setHobby("プログラミング");
		personList.add(personA);

		Person personB = new Person();
		personB.setName("B");
		personB.setAge(32);
		personB.setHobby("書道");
		personList.add(personB);

		Person personC = new Person();
		personC.setName("C");
		personC.setAge(20);
		personC.setHobby("トマト栽培");
		personList.add(personC);

		mav.addObject("personList", personList);
		return mav;
	}

}
```


```java
   public class Person {

    	    private String name;
	    private int age;
	    private String hobby;

	    public String getName() {
			return name;
		}
		public void setName(String name) {
			this.name = name;
		}
		public int getAge() {
			return age;
		}
		public void setAge(int age) {
			this.age = age;
		}
		public String getHobby() {
			return hobby;
		}
		public void setHobby(String hobby) {
			this.hobby = hobby;
		}



}
    

```
```HTML
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Top page</title>
<meta http-equiv="Content-Type"
    content="text/html;charset=UTF-8"/>
<style>
body { font-size:13pt; color:gray; margin:5px 25px; }
pre { font-size:13pt; color:gray; padding:5px 10px; border:1px; solid gray; }
</style>
</head>
<body>
    <form th:action="@{/confirm}" th:object="${Person}" method="post">
	<table id="personList">
		<tr>
			<th>NAME</th>
			<th>AGE</th>
			<th>HOBBY</th>
		</tr>
		<tr th:each="person:${personList}">
			<td th:text="${person.name}" th:field="*{name}"></td>
			<td th:text="${person.age}" th:field="*{age}"></td>
			<td><input type="text" class="form-control" th:value="${person.hobby}" th:field="*{hobby}" /></td>
		</tr>
	</table>
	<button type="button" id="addrow" onclick="addList();">+</button>
    <button type="submit" id="confirm" >confirm</button>
    </form>
</body>
<script language="javascript">
function addList(){
	  var t=document.querySelector("#personList");
	  var row1 = t.insertRow(-1);	// 行を追加
	  var cell1 = row1.insertCell(0);	// 一つ目のセルを追加
	  var cell2 = row1.insertCell(1);	// 二つ目のセルを追加
	  var cell3 = row1.insertCell(2);	// 三つ目のセルを追加
	  var input = '<input type="text" class="form-control" th:field="*{hobby}"/>'
	  cell1.innerHTML = input;
	  cell2.innerHTML = input;
	  cell3.innerHTML = input;
	}
```
```java
@Controller
public class ConfirmController {
	@RequestMapping(value = "/confirm", method = RequestMethod.POST)
	    public String confirm (Person person, Model model){
		model.addAttribute("Person", person);
		return "result";
```

ThymeleafでPOSTされた値を画面に出力したい

###前提・実現したいこと
Spring Bootの実行可能jarファイルをCentOS7でApacheが動いている環境に対してのデプロイについての質問です。
実際にjarをサーバー上で動かしても表示がされず、Apache 123になってしまう状態です。

ルートのページ、localhost:8080(@RequestMapping(path = "/"))にアクセスするとhtmlを返すだけのアプリケーションを作りました。
STSからの起動で動作を確認し、その後実際にデプロイしてみようと、CentOS7にアップロード、サービス登録、サービススタートまでをしましたが、表示がされません。
おそらくApacheと組み込みTomcatとのajp連携が取れていないのだろうと、サーバのproxy.confにリバースプロキシ設定をしましたが、うまくいきません。
組み込みTomcat側のポートの設定やSSLを導入している事など、色々と要因らしきものは浮かぶのですが、まとまりがつかずそもそもどこで何が引っ掛かっているのかもよくわかりません。

ぼんやりとした質問で申し訳ありませんが、よろしくお願いいたします。

###参考にしたサイト
http://progmemo.wp.xdomain.jp/archives/954
https://weblabo.oscasierra.net/tomcat-mod-proxy-ajp/

###発生している問題・エラーメッセージ
問題
・サービス登録したjarをスタートさせても表示されずApache123になる、もしくは「応答時間が長すぎる」か「503エラー」になってしまう
・Spring Boot組み込みTomcatの、ajpポート設定記述をどこにどのようにするのかがわからない
・そのほかの部分に原因があるのかどうか

###00-proxy.conf
LoadModule proxy_module modules/mod_proxy.so
LoadModule lbmethod_bybusyness_module modules/mod_lbmethod_bybusyness.so
LoadModule lbmethod_byrequests_module modules/mod_lbmethod_byrequests.so
LoadModule lbmethod_bytraffic_module modules/mod_lbmethod_bytraffic.so
LoadModule lbmethod_heartbeat_module modules/mod_lbmethod_heartbeat.so
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_ajp_module modules/mod_proxy_ajp.so
LoadModule proxy_balancer_module modules/mod_proxy_balancer.so
LoadModule proxy_connect_module modules/mod_proxy_connect.so
LoadModule proxy_express_module modules/mod_proxy_express.so
LoadModule proxy_fcgi_module modules/mod_proxy_fcgi.so
LoadModule proxy_fdpass_module modules/mod_proxy_fdpass.so
LoadModule proxy_ftp_module modules/mod_proxy_ftp.so
LoadModule proxy_http_module modules/mod_proxy_http.so
LoadModule proxy_scgi_module modules/mod_proxy_scgi.so
LoadModule proxy_wstunnel_module modules/mod_proxy_wstunnel.so
ProxyPass / ajp://160.16.90.145:8009/
ProxyPassReverse / ajp://160.16.90.145:8009/

###補足情報(言語/FW/ツール等のバージョンなど)
Spring Boot 1.5.9
  Mavenビルド
  組み込みTomcat 8.5.23
CentOS 7.4.1708
  Apache httpd 2.4.6
  Let’s Encrypt SSL導入済み

Spring Boot 実行可能jarデプロイについて

プロトタイプベースのオブジェクト指向言語は私の知る限り、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さんにしました。

使っている言葉は違うけど、言っていることに共通点があるというのは非常に面白いですね。

みなさんご回答ありがとうございました。非常にためになりました。

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

###困っていること
teratailAPIを用いて、ランダムに質問を表示するアプリを作っているのですが、リクエスト時にアクセストークンを上手く含めることができずに困っております。
解決方法やヒントをいただけると幸いです。

###実践したこと
下記のリンクを参考に、以下のコードを書きました。
[http://api.jquery.com/jQuery.ajax/](http://api.jquery.com/jQuery.ajax/)
[http://semooh.jp/jquery/cont/doc/ajax_event/](http://semooh.jp/jquery/cont/doc/ajax_event/)
[http://uhyohyo.net/javascript/13_1.html](http://uhyohyo.net/javascript/13_1.html)
[http://docs.teratailv1.apiary.io/#introduction](http://docs.teratailv1.apiary.io/#introduction)

```html
<html>
  <head>
    <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1" />
    <link rel="stylesheet" type="text/css" href="./assets/css/questionToday.css">
    <link rel="stylesheet" type="text/css" href="./assets/css/reset.css">
    <title>今日の質問</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript" src="./assets/js/questionToday.js"></script>
    <script type="text/javascript" src="./assets/js/three.min.js"></script>
  </head>
  <body id="p-questionToday">

    <ul class="u-flexBox u-flexBox--alignCenter">
      <li class="j-startChangeId c-btn p-btnStart">スタート</li>
      <li class="j-stopChangeId c-btn p-btnStop">ストップ</li>
    </ul>
    <p class="jt-stopChangeId p-questionId">0</p>

    <div class="u-modal">
      <div class="p-questionBox">
        <h2 class="p-questionBox__ttl"></h2>
        <pre class="p-questionBox__markdown"></pre>
      </div>
      <div class="p-answerBox"></div>
      <p class="c-btn p-btnAnswer is-hidden">teratailで回答する</p>
    </div>
  </body>
</html>
```


```javascript
$(function(){

  //最初にmaxのquestionIdを取得する
  $.ajax({
    //アクセストークンを仕込む
    beforeSend: function(xhr){
      xhr.setRequestHeader("Authorization", "Bearer " + "0123456789abcdef0123456789abcdef0123456789");
    },
    type: "GET",
    url: "https://teratail.com/api/v1/questions?limit=1&page=1",
    async: true,
    dataType: "json",
    success:function(json){
      $questionId = 0;
      $maxId = json.questions[0].id;

        //start
        if($('.j-startChangeId').on('click', function(){
          //loop処理の上限値に最新のquestionIdを代入する
          function loop () {
            $questionId = Math.floor(Math.random()* $maxId)+1;
            $('.jt-stopChangeId').text($questionId);
          }
          //questionIdをループで回す
          $loopId = null;
          clearInterval($loopId);
          $loopId = setInterval(loop, 20);
        }));

        //stop
        if($('.j-stopChangeId').on('click', function(){
          clearInterval($loopId);
          $questionId = $('.jt-stopChangeId').text();
          $questionUrl = "https://teratail.com/api/v1/questions/" + $questionId;
          //questionのリクエスト
          $.ajax({
            //アクセストークンを仕込む
            beforeSend: function(xhr){
              xhr.setRequestHeader("Authorization", "Bearer " + "0123456789abcdef0123456789abcdef0123456789");
            },
            type: "GET",
            url: $questionUrl,
            async: true,
            dataType: "json",
            success:function(json){
              $ttl = json.question['title'];
              $body = json.question['body'];
              $('.p-questionBox').children().empty();
              $('.p-questionBox__ttl').append($ttl);
              $('.p-questionBox__markdown').append($body);
              $('.p-btnAnswer').removeClass('is-hidden');
>');
            }
          });
        }));
    }
  });

});

```

不足している情報などございましたら、ご指摘ください。
よろしくお願いいたします。

teratailAPIのアクセストークンを上手く含めることが出来ない

### 前提・実現したいこと

ブラウザのMonaca Cloud IDEからAWS EC2に立っている社内gitサーバへ接続したい。



### 発生している問題・エラーメッセージ

ブラウザのMonaca Cloud IDEからAWS EC2に立っている社内gitサーバにアクセスできない

### 試したこと

　・下記URLを元にgit連携操作を行った
　　https://docs.monaca.io/ja/products_guide/monaca_ide/version_control/git_ssh_integration/

　・https://ja.monaca.io を逆引きでIPアドレスを調べ、得られたIPアドレスを社内gitサーバ
(AWS EC2)のセキュリティルール(インバウンド)にSSH接続として追加した

　・問題確認後にAWS EC2に立っている社内gitサーバにSSHでログインし、/var/log/secureのログを確認する
　　-> 自身のSSHログインログが確認できたが、Monacaからのアクセスの形跡は無かった

### 補足情報（FW/ツールのバージョンなど）

試したことの前提として
　・社内gitサーバ: AWS EC2インスタンス (セキュリティグループ設定及び接続元IP制限済み)
　・使用Monacaアカウント: 有料
　・質問者: 社内gitサーバの管理者権限及び管理者アカウント所有済み

ブラウザのMonaca Cloud IDEから社内gitサーバへ接続したい。

eclipseで`classpath:`と書いてあった場合、どこを指すのでしょうか？
このパスを設定した覚えはありませんが、どこかを指すみたいです。


eclipseで`classpath`のデフォルトなどあるのでしょうか？

詳しい方教えてください。

eclipseのclasspath:とは

開発中のアプリケーションのアクセス制限をかけたいのですが、IPアドレス制限以外で
特定の端末のみアクセス可能（wifi・キャリア回線）なようなことは可能でしょうか？
よい方法がありましたらご教授お願いいたします。
※http(s)に繋ぎたいです

AWSのアクセス制限について（スマートフォン）

静的サイトを、以下のような要件で運営したいと考えています。

0. サイトコンテンツは、タグ付けされた記事を掲載
0. レスポンシブレイアウト対応
0. 投稿用の記事は、markdown 記法 ＋ α で記述できること（必須ではない）
0. ベースレイアウトは、3種類程度
記事ページ
タグ別一覧
TOPページ
0. 記事投稿によって、タグ別一覧も更新されること

静的サイトの構築は経験がないため、要件がざっくりしたものしか思い浮かびません。静的サイト運営をした経験のある方のご指摘でツールを選定できればと考えております。

とりあえず、metalsmith で、作成を始めてみましたが、コンテンツ管理が面倒くさそうなので CMS でコンテンツ作成後、吐き出すのが良いかと変更を検討中です。

上記のようなざっくり要件で恐縮ですが、静的サイト運営にあたって、検討すべき課題と解決案を持ったツールをご紹介いただけないでしょうか。

基本的にツール自体に手をいれるつもりはないのですが、理解できる言語は PHP と JavaScript のみなので、カスタマイズやプラグイン作成が必須の場合は、この２つのいずれかであると助かります。

よろしくお願いいたします。

静的サイト運営に関して

###前提・実現したいこと
ラズパイでGPIOの値を取得したいのですが、ファイルを実行しようとすると次のようなエラーが出ました。

###発生している問題・エラーメッセージ

```
/home/pi/Desktop/node-gpio/node_modules/bindings/bindings.js:83
        throw e
              ^
Error: /home/pi/Desktop/node-gpio/node_modules/epoll/build/Release/epoll.node: undefined symbol: node_module_register
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at bindings (/home/pi/Desktop/node-gpio/node_modules/bindings/bindings.js:76:44)
    at Object.<anonymous> (/home/pi/Desktop/node-gpio/node_modules/epoll/epoll.js:1:99)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
```

###該当のソースコード
```javascript
var express = require('express');
var router = express.Router();

var GPIO = require('onoff').Gpio;
var pin = new GPIO(4, 'in');

/* GET users listing. */
router.get('/', function(req, res, next) {
    console.log(pin.read());
    pin.unexport();
});

module.exports = router;
```

###試したこと
node.jsのバージョンを変更しようとしたが、どういったバージョンに変更すればよいかわかりません。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

ラズパイでGPIOの値を読み取りたい

htmlやcss、jQueryの初歩しか理解してない者です。

Googleマテリアルデザインのアプリやサイトで、タップしたところから動くUIのアニメーションや、ローディングアニメーション、ボタンのアクション時のアニメーションなどなど、やたらと滑らかに複雑に動くアニメーションが増えてきてますが、どんな技術を使ってるのでしょうか？

jQueryでは出来なさそうな気もしますが、別のライブラリ？を使ってるのですか？
勉強したいと思うのですが、どんなことを学べばいいのかキーワードが見つからないので、ヒント教えてほしいです。


例
http://uxmilk.jp/55109

中村勇吾
http://tha.jp

最近UIで、アニメーションで滑らかに動くサイト増えてきてますが、どういった技術を使ってるのでしょうか？

現在アンドロイドでGPSを使ったアプリを作っています。

作成したアプリでGPSを起動しておき、サーバからpush通知があったタイミングでそのスマホのGPS情報をサーバに送るといったことをしているのですが、アプリでGPSを常に起動しているため、消費電力などの面で困っています。

そのため、他の方法として、push通知があったタイミングでのみ、そのスマホのGPSを一時的に起動させGPS情報をサーバに送る方法を考えているのですが、そのような機能を実装することは可能でしょうか？

言い換えると、push通知があったタイミングで特定のアプリを起動させることだと思っているのですがそう言った方法はあるのでしょうか？

よろしくお願いします。

Androidでpush通知受けたタイミングでGPSを起動させたい

抽象的な質問ですみません。
Web系のエンジニアで、自動車系の業界のIT部門にいます。
近年、IoTの世界でモノからデータをサーバに送るような試みが多くありますが、
その多くがNode.jsで開発されているような気がします。
しかしながら、Node.jsというサーバ言語がなぜそれほどIoTに適合するのかいまいちわかりません。
Node.jsにはノンブロッキングIOという仕組みがあって多くのリクエストを捌きやすいというのを聞いたことがあります。また、Socket.ioというWebSocketを実装したライブラリあることも知っています。
しかしこれらの要求は、他の汎用言語でも満たせると思いますし、JavaScriptという言語自体がサーバーサイドの開発において難易度が高そうな気がします。
僕はあまり知識がないので、簡単にでいいのでわかりやすく説明していただけないでしょうか。

なぜIoT分野ではNode.jsが用いられているのでしょうか？

今現在Androidアプリでbluetoothを扱おうと考え触っていたのですが、詳しい仕組みがわからず困っています。現在のサンプルコードでは接続が確認されると乱数が表示されるようになっています。

やりたいこと
Androidアプリでセンサデータを読み込み表示する。

センサ SONY MESH LEDタグ
Androidのバージョンは5.0.2です。

MESHのハック方法に下記のやり方が書いてあったのですが
72C90005-57A9-4D40-B746-534E22EC9F9E (Indicate) の通知を有効にする。
72C90004-57A9-4D40-B746-534E22EC9F9E (Write) に0x00020103を書き込む。
72C90003-57A9-4D40-B746-534E22EC9F9E (Notify) の通知を有効にする。

Writeに書き込む方法がよくわかりません。
下のように入れてみましたが反応しませんでした。
```
public void onCharacteristicChanged(BluetoothGatt gatt, BluetoothGattCharacteristic characteristic)
        {
            // キャラクタリスティックのUUIDをチェック(getUuidの結果が全て小文字で帰ってくるのでUpperCaseに変換)
            if (CHARACTERISTIC_UUID.equals(characteristic.getUuid().toString().toUpperCase()))
            {
                // Peripheralで値が更新されたらNotificationを受ける.
                mStrReceivedNum = characteristic.getStringValue(0);
                // メインスレッドでTextViewに値をセットする.
                mBleHandler.sendEmptyMessage(MESSAGE_NEW_RECEIVEDNUM);
                byte level = 2;
                BluetoothGattCharacteristic c = characteristic(SERVICE_UUID, CHARACTERISTIC_UUIDW);
                c.setValue(new byte[] { level });
                gatt.writeCharacteristic(c);
            }
        }
```
上のやり方で書き込みは可能でしょうか？
可能ならば場所はどこに入れれば良いでしょうか？

http://mslgt.hatenablog.com/entry/2015/05/17/212257 
こちらのサイトのソースコードを使用しています。

```java
// 対象のサービスUUID.
    private static final String SERVICE_UUID = "72C90001-57A9-4D40-B746-534E22EC9F9E";
    // キャラクタリスティックUUID.
    private static final String CHARACTERISTIC_UUID = "72C90003-57A9-4D40-B746-534E22EC9F9E";
    private static final String CHARACTERISTIC_UUIDW ="72C90004-57A9-4D40-B746-534E22EC9F9E";
    private static final String CHARACTERISTIC_UUIDN ="72C90005-57A9-4D40-B746-534E22EC9F9E";
    // キャラクタリスティック設定UUID(固定値).
    private static final String CHARACTERISTIC_CONFIG_UUID = "00002902-0000-1000-8000-00805f9b34fb";

  // 乱数送信用.
  private Random mRandom = new Random();
  private Timer mTimer;
  private SendDataTimer mSendDataTimer;

  private final LeScanCallback mScanCallback = new BluetoothAdapter.LeScanCallback() {
    @Override
    public void onLeScan(final BluetoothDevice device, int rssi, byte[] scanRecord) {
      runOnUiThread(new Runnable() {
        @Override
        public void run() {
          // スキャン中に見つかったデバイスに接続を試みる.第三引数には接続後に呼ばれるBluetoothGattCallbackを指定する.
          mBleGatt = device.connectGatt(getApplicationContext(), false, mGattCallback);
        }
      });
    }
  };
  private final BluetoothGattCallback mGattCallback = new BluetoothGattCallback() {
    @Override
    public void onConnectionStateChange(BluetoothGatt gatt, int status, int newState)
    {
      // 接続状況が変化したら実行.
      if (newState == BluetoothProfile.STATE_CONNECTED) {
        // 接続に成功したらサービスを検索する.
        gatt.discoverServices();
      } else if (newState == BluetoothProfile.STATE_DISCONNECTED) {
        // 接続が切れたらGATTを空にする.
        if (mBleGatt != null)
        {
            mBleGatt.close();
            mBleGatt = null;
        }
        mIsBluetoothEnable = false;
      }
    }
    @Override
    public void onServicesDiscovered(BluetoothGatt gatt, int status)
    {
      // Serviceが見つかったら実行.
      if (status == BluetoothGatt.GATT_SUCCESS) {
        // UUIDが同じかどうかを確認する.
        BluetoothGattService service = gatt.getService(UUID.fromString(SERVICE_UUID));
        if (service != null)
        {
          // 指定したUUIDを持つCharacteristicを確認する.
          mBleCharacteristic = service.getCharacteristic(UUID.fromString(CHARACTERISTIC_UUID));

          if (mBleCharacteristic != null) {
            // Service, CharacteristicのUUIDが同じならBluetoothGattを更新する.
            mBleGatt = gatt;

            // キャラクタリスティックが見つかったら、Notificationをリクエスト.
            boolean registered = mBleGatt.setCharacteristicNotification(mBleCharacteristic, true);

            // Characteristic の Notificationを有効化する.
            BluetoothGattDescriptor descriptor = mBleCharacteristic.getDescriptor(
                    UUID.fromString(CHARACTERISTIC_CONFIG_UUID));

            descriptor.setValue(BluetoothGattDescriptor.ENABLE_NOTIFICATION_VALUE);
            mBleGatt.writeDescriptor(descriptor);
            // 接続が完了したらデータ送信を開始する.
            mIsBluetoothEnable = true;
          }
        }
      }
    }
    @Override
    public void onCharacteristicChanged(BluetoothGatt gatt, BluetoothGattCharacteristic characteristic)
    {
      // キャラクタリスティックのUUIDをチェック(getUuidの結果が全て小文字で帰ってくるのでUpperCaseに変換)
      if (CHARACTERISTIC_UUID.equals(characteristic.getUuid().toString().toUpperCase()))
      {
        // Peripheralで値が更新されたらNotificationを受ける.
        mStrReceivedNum = characteristic.getStringValue(0);
        // メインスレッドでTextViewに値をセットする.
        mBleHandler.sendEmptyMessage(MESSAGE_NEW_RECEIVEDNUM);
      }
    }
  };
  private Handler mBleHandler = new Handler()
  {
    public void handleMessage(Message msg)
    {
      // UIスレッドで実行する処理.
      switch (msg.what)
      {
        case MESSAGE_NEW_RECEIVEDNUM:
          mTxtReceivedNum.setText(mStrReceivedNum);
          break;
        case MESSAGE_NEW_SENDNUM:
          mTxtSendNum.setText(mStrSendNum);
          break;
      }
    }
  };

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_central);

    mIsBluetoothEnable = false;

    // Writeリクエストで送信する値、Notificationで受け取った値をセットするTextView.
    mTxtReceivedNum = (TextView) findViewById(R.id.received_num);
    mTxtSendNum = (TextView) findViewById(R.id.send_num);

    // Bluetoothの使用準備.
    mBleManager = (BluetoothManager) getSystemService(Context.BLUETOOTH_SERVICE);
    mBleAdapter = mBleManager.getAdapter();

    // Writeリクエスト用のタイマーをセット.
    mTimer = new Timer();
    mSendDataTimer = new SendDataTimer();
    // 第二引数:最初の処理までのミリ秒 第三引数:以降の処理実行の間隔(ミリ秒).
    mTimer.schedule(mSendDataTimer, 500, 1000);

    // BluetoothがOffならインテントを表示する.
    if ((mBleAdapter == null)
            || (! mBleAdapter.isEnabled())) {
      Intent enableBtIntent = new Intent(BluetoothAdapter.ACTION_REQUEST_ENABLE);
      // Intentでボタンを押すとonActivityResultが実行されるので、第二引数の番号を元に処理を行う.
      startActivityForResult(enableBtIntent, REQUEST_ENABLE_BT);
    }
    else
    {
      // BLEが使用可能ならスキャン開始.
      this.scanNewDevice();
    }
  }
  @Override
  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    // Intentでユーザーがボタンを押したら実行.
    super.onActivityResult(requestCode, resultCode, data);
    switch (requestCode) {
      case REQUEST_ENABLE_BT:
        if ((mBleAdapter != null)
                || (mBleAdapter.isEnabled())) {
          // BLEが使用可能ならスキャン開始.
          this.scanNewDevice();
        }
        break;
    }
  }
  private void scanNewDevice()
  {
    // OS ver.5.0以上ならBluetoothLeScannerを使用する.
    if (Build.VERSION.SDK_INT >= SDKVER_LOLLIPOP)
    {
      this.startScanByBleScanner();
    }
    else
    {
      // デバイスの検出.
      mBleAdapter.startLeScan(mScanCallback);
    }
  }
  @TargetApi(SDKVER_LOLLIPOP)
  private void startScanByBleScanner()
  {
    mBleScanner = mBleAdapter.getBluetoothLeScanner();
    // デバイスの検出.
    mBleScanner.startScan(new ScanCallback() {
      @Override
      public void onScanResult(int callbackType, ScanResult result) {
        super.onScanResult(callbackType, result);
        // スキャン中に見つかったデバイスに接続を試みる.第三引数には接続後に呼ばれるBluetoothGattCallbackを指定する.
        result.getDevice().connectGatt(getApplicationContext(), false, mGattCallback);
      }
      @Override
      public void onScanFailed(int intErrorCode)
      {
        super.onScanFailed(intErrorCode);
      }
    });
  }
  public class SendDataTimer extends TimerTask{
    @Override
    public void run() {
      if(mIsBluetoothEnable)
      {
        // 設定時間ごとに0~999までの乱数を作成.
        mStrSendNum = String.valueOf(mRandom.nextInt(1000));
        // UIスレッドで生成した数をTextViewにセット.
        mBleHandler.sendEmptyMessage(MESSAGE_NEW_SENDNUM);
        // キャラクタリスティックに値をセットして、Writeリクエストを送信.
        mBleCharacteristic.setValue(mStrSendNum);
        mBleGatt.writeCharacteristic(mBleCharacteristic);
      }
    }
  }
  @Override
  protected void onDestroy()
  {
    // 画面遷移時は通信を切断する.
    mIsBluetoothEnable = false;
    if(mBleGatt != null) {
      mBleGatt.close();
      mBleGatt = null;
    }
    super.onDestroy();
  }
}
```




色々質問が多く申し訳ございません。
回答よろしくお願いします。

AndroidアプリからセンサのUUIDへの書き込み

今現在Androidアプリでbluetoothを扱おうと考え触っていたのですが、詳しい仕組みがわからず困っています。現在のサンプルコードでは接続が確認されると乱数が表示されるようになっています。

やりたいこと
Androidアプリにセンサーからデータを送り、そのデータを表示する。
接続する機器を選択できるようにする。

Androidのバージョンは5.0.2です。

http://mslgt.hatenablog.com/entry/2015/05/17/212257 
こちらのサイトのソースコードを使用しています。

```java
// 対象のサービスUUID.
  private static final String SERVICE_UUID = "2B1DA6DE-9C29-4D6C-A930-B990EA2F12BB";
  // キャラクタリスティックUUID.
  private static final String CHARACTERISTIC_UUID = "7F855F82-9378-4508-A3D2-CD989104AF22";
  // キャラクタリスティック設定UUID(固定値).
  private static final String CHARACTERISTIC_CONFIG_UUID = "00002902-0000-1000-8000-00805f9b34fb";

  // 乱数送信用.
  private Random mRandom = new Random();
  private Timer mTimer;
  private SendDataTimer mSendDataTimer;

  private final LeScanCallback mScanCallback = new BluetoothAdapter.LeScanCallback() {
    @Override
    public void onLeScan(final BluetoothDevice device, int rssi, byte[] scanRecord) {
      runOnUiThread(new Runnable() {
        @Override
        public void run() {
          // スキャン中に見つかったデバイスに接続を試みる.第三引数には接続後に呼ばれるBluetoothGattCallbackを指定する.
          mBleGatt = device.connectGatt(getApplicationContext(), false, mGattCallback);
        }
      });
    }
  };
  private final BluetoothGattCallback mGattCallback = new BluetoothGattCallback() {
    @Override
    public void onConnectionStateChange(BluetoothGatt gatt, int status, int newState)
    {
      // 接続状況が変化したら実行.
      if (newState == BluetoothProfile.STATE_CONNECTED) {
        // 接続に成功したらサービスを検索する.
        gatt.discoverServices();
      } else if (newState == BluetoothProfile.STATE_DISCONNECTED) {
        // 接続が切れたらGATTを空にする.
        if (mBleGatt != null)
        {
            mBleGatt.close();
            mBleGatt = null;
        }
        mIsBluetoothEnable = false;
      }
    }
    @Override
    public void onServicesDiscovered(BluetoothGatt gatt, int status)
    {
      // Serviceが見つかったら実行.
      if (status == BluetoothGatt.GATT_SUCCESS) {
        // UUIDが同じかどうかを確認する.
        BluetoothGattService service = gatt.getService(UUID.fromString(SERVICE_UUID));
        if (service != null)
        {
          // 指定したUUIDを持つCharacteristicを確認する.
          mBleCharacteristic = service.getCharacteristic(UUID.fromString(CHARACTERISTIC_UUID));

          if (mBleCharacteristic != null) {
            // Service, CharacteristicのUUIDが同じならBluetoothGattを更新する.
            mBleGatt = gatt;

            // キャラクタリスティックが見つかったら、Notificationをリクエスト.
            boolean registered = mBleGatt.setCharacteristicNotification(mBleCharacteristic, true);

            // Characteristic の Notificationを有効化する.
            BluetoothGattDescriptor descriptor = mBleCharacteristic.getDescriptor(
                    UUID.fromString(CHARACTERISTIC_CONFIG_UUID));

            descriptor.setValue(BluetoothGattDescriptor.ENABLE_NOTIFICATION_VALUE);
            mBleGatt.writeDescriptor(descriptor);
            // 接続が完了したらデータ送信を開始する.
            mIsBluetoothEnable = true;
          }
        }
      }
    }
    @Override
    public void onCharacteristicChanged(BluetoothGatt gatt, BluetoothGattCharacteristic characteristic)
    {
      // キャラクタリスティックのUUIDをチェック(getUuidの結果が全て小文字で帰ってくるのでUpperCaseに変換)
      if (CHARACTERISTIC_UUID.equals(characteristic.getUuid().toString().toUpperCase()))
      {
        // Peripheralで値が更新されたらNotificationを受ける.
        mStrReceivedNum = characteristic.getStringValue(0);
        // メインスレッドでTextViewに値をセットする.
        mBleHandler.sendEmptyMessage(MESSAGE_NEW_RECEIVEDNUM);
      }
    }
  };
  private Handler mBleHandler = new Handler()
  {
    public void handleMessage(Message msg)
    {
      // UIスレッドで実行する処理.
      switch (msg.what)
      {
        case MESSAGE_NEW_RECEIVEDNUM:
          mTxtReceivedNum.setText(mStrReceivedNum);
          break;
        case MESSAGE_NEW_SENDNUM:
          mTxtSendNum.setText(mStrSendNum);
          break;
      }
    }
  };

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_central);

    mIsBluetoothEnable = false;

    // Writeリクエストで送信する値、Notificationで受け取った値をセットするTextView.
    mTxtReceivedNum = (TextView) findViewById(R.id.received_num);
    mTxtSendNum = (TextView) findViewById(R.id.send_num);

    // Bluetoothの使用準備.
    mBleManager = (BluetoothManager) getSystemService(Context.BLUETOOTH_SERVICE);
    mBleAdapter = mBleManager.getAdapter();

    // Writeリクエスト用のタイマーをセット.
    mTimer = new Timer();
    mSendDataTimer = new SendDataTimer();
    // 第二引数:最初の処理までのミリ秒 第三引数:以降の処理実行の間隔(ミリ秒).
    mTimer.schedule(mSendDataTimer, 500, 1000);

    // BluetoothがOffならインテントを表示する.
    if ((mBleAdapter == null)
            || (! mBleAdapter.isEnabled())) {
      Intent enableBtIntent = new Intent(BluetoothAdapter.ACTION_REQUEST_ENABLE);
      // Intentでボタンを押すとonActivityResultが実行されるので、第二引数の番号を元に処理を行う.
      startActivityForResult(enableBtIntent, REQUEST_ENABLE_BT);
    }
    else
    {
      // BLEが使用可能ならスキャン開始.
      this.scanNewDevice();
    }
  }
  @Override
  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    // Intentでユーザーがボタンを押したら実行.
    super.onActivityResult(requestCode, resultCode, data);
    switch (requestCode) {
      case REQUEST_ENABLE_BT:
        if ((mBleAdapter != null)
                || (mBleAdapter.isEnabled())) {
          // BLEが使用可能ならスキャン開始.
          this.scanNewDevice();
        }
        break;
    }
  }
  private void scanNewDevice()
  {
    // OS ver.5.0以上ならBluetoothLeScannerを使用する.
    if (Build.VERSION.SDK_INT >= SDKVER_LOLLIPOP)
    {
      this.startScanByBleScanner();
    }
    else
    {
      // デバイスの検出.
      mBleAdapter.startLeScan(mScanCallback);
    }
  }
  @TargetApi(SDKVER_LOLLIPOP)
  private void startScanByBleScanner()
  {
    mBleScanner = mBleAdapter.getBluetoothLeScanner();
    // デバイスの検出.
    mBleScanner.startScan(new ScanCallback() {
      @Override
      public void onScanResult(int callbackType, ScanResult result) {
        super.onScanResult(callbackType, result);
        // スキャン中に見つかったデバイスに接続を試みる.第三引数には接続後に呼ばれるBluetoothGattCallbackを指定する.
        result.getDevice().connectGatt(getApplicationContext(), false, mGattCallback);
      }
      @Override
      public void onScanFailed(int intErrorCode)
      {
        super.onScanFailed(intErrorCode);
      }
    });
  }
  public class SendDataTimer extends TimerTask{
    @Override
    public void run() {
      if(mIsBluetoothEnable)
      {
        // 設定時間ごとに0~999までの乱数を作成.
        mStrSendNum = String.valueOf(mRandom.nextInt(1000));
        // UIスレッドで生成した数をTextViewにセット.
        mBleHandler.sendEmptyMessage(MESSAGE_NEW_SENDNUM);
        // キャラクタリスティックに値をセットして、Writeリクエストを送信.
        mBleCharacteristic.setValue(mStrSendNum);
        mBleGatt.writeCharacteristic(mBleCharacteristic);
      }
    }
  }
  @Override
  protected void onDestroy()
  {
    // 画面遷移時は通信を切断する.
    mIsBluetoothEnable = false;
    if(mBleGatt != null) {
      mBleGatt.close();
      mBleGatt = null;
    }
    super.onDestroy();
  }
}
```

下の箇所を変えればデータが得られると考えたのですが、どの場所を変えても表示されませんでした。

```java
public void onCharacteristicChanged(BluetoothGatt gatt, BluetoothGattCharacteristic characteristic)
    {
      // キャラクタリスティックのUUIDをチェック(getUuidの結果が全て小文字で帰ってくるのでUpperCaseに変換)
      if (CHARACTERISTIC_UUID.equals(characteristic.getUuid().toString().toUpperCase()))
      {
        // Peripheralで値が更新されたらNotificationを受ける.
        mStrReceivedNum = characteristic.getStringValue(0);
        // メインスレッドでTextViewに値をセットする.
        mBleHandler.sendEmptyMessage(MESSAGE_NEW_RECEIVEDNUM);
      }
    }
```



```java

    public class SendDataTimer extends TimerTask{
        @Override
        public void run() {
            if(mIsBluetoothEnable)
            {
                // 設定時間ごとに0~999までの乱数を作成.
                mStrSendNum = String.valueOf(mRandom.nextInt(1000));
                // UIスレッドで生成した数をTextViewにセット.
                mBleHandler.sendEmptyMessage(MESSAGE_NEW_SENDNUM);
                // キャラクタリスティックに値をセットして、Writeリクエストを送信.
                mBleCharacteristic.setValue(mStrSendNum);
                mBleGatt.writeCharacteristic(mBleCharacteristic);
            }
        }
    }
```

機器の選択についてはListViewを使おうと考えたのですが、スキャンの前に入れて見ても反応しませんでした。

回答よろしくお願いします。

Androidアプリでセンサとのデータ受信

jQuery、JavaScriptほとんどわかりません。
css2までなら理解しています。
レベルとしてはPHPは形はわかるけど、フルスクラッチできるわけではないですがwordpressのテーマ作成はなんなくこなせます。

正直、もっと上のレベルに行きたいです。

jQuery、css3の登場でいままでチラシ形式だったwebサイトが一つ次元が上がったと思っています。
その次元に私はうまくついて行っていません。

どちらを勉強すべきか、4月から専門学校に行きますが、あと一週間しかないですが、専門学校では学ぶカリキュラムが限られています。
フレームワークなどは就職後に職場で学んだらいいとさえ言っています。

ですが、職場は学校じゃない。
あと一週間、自分が本気を出せば7割程度は学習できそうです。
どちらを学ぶべきでしょうか？

以前こちらでペルソナについての話をしましたが、windowsのOS関係もあるので顧客の要望次第ではIE8を外してもいいとさえ悩んでいます。

さて、どちらを学ぶべきでしょうか？
ちなみに専門学校ではPHPはカリキュラムに入っています。
なのでこの2択です。

どうか回答をお願いします。