常連

注目の的

質問力

###現状
現在box1のクラス名が付いたdivのみが一つあります。このdivをクリックするとbox1のクラス名が削除され、box2のクラス名が追加され、背景色が赤から緑に変更されます。

###発生している問題
box2のクラス名を追加する所まではできたのですが、このbox2のクラス名が付いたdivをクリックするとbox2のクラス名が削除され、box3のクラス名が追加され、背景色が緑から黄色に変更させたいのですが、クリックしても無反応です。

###試したこと
コンソールに出力させたりしてみたり、もしかしたらjsやjQueryの読み込み順かなと思い、</body>の直前で読み込ませさせたのですがダメでした。

該当コードをjsfiddleにアップしました。
ご活用していただければ幸いです。
[https://jsfiddle.net/ululami/x9he9939/](https://jsfiddle.net/ululami/x9he9939/)
よろしくお願いいたします。

###該当のソースコード
```javascript
$(function(){
  $('.box1').on('click',function(){
    $('.box1').removeClass().addClass('box2');
  })
  
  $('.box2').on('click',function(){
    $('.box2').removeClass().addClass('box3');
  })
})
```
```css
div{
  width: 100px;
  height: 100px;
}

.box1{
  background: red;
}

.box2{
  background: green;
}

.box3{
  background: yellow;
}
```
```html
<div class="box1"></div>
```
###補足情報(言語/FW/ツール等のバージョンなど)
jQuery 3.2.1

jQueryでクラスを追加したのにクリックイベントが発生しない

さくらvps
ubutnu 16.04
nignx 1.15.8
uwsgi 2.0.17
[Ubuntu + Nginx + MySQLでDjangoアプリをデプロイ（構築編）
](https://qiita.com/ShinichiMasuda/items/6df2b19dfae5bef107a8)
こちらの記事を参考にデプロイ作業をしております。
ページの最後にたどり着いたのですが、ブラウザには502が表示されており困っています。

uwsgiがスタートできない状態です
uwsgiのログをみますとエラーが表示されています。

bind(): Permission denied [core/socket.c line 230]

権限を変更を試してみましたがうまく行きませんでした。
```
$ chmod 770 /var/run/uwsgi/master.pid
```
何か他に試すべきことはないでしょうか？
よろしくお願いいたします。



uwsgiのログ
 /var/log/uwsgi/uwsgi.log
```
*** Starting uWSGI 2.0.18 (64bit) on [Sun Feb 17 17:54:41 2019] ***
compiled with version: 5.4.0 20160609 on 15 February 2019 09:16:38
os: Linux-4.4.0-112-generic #135-Ubuntu SMP Fri Jan 19 11:48:36 UTC 2018
nodename: tk2-233-26158
machine: x86_64
clock source: unix
pcre jit disabled
detected number of CPU cores: 1
current working directory: /
writing pidfile to /var/run/uwsgi/master.pid
detected binary path: /usr/local/bin/uwsgi
setgid() to 117
setuid() to 117
chdir() to /home/ubuntu/googleranker
your processes number limit is 1809
your memory page size is 4096 bytes
detected max file descriptor number: 1024
lock engine: pthread robust mutexes
thunder lock: enabled
bind(): Permission denied [core/socket.c line 230] 
```
/var/log/nginx/error.log
```ここに言語を入力
2019/02/17 17:42:51 [info] 1243#1243: [ngx_pagespeed 1.13.35.2-0] No threading detected. Own threads: 1 Rewrite, 1 Expensive Rewrite.
2019/02/17 17:56:40 [crit] 1250#1250: *1 connect() to unix:///var/run/uwsgi/master.sock failed (2: No such file or directory) while connecting to upstream, client: xxx.xxx.xxx.xxx, server: [xxx.xxx.xxx.xxx], request: "GET / HTTP/1.1", upstream: "uwsgi://unix:///var/run/uwsgi/master.sock:", host: "xxx.xxx.xxx.xxx."
2019/02/17 17:56:40 [crit] 1250#1250: *1 connect() to unix:///var/run/uwsgi/master.sock failed (2: No such file or directory) while connecting to upstream, client: xxx.xxx.xxx.xxx., server: [xxx.xxx.xxx.xxx.], request: "GET /favicon.ico HTTP/1.1", upstream: "uwsgi://unix:///var/run/uwsgi/master.sock:", host: "xxx.xxx.xxx.xxx", referrer: "http://xxx.xxx.xxx.xxx/"
```

uwsgiでbind(): Permission denied [core/socket.c line 230]

###前提・実現したいこと

flask + nginx + uwsgiでアプリを動かしたいのですが、nginxとuwsgiの内部の通信が上手く行きません。

公開ディレクトリにソケットを生成したいのですが、以下のコマンドを実行すると、エラーがでます。

```
uwsgi --ini hello.ini
```

###発生している問題・エラーメッセージ

```
bind(): Permission denied [core/socket.c line 230]
```

###該当のソースコード

hello.iniの中身です。

```
[uwsgi]
uid = www-data
gid = www-data
base = /var/www/html
app = hello
module = %(app)
home = /home/user_name/anaconda3/bin/python
pythonpath = %(base)
socket = %(base)/%n.sock
#socket = %n.sock
chmod-socket = 644
#the variable that holds a flask application inside the module imported at line #6
callable = app
#logto = /var/log/uwsgi/%n.log
#logto = %n.log
touch-logreopen = %(base)/.logreopen_trigger
touch-reload = %(base)/.uwsgi_touch
```

###試したこと
権限の問題なので、使用するファイルの権限はwww-dataに変更しました。

```
-rwxr-xr-x 1 www-data www-data  439 Nov 11 16:34 hello.ini*
-rwxr-xr-x 1 www-data www-data  155 Nov  9 23:42 hello.py*
```

どちらにしろ、権限の問題だと思っているのですが、このエラーはどうすれば解決できるのでしょうか？

補足すべき情報があればコメントお願いしますm(_ _)m

###補足情報(言語/FW/ツール等のバージョンなど)
ubuntu
uwsgi
nginx

flask + nginx + uwsgiでアプリを動かしたい

## 背景
簡単な自作のWebサイトを以下の構成で公開しています。
- nginx
- uwsgi
- Django

現在は、Djangoのディレクトリは、（ユーザ名をhogeとして）
`/home/hoge/mysite`に置いています。
また、nginxの設定ファイルもそこを指すようにしています。

しかしながら、一般的にはwebアプリのデータは`/var/www`に置くことが普通のようです。

## 質問１
webアプリデータを`/var/www`に置くのは、単なる慣習ですか？
それとも明確な理由があるでしょうか。
特に、`/home`の下に置くことに明らかな問題があるでしょうか？

## 質問２
本番用のwebアプリを`/var/www`に置く場合、開発はどこのディレクトリでやるのが普通でしょうか。
例えばDjango等には開発用サーバが付随しており、それでデバッグしながらコーディングをすると思います。
それは`/home`の下でやるのが普通ではないのでしょうか?

もしそうだとする場合、開発完了したものを本番領域へ移すのは通常どのようにするのでしょうか。
（ナイーブに `cp`コマンドでコピーする・・・？）

初学者で申し訳ありません、調べてはみたのですが、
当たり前すぎる知識のようで上手く答えを得ることができませんでした。

よろしくお願いいたします。

## 環境
- OS: Ubuntu 16
- Webサイト構成: nginx + uWSGI + Django
- サーバ: ConoHa VPS

なぜWebデータを/var/wwwに置かないといけないのか？

### 前提・実現したいこと

vue + flask + Mysql で作成したアプリをAWSにデプロイ予定です。
当初の構成として、ec2 + RDS、またwebサーバはnginx、アプリケーションサーバはgunicornで考えていました。

しかしこの場合、nginx のrootをvueをビルドしたindex.htmlにすることになるかと思い、そうなるとs3にindex.htmlを配置してホスティングするのが良いのかな、と考えました。
はたまた、ec2内でvueをrunさせるのもありなのかとも思えてきて、皆様のご意見を伺いたく質問させて頂きました。

ご意見を頂戴できると助かります。よろしくお願い致します。

【vue.js + flask + Mysql】AWSへのデプロイに際してネットワーク構成

###前提・実現したいこと
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での環境デプロイに失敗する理由がわからない。

jQueryでチェックボックスにチェックされたら
フォームに書き込めるというような機能を作成したいのですが、
disabledを付けることは出来ても無効にすることが出来ません。
どうしたらよいでしょうか。

以下コードです。
`
// チェックボックスの変更を監視
$('#chk-box').change(function() {
    // チェックが入っていたら 
    $(this).is(':checked'){ 
        // 入力部分のdisabledを解除したい！
        $('#input-area').attr('disabled', '');
    // チェックが外れていれば
    } else { 
        // 入力部分をdisabledに
        $('#input-area').attr('disabled', 'disabled'); 
    }
});
`

このようにしているのですが、入力部分が表示されません。
disabledを変更する方法が間違っているのか、他の部分が間違っているのか、どなたか教えて下さい。

jQueryでボタンのdisabledを解除したい

下のサイトにあるボタンを実装しようと思い、一つはlink_toのリンク、もう一つはform_forｍのsubmit.fをカスタマイズしようと思い、以下のコードを書きました。

[ボタンデザイン](https://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html)
上記のサイトの９番のボタンをコピペしてきました。

link_toの方ではしっかり実装できました。
比べて、f.submitではボーダー、色、サイズ、hover時の文字色の変化は実装できたのですが、背景が降りてくる機能だけが何故か実装できません。
２つのボタンとも同じクラスでcssに書いているので、打ち間違えで一部が適用されていないということはありえないと思います。


なぜ降りてくるエフェクトが一部反映されないのか、どなたかご教授ください


```html
<%= link_to "登録", signup_path, class: "button" %>
```
```html
<%= form_for(@user) do |f| %>
        <%= f.label :name, "名前" %>
        <%= f.text_field :name %>

        <%= f.label :email, "メールアドレス" %>
        <%= f.email_field :email %>

        <%= f.label :password, "パスワード" %>
        <%= f.password_field :password %>

        <%= f.label :password_confirmation, "確認用パスワード" %>
        <%= f.password_field :password_confirmation %>

        <%= f.submit "登録", class: "button" %>
      <% end %>
```
```css
.button-home {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: rgba(0,0,0,0.2);
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
  overflow: hidden;
  font-size: 20px;
}

.button-home:hover {
  color: #fff;
  text-decoration: none;
}

.button-home::before,
.button-home::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  top: -100%;
  width: 100%;
  height: 100%;
}
.button-home,
.button-home::before,
.button-home::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button-home:hover::after {
  top: 0;
  background-color: #333;
}
```

ボタンにcssが一部反映されない

初心者のものです。

現在、ruby on railsで開発したプログラムをデプロイしようとしているのですが、
その際に用いていたunicorn.rbが起動しません。

実行環境:centos7 unicorn (5.2.0) rails (4.2.7) ruby(2.2.5)

##実行コマンド

```
実行コマンド
$ bundle exec unicorn -D -c unicorn.rb
```

最初は
```
ArgumentError: rackup file (config.ru) not readable
```
と言われたのでぐぐってみると、working_directoryを指定しないと
rackを読み込んでしまうとの記述をみつけました。
それに従い、以下のように実行ファイルを編集しました。

##ソースコード

**パス**
**/var/www/app/my-app/current/config/unicorn.rb**
```ruby
# -*- coding: utf-8 -*-
worker_processes 2

listen  '/var/www/app/my-app/current/tmp/unicorn.sock'
pid     '/var/www/app/my-app/current/tmp/unicorn.pid'

log = Dir.pwd + '/log/unicorn.log'
stderr_path File.expand_path('log/unicorn.log', ENV['RAILS_ROOT'])
stdout_path File.expand_path('log/unicorn.log', ENV['RAILS_ROOT'])

#修正箇所
working_directory '/var/www/app/current'

preload_app true
GC.respond_to?(:copy_on_write_friendly=) and GC.copy_on_write_friendly = true

before_fork do |server, worker|
defined?(ActiveRecord::Base) and ActiveRecord::Base.connection.disconnect!

old_pid = "#{ server.config[:pid] }.oldbin"
unless old_pid == server.pid
  begin
   sig = (worker.nr + 1) >= server.worker_processes ? :QUIT : :TTOU
   Process.kill :QUIT, File.read(old_pid).to_i
   rescue Errno::ENOENT, Errno::ESRCH
  end
end
end

after_fork do |server, worker|
    defined?(ActiveRecord::Base) and ActiveRecord::Base.establish_connection
end
~                          
```

実行したところ、
```
ArgumentError: config_file=./unicorn.rb would not be accessible in working_directory=/var/www/app/current
```
と言われ、エラーとなります。
working_directoryの記述がおかしいのでしょうか。
お手数ですがどなたご教授いただきたくお願い致します。

unicornが実行出来ない。

### 前提・実現したいこと

unicorn_railsを使用してRailsを起動したい。

### 実行コマンド

bundle exec unicorn_rails -c config/unicorn.conf.rb -E production -D

### エラー内容

```sh
$ bundle exec unicorn_rails -c config/unicorn.conf.rb -E production -D
master failed to start, check stderr log for details
```

```log
cat log/unicorn.log -n
     1	I, [2019-03-09T13:48:50.392727 #18970]  INFO -- : Refreshing Gem list
     2	bundler: failed to load command: unicorn_rails (/var/www/projects/プロジェクトの名前/vendor/bundle/ruby/2.5.0/bin/unicorn_rails)
     3	ArgumentError: wrong number of arguments (given 0, expected 2)
     4	  /var/www/projects/プロジェクトの名前/vendor/bundle/ruby/2.5.0/gems/unicorn-5.5.0/lib/unicorn.rb:49:in `block in builder'
     5	  /var/www/projects/プロジェクトの名前/vendor/bundle/ruby/2.5.0/gems/unicorn-5.5.0/bin/unicorn_rails:139:in `block in rails_builder'
     6	  /var/www/projects/プロジェクトの名前/vendor/bundle/ruby/2.5.0/gems/unicorn-5.5.0/lib/unicorn/http_server.rb:794:in `build_app!'
     7	  /var/www/projects/プロジェクトの名前/vendor/bundle/ruby/2.5.0/gems/unicorn-5.5.0/lib/unicorn/http_server.rb:141:in `start'
     8	  /var/www/projects/プロジェクトの名前/vendor/bundle/ruby/2.5.0/gems/unicorn-5.5.0/bin/unicorn_rails:209:in `<top (required)>'
     9	  /var/www/projects/プロジェクトの名前/vendor/bundle/ruby/2.5.0/bin/unicorn_rails:23:in `load'
    10	  /var/www/projects/プロジェクトの名前/vendor/bundle/ruby/2.5.0/bin/unicorn_rails:23:in `<top (required)>'
```

### 設定ファイル

　```ruby
     # config/unicorn.conf.rb
     1	# set lets
     2	$worker  = 2
     3	$timeout = 30
     4	$app_dir = "/var/www/projects/プロジェクトの名前"
     5	$listen  = File.expand_path 'tmp/sockets/.unicorn.sock', $app_dir
     6	$pid     = File.expand_path 'tmp/pids/unicorn.pid', $app_dir
     7	$std_log = File.expand_path 'log/unicorn.log', $app_dir
     8	# set config
     9	worker_processes  $worker
    10	working_directory $app_dir
    11	stderr_path $std_log
    12	stdout_path $std_log
    13	timeout $timeout
    14	listen  $listen
    15	pid $pid
    16	# loading booster
    17	preload_app true
    18	# before starting processes
    19	before_fork do |server, worker|
    20	  defined?(ActiveRecord::Base) and ActiveRecord::Base.connection.disconnect!
    21	  old_pid = "#{server.config[:pid]}.oldbin"
    22	  if old_pid != server.pid
    23	    begin
    24	      Process.kill "QUIT", File.read(old_pid).to_i
    25	    rescue Errno::ENOENT, Errno::ESRCH
    26	    end
    27	  end
    28	end
    29	# after finishing processes
    30	after_fork do |server, worker|
    31	  defined?(ActiveRecord::Base) and ActiveRecord::Base.establish_connection
    32	end
```
※ややこしくて申し訳ありませんが、実際のフォルダ名からプロジェクトの名前と変更してあります。

見た感じ引数エラーだったのでunicornの設定ファイルにミスがあるのかなと思いましたが、おかしなところが見つからず。
検索しても同じ事象の方が見つからなかったため、質問させていただきました。

ご回答のほど、よろしくお願いいたします。

AWS(EC2)でunicorn_railsを起動時にエラーが発生してしまう。

Ruby on Rails において、データベースに登録した音声ファイル(バイナリデータ)の呼び出し方について質問です。

現在、データベースに音声ファイルを登録するところまではできるのですが、ビューファイルで、audio_tagを用いてプレーヤー形式で表示することができません。

controllerで、パスを取得するためのメソッドを定義のうえ、routesでアクションを定義、その後、ビューファイルで、<audio_tag (パス, :controls) %>と記述しているのですが、表示することができません。どのように記述すればよいか、ご教示頂けますと幸いです。

追記：コードは以下です！

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
[comic.rb]

class Comic < ActiveRecord::Base
  has_many :pages
  has_many  :sounds
end
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

[sound.rb]
class Comic < ActiveRecord::Base
  has_many :pages
  has_many  :sounds
end
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

[controller]

sound_forで、データベースのデータを送るよう定義。

class ComicsController < ApplicationController

  def index
    @comic = Comic.all
  end

  def show
    @comic = Comic.find(params[:id])
    @pages=  Comic.find(params[:id]).pages
    @s

  end

  def sound_for
    @sound= Comic.find(params[:id]).sounds
    send_data(@sound.upload_file)
  end

end

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

[route]

Rails.application.routes.draw do
  devise_for :users
  resources :users
  resources :comics, only: :show do
    resources :sounds, only: [:new, :create]
      member do
        get 'sound_for'
      end
  end

  root 'comics#index'
end

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

[view]

<h2>作品個別ページ</h2>


<html>


<img src="<%= @comic.image %>">
<p>作品名：<%= @comic.title %></p>
<p>作者：<%= @comic.author %></p>


<a href="/comics/<%= @comic.id %>/sounds/new" target="_blank">音声を投稿する！</a>

  <h2> みんなの投稿</h2>


<% @comic.sounds.each do |sound| %>

<p><%= sound.user.username %>さんの投稿</p> 

<%= audio_tag sound_for_comic_path, :controls %>

  <% end %>

<br />


<% @pages.each do |page| %>

 <img src="<%=page.image%>" width="700px"> <br/>

 <% end %>

 </html>>