常連

注目の的

社会貢献

質問力

拍手喝采

自己紹介

### 前提・実現したいこと

Vive SRworks SDKを導入したいのですが、
Sample内のシーンをいざ実行するとunityが落ちてしまいます。

### 発生している問題・エラーメッセージ
エラーメッセージは以下の文章が出ています。
（SDK付属のドキュメントには無視してよいという内容の文章がありました）
```
Multiple plugins with the same name 'openvr_api'…
```

### 試したこと

以下の流れで導入を試しました。
①unityで新しいプロジェクトを作成し、AssetStoreからSteamVRを導入(All→Import)
②[SRworks SDK](https://developer.vive.com/resources/knowledgebase/vive-srworks-sdk/)からダウンロードしたパッケージをAll→Import
③ViveSR/Scenes/Sampleを選択
④実行←ここでunityが落ちます

HMD内には黒い世界にロード中のような画面が正方形のウィンドウが表示され、unityが落ちると白い画面に戻されます。

### 補足情報（FW/ツールのバージョンなど）

OS:Windows10
CPU:Intel i7-8700K
メモリ:16GB
GPU:GeForce GTX 1080

HTC VIVE pro
unity 2018.2.18f1


当方unity、HTC vive proともに初心者です。
よろしくお願いいたします。

Vive SRWorks SDKのサンプルシーンでunityが落ちる

## 実現したいこと

VSCodeを使用してexpress.jsアプリの開発を行っています。
コンテナ内のみにnode_modulesが存在する場合、VSCodeがライブラリを発見できなくて
インテリセンスが動かない(下記画像のように`Cannot find module 'xxx'`となる)ため、
`docker-compose build` した際に出来上がるコンテナ内のnode_modulesをホスト側に同期し、
コンテナ内で`npm install`をするたびにホスト側にも反映されるようにしたいです。
![ライブラリが発見できない](b5b25b578da67d6555d93025949a7cae.png)

手っ取り早い方法としてはホスト側でも`npm install`するという方法もあるかと思いますが、
ライブラリ更新のたびにホストとコンテナで二重に実行する必要があるのでできれば避けたいです。
また、ホスト側のNode.jsバージョン等の影響をコンテナ側に持ち込みたくないため、同期の方向は
ホスト→コンテナではなくコンテナ→ホストとしたいです。


## 現状のDockerfileとdocker−composeファイル

### Dockerfile

npm installコマンドはキャッシュが効くようにアプリコードより先に単体でコピーしています。

```dockerfile
FROM node:10.11.0-alpine
ENV APP_ROOT /app/

WORKDIR $APP_ROOT
# アプリコードの変更の影響を受けないように先にコピー
COPY package*.json $APP_ROOT
RUN npm install

COPY . $APP_ROOT
```

### docker-compose.yml

掲題の問題とは別に、`docker-compose up`時にappディレクトリをマウントすると、
ホスト側に`node_modules`が無いのでコンテナ内のnode_modulesが消失してしまう
という問題があるため、それを回避するために以下のように作成しました。
```yml
version: '3.4'
services:
  web:
    build:
      context: .
    command: "npm run dev" # 詳細省きますがexpressサーバーを起動してるだけです
    ports:
      - '3000:3000'
    volumes:
      - .:/app
      - /app/node_modules # 消失対策
```

上記のDockerfile、docker-composeをベースに、コンテナ内で実行したnpm installをホスト側(のアプリディレクトリ内)にも
反映する設定方法があればご教授いただきたいです。

dockerコンテナ内のnode_modulesをホスト側に同期したい

###前提・実現したいこと
@Beanと@componentの使い分けが知りたい


###例題ソースコード
```ここに言語を入力
    @Bean(name="bean-a")
    public BeanA beanA() {
        return new com.bean.BeanA();
    }
```

###自身の理解
■@Bean
@Configurationがあるクラスに記述する。
メソッドに対してつけて戻り値はnew？

■@component
クラス名のところに記述すればOK

上記であれば全て@componentを利用すればいいのでは？と思ってしまいます。

Springフレームワーク@Beanと@componentの違い

###発生している問題

SourceTreeで「<xxx>の子とインタラクティブなリベースを行う...」からリベースを実行すると、
編集したコミットログ(日本語)がもれなく???に文字化けしてしまいます。

Windows上でSourceTree を利用している方で似た事象に遭遇したり、解決した方がおられたら、知見をお教え下さい。

0. この状態で、コミット１を選んで、インタラクティブなリベースをします
![最初の状態](000147406c6a10582694eca0d34835c4.jpeg)

0. リベースする際に、コミットメッセージを編集してOKするとこのザマ
![リベース後](b77ed6f588b5d04023f99114f322b15a.jpeg)

###環境

- Windows7
- SourceTree 2.0.20.1
- Git (SourceTreeの内蔵バージョン2.8.1 + git-lfs v1.2.0)

###設定

SourceTree の設定で文字コードに関係ありそうなのは「ツール」＞「オプション」の
[全般]タブのデフォルトの文字コードくらいしかなさそうです。

- デフォルトの文字コード: UTF-8


###その他

ターミナルからコマンドラインで `rebase -i xxxx` すれば問題なくリベースできます。

![コマンドラインからなら出来る](5c58a4a407c54e3a11c56f23bc0e46f3.jpeg)

SourceTreeでインタラクティブなリベースをすると文字化けする

こんにちは。私はネットワークエンジニアの仕事に就いて3ヶ月しか経っていない新人エンジニアです。現在はCCNAの勉強を中心にしており、来月に受験する予定です。

そこでなのですが、CCNA受験後の勉強手順があまりよく分からないので質問させていただきました。私は将来、ネットワークを含めサーバーやデータベース等も扱えるインフラエンジニアになりたいのですが、ネットワークの勉強後はどういった分野の勉強をしていけばいいのでしょか？

現在はCCNAの勉強と同時にExcel VBAの勉強をしております。また、上司からの指示でデータベース（SQL）言語についても触れておくよう言われました。個人的にはLPIC(linux)、PHP（プログラミングにも興味がある）にも関心があります。ただ、一度に勉強するにはあまりにもやることが多いため、順を追って勉強したいのですが、どの分野から勉強するべきでしょうか？教えていただけると幸いです。

インフラエンジニア勉強手順について

###前提・実現したいこと
Amazon Elastic BeanstalkでNodeのプロセスを管理しているのですが、
検証環境（最新のコードがデプロイされている環境A）で成功していたものをステージング環境（以前のコードがデプロイされている環境B）にデプロイしようとしたところ、ヘルスが低下または重大の状態になってしまいます。
環境のバージョン等は揃っているはずですし、検証環境では正常にデプロイ・更新できています。
何か原因だったり、どこを調べればいいのかなど、アタリの付け方を教えていただけないでしょうか。

### 追記
環境を再構成してからデプロイしなおすと成功することが多いです。
しかし、そもそもなぜ失敗するのでしょうか？
EBSって結構動作不安定なものなんでしょうか？

###発生している問題・エラーメッセージ
Node: 4.2.3
プロキシサーバー: None

###補足情報(言語/FW/ツール等のバージョンなど)

- npm prestartコマンドでRDSのバックアップとリストア、babelによるコンパイルを行っている。
- 下記エラーメッセージ

![イメージ説明](9926aae64cf2bb781652d8ef2e4fd4cd.jpeg)

```
2016-03-06 16:08:15 UTC+0900	ERROR	During an aborted deployment, some instances may have deployed the new application version. To ensure all instances are running the same version, re-deploy the appropriate application version.
2016-03-06 16:08:15 UTC+0900	ERROR	Failed to deploy application.
2016-03-06 16:08:15 UTC+0900	ERROR	Unsuccessful command execution on instance id(s) 'i-3b55619e'. Aborting the operation.
2016-03-06 16:08:14 UTC+0900	ERROR	[Instance: i-3b55619e] Command failed on instance. Return code: 1 Output: (TRUNCATED)...yfile('%s/npm-debug.log' % app_path, '/var/log/nodejs/npm-debug.log') File "/usr/lib64/python2.7/shutil.py", line 82, in copyfile with open(src, 'rb') as fsrc: IOError: [Errno 2] No such file or directory: '/tmp/deployment/application/npm-debug.log'. Hook /opt/elasticbeanstalk/hooks/appdeploy/pre/50npm.sh failed. For more detail, check /var/log/eb-activity.log using console or EB CLI.
2016-03-06 16:08:12 UTC+0900	ERROR	Failed to run npm install. Snapshot logs for more details.
2016-03-06 15:52:15 UTC+0900	ERROR	During an aborted deployment, some instances may have deployed the new application version. To ensure all instances are running the same version, re-deploy the appropriate application version.
2016-03-06 15:52:14 UTC+0900	ERROR	Failed to deploy application.
2016-03-06 15:52:14 UTC+0900	ERROR	Unsuccessful command execution on instance id(s) 'i-3b55619e'. Aborting the operation.
```

(AWS)Elastic Beanstalkでの環境デプロイに失敗する理由がわからない。

タイトルの通りなのですが、プログラミングを使って作りたいものがあった時、それを作るときにどうやって実装の仕方を調べたり、プログラムの組み立て方を考える、もしくは調べますか？考え方の思考手順や調べ方が知りたいです。

例えば、プログラムに何か絵を描かせてjpgやpngで出力させたいとした場合、どうやって調べたら良いでしょうか？（例えが悪くて答え難かったらすみません。）

ざっくりとした質問で申し訳ありませんが教えて下さると助かります。

宜しくお願い致します。

プログラミングを使って作りたいものがある時の調べ方、プログラムの組み立て方

最近SPAについて勉強しています。

SPAでは、クライアントサイドレンダリングが基本だと思います。
Vue.js や React を用いてビュー部分をブラウザにわたし、サーバーサイドではAPIのみを提供しページの構築を行うと思います。

例えば、「管理者なら管理用メニュー、一般ユーザーなら普通のメニューを表示する」のようなロジックを例にすると、ビュー（ここでは Vue.js を使用すると仮定）では次のような実装が考えられると思います。

```html
<div v-if="userType === 'user'">
   	
</div>
<div v-if="userType === 'admin'">
	
</div>
```

善良なユーザーが使う分には問題無いと思いますが、悪意あるユーザーがコンソールで「userType = 'admin';」などと入力しただけで管理用メニューが表示されてしまいます。

また、そうでなくても表示されないにしろ、HTML/JSに管理用メニューの名前、及びAPIのアクセス先が書いてあるため、API側で何かしらの認証処理をするという前提があったとしても、管理用メニューにどういうものがあるのかを見られてしまうのは脆弱性につながりかねません。

このような点に関してどのような対処をするのが一般的なのでしょうか？


[追記]
皆さん、回答ありがとうございます！
質問の仕方が悪く、自分の伝えたい本質を書くことができていませんでした。

認証周りの話というよりはユーザー(ブラウザ)がコンポーネントに対する操作が可能ということに疑問を持っています。

コンソールからコンポーネントに渡すデータを変えればそのコンポーネントの挙動を変更することとが可能だと思います。

例えば入力フォームを作る場合に特定の条件のユーザーにはフォームを表示しないといったケース、
具体的にはアンケートでユーザーの会員情報で性別が女性の場合は化粧品についてのアンケートも追加で表示させるケースを考えたいと思います。

サーバーサイドレンダリングであればサーバー側でユーザーの性別を見て生成するHTMLを変更できます。

クライアントサイドレンダリングの場合は一旦全て送り、ユーザー側で非表示にさせるといった処理が考えられそうです。

ここでユーザーがコンソールから性別データをいじった場合、男性なのに化粧品のアンケートを表示させる、女性なのに化粧品のアンケートを表示させない のようなことが可能になってしまう気がします。

回答でいただいたコードスプリッティングなどで対応はできそうですが、こんな些細なものごとにいちいち分割しているとは思えません。

[追記2]
もちろんこれはSPAに限らずJavascript自体のリスクではあると思いますが、
サーバーサイドレンダリングの場合、JSは「見た目の操作」にのみ使われてることが多いと思います。
SPAではややロジックも担当している印象を受けたためこのような質問をしました。

ユーザーからの挙動変更が可能なリスクがある中でどのような策がなされているのか、あるいはなすべきなのか 教えていただきたいです。

SPA・クライアントサイドレンダリングはセキュリティ的に安全なのでしょうか？

一つのTextで合成フォント(英字・記号なら英字フォント、かな漢字なら日本語フォント)みたいなことできるのでしょうか...？

APIからテキストを引っ張ってきて入れ込む想定です。

複数のText組み合わせになるのか。

unityで合成フォントみたいなことができるのか

## 質問

node.js初心者です。Laravelでvue.jsを利用しようと、nodeを使ってビルドしようとしています。

Laravelプロジェクトで、`npm run dev`を実行すると、エラーが出てしまって上手くコンパイルできません。
どなたかご助言いただけると嬉しいです。

### 環境
php -v 5.6.0(7系に変更予定)
laravel -v 5.4.27

node -v v8.1.3
nodebrew -v 0.9.7

### 作業手順
laravel mixの立ち上げの為に、プロジェクトディレクトリで、`nodebrew`で`node.js`をインストールした後、`node ini`で`package.json`を出力

以下の解決方法を元に、`cross-env`のディレクトリ指定を変更


[https://github.com/JeffreyWay/laravel-mix/issues/478](https://github.com/JeffreyWay/laravel-mix/issues/478)

```
{
  "private": true,
  "scripts": {
    "dev": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --watch-poll --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.15.3",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^3.2.3",
    "jquery": "^3.1.1",
    "laravel-mix": "0.*",
    "lodash": "^4.17.4",
    "vue": "^2.1.10"
  },
}
```

ターミナルで、`npm run dev`とすると、

```
> project-name@1.0.0 dev /Users/my-name/projects/docker_laravel/project-name
> node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

internal/child_process.js:317
    throw errnoException(err, 'spawn');
    ^

Error: spawn EACCES
    at exports._errnoException (util.js:1022:11)
    at ChildProcess.spawn (internal/child_process.js:317:11)
    at Object.exports.spawn (child_process.js:491:9)
    at spawn (/Users/my-name/projects/docker_laravel/project-name/node_modules/cross-spawn/index.js:17:18)
    at crossEnv (/Users/my-name/projects/docker_laravel/project-name/node_modules/cross-env/dist/index.js:30:38)
    at Object.<anonymous> (/Users/my-name/projects/docker_laravel/project-name/node_modules/cross-env/dist/bin/cross-env.js:10:16)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! project-name@1.0.0 dev: `node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the project-name@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/my-name/.npm/_logs/2017-07-06T15_00_33_864Z-debug.log
```
のようなエラーが出力され、
エラーログを見ると、

```
0 info it worked if it ends with ok
1 verbose cli [ '/Users/my-name/.nodebrew/node/v8.1.3/bin/node',
1 verbose cli   '/Users/my-name/.nodebrew/current/bin/npm',
1 verbose cli   'run',
1 verbose cli   'dev' ]
2 info using npm@5.0.3
3 info using node@v8.1.3
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle project-name@1.0.0~predev: project-name@1.0.0
6 silly lifecycle project-name@1.0.0~predev: no script for predev, continuing
7 info lifecycle project-name@1.0.0~dev: project-name@1.0.0
8 verbose lifecycle project-name@1.0.0~dev: unsafe-perm in lifecycle true
9 verbose lifecycle project-name@1.0.0~dev: PATH: /Users/my-name/.nodebrew/node/v8.1.3/lib/node_modules/npm/bin/node-gyp-bin:/Users/my-name/projects/docker_laravel/project-name/node_modules/.bin:/Users/my-name/.nodebrew/current/bin:/Users/my-name/.rbenv/shims:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/X11/bin
10 verbose lifecycle project-name@1.0.0~dev: CWD: /Users/my-name/projects/docker_laravel/project-name
11 silly lifecycle project-name@1.0.0~dev: Args: [ '-c',
11 silly lifecycle   'node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js' ]
12 silly lifecycle project-name@1.0.0~dev: Returned: code: 1  signal: null
13 info lifecycle project-name@1.0.0~dev: Failed to exec dev script
14 verbose stack Error: project-name@1.0.0 dev: `node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (/Users/co_jp_ta/.nodebrew/node/v8.1.3/lib/node_modules/npm/lib/utils/lifecycle.js:283:16)
14 verbose stack     at emitTwo (events.js:125:13)
14 verbose stack     at EventEmitter.emit (events.js:213:7)
14 verbose stack     at ChildProcess.<anonymous> (/Users/co_jp_ta/.nodebrew/node/v8.1.3/lib/node_modules/npm/lib/utils/spawn.js:40:14)
14 verbose stack     at emitTwo (events.js:125:13)
14 verbose stack     at ChildProcess.emit (events.js:213:7)
14 verbose stack     at maybeClose (internal/child_process.js:897:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:208:5)
15 verbose pkgid project-name@1.0.0
16 verbose cwd /Users/my-name/projects/docker_laravel/project-name
17 verbose Darwin 16.6.0
18 verbose argv "/Users/my-name/.nodebrew/node/v8.1.3/bin/node" "/Users/co_jp_ta/.nodebrew/current/bin/npm" "run" "dev"
19 verbose node v8.1.3
20 verbose npm  v5.0.3
21 error code ELIFECYCLE
22 error errno 1
23 error project-name@1.0.0 dev: `node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
23 error Exit status 1
24 error Failed at the project-name@1.0.0 dev script.
24 error This is probably not a problem with npm. There is likely additional logging output above.
25 verbose exit [ 1, true ]
```

このようになっております。
エラー箇所の指摘と、考えられる対応策を教えていただけると嬉しいです。
よろしくお願いいたします。

npm runすると、cross-env エラーがでる

最近、CQ出版WebShopのFPGAマガジンNo.15を購入しました。
内容はⅭ言語プログラムを高位合成でハードウェア言語に変換して使うのですが、
高位合成を行う上でⅭ言語プログラムとⅭ言語で書かれたテストベンチが必要なはずなのですが、本に書いてあるプログラムがすべて載っているサポートページを探したのですが、Ⅽ言語プログラムはあったのですがⅭ言語のテストベンチがありませんでした。
高位合成にはテストベンチが不要な場合があるのでしょうか？
本の質問サイトにもメールしてみたのですが、返信がないままです。
高位合成の経験がある方がおられましたら回答していただけるとありがたいです。
どうかよろしくお願いします。

以下のURLはサポートページです。
https://github.com/aquaxis/FPGAMAG/tree/master/No15

FPGAの高位合成に関しての質問です。

Node-REDを使って照明器具のゲートウェイとつなげています。

Node-RED側から、照明の状態確認のコマンドをおくるとレスポンスが返ってくるので、それをTemplateに渡し、ｈｔｍｌで表示したいとおもっています。

レスポンスが１個であれば、templateに渡した後、http responseを送れるので問題ないのですが、コマンドの種類によっては下図のように連続してレスポンスが帰ってきます。

![イメージ説明](24103ebcc541b25442ce04cefdd759fb.jpeg)

そうすると、最初のレスポンスがきてhttp responseを送ってしまいます。

この連続するレスポンスを全部受けとり、配列にしてTemplateに渡したいのですが、その方法がわからず悩んでいます。

どうか、よろしくおねがいします。