常連

注目の的

社会貢献

質問力

### 前提・実現したいこと

プロフィール編集画面で、ユーザーが複数の言語を選択出来るセレクトボックスを作成しました。
「ユーザー」と「言語」は多対多の関係にあると思いますので、「user_language」と言う中間テーブルを用い「user」と「language」を多対多の関係で結びました。

しかしコントローラの記述が良くないせいか、データを多対多として受け取ってくれません。
具体的には、表示する際に["日本語", "中国語"]のように配列の形のまま（文字列として？）出力されます。エラーメッセージは特別表示されません。
日本語　中国語のように、[]や""を含まない形でデータを個別に取り出し表示させたいです。

### views/users/edit.html.erb
```rails
    <li>
      <div class="col-1">Spoken language:</div>
      <div class="col-2">
        <select name="language" multiple="multiple">
          <option>日本語</option>
          <option>英語</option>
          <option>中国語</option>
          <option>スペイン語</option>
      </div> 
    </li>
```

### controllers/users_controller.rb
```ruby
  def update
    @user = User.find_by(id: params[:id])    
    @user.language = params[:language]
    if @user.save
      flash[:notice] = "ユーザー情報を編集しました"
      redirect_to("/users/#{@user.id}")
    else
      render("users/edit")
    end
  end
```

### views/users/show.html.erb

```rails
    <div class="language"><%= @user.language %></div>
```

### models/user.rb
```ruby
class User < ApplicationRecord
 has_secure_password
 has_many :languages, through: :user_language
 has_many :user_language  

 def language_name
   ::LanguageSelect::LANGUAGES[language]
 end
end
```

### models/language.rb
```ruby
class Language < ApplicationRecord
  has_many :users, through: :user_language
  has_many :user_language  
end
```

### models/user_language.rb
```ruby
class Language < ApplicationRecord
  belongs_to :user
  belongs_to :language 
end
```

### db/schema.rb
```ruby
ActiveRecord::Schema.define(version: 2020_05_21_034306) do

  create_table "languages", force: :cascade do |t|
    t.string "description"
    t.boolean "done"
    t.integer "user_id"
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
    t.index ["user_id"], name: "index_languages_on_user_id"
  end

  create_table "user_languages", force: :cascade do |t|
    t.integer "user_id"
    t.integer "language_id"
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
    t.index ["language_id"], name: "index_user_languages_on_language_id"
    t.index ["user_id"], name: "index_user_languages_on_user_id"
  end

  create_table "users", force: :cascade do |t|
    t.string "name"
    t.string "email"
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
    t.string "image_name"
    t.string "password_digest"
    t.string "cover_image_name"
    t.string "sex"
    t.string "country"
    t.string "language"
    t.text "introduction"
  end

end
```

### 補足情報（FW/ツールのバージョンなど）

ruby 2.6.4p104
RubyGems 3.0.3
Rails 5.2.3

多対多において、コントローラでのデータの受け取り方が分からない

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Vue.js+Railsでdatepikerを使いたいが、Uncaught Error: Cannot find module "pikaday"が出てほとほと困り果てています。参考にしているのはこちらのページです。
https://enrian.github.io/vue-pikaday/guide/installation.html

このようにやっているのですが、なぜかうまくいきません。
ご回答よろしくお願いいたします。



### 発生している問題・エラーメッセージ

```
vue-pikaday.js:1 Uncaught Error: Cannot find module "pikaday"
    at webpackMissingModule (vue-pikaday.js:1)
    at vue-pikaday.js:1
    at Object.<anonymous> (vue-pikaday.js:1)
    at Object.<anonymous> (vue-pikaday.js:2)
    at __webpack_require__ (bootstrap 39f035acf474c34c6376:19)
    at Object.<anonymous> (todo.js:1)
    at __webpack_require__ (bootstrap 39f035acf474c34c6376:19)
    at bootstrap 39f035acf474c34c6376:62
    at bootstrap 39f035acf474c34c6376:62
webpackMissingModule @ vue-pikaday.js:1
(anonymous) @ vue-pikaday.js:1
(anonymous) @ vue-pikaday.js:1
(anonymous) @ vue-pikaday.js:2
__webpack_require__ @ bootstrap 39f035acf474c34c6376:19
(anonymous) @ todo.js:1
__webpack_require__ @ bootstrap 39f035acf474c34c6376:19
(anonymous) @ bootstrap 39f035acf474c34c6376:62
(anonymous) @ bootstrap 39f035acf474c34c6376:62

```

### 該当のソースコード

```Javascript
<template>
    <vue-pikaday
            v-model="now"
            placeholder="Pick a date"
            @focus="triggerFocus()"
            @blur="triggerBlur()"
    />
</template>

<script>
    import '@enrian/vue-pikaday';

    export default {
        data() {
            return {
                now: null
            }
        },
        methods: {
            triggerFocus() {
                console.log('focus triggered');
            },
            triggerBlur() {
                console.log('blur triggered')
            }
        }
    }
</script>

```

```Javascript
import Vue from 'vue/dist/vue.esm.js'
import VuePikaday from '@enrian/vue-pikaday';
Vue.use(VuePikaday);
var app = new Vue({
    el: '#app',
    components: {
      'navbar': Header,
    }
});

```

```slim
#datepicker-default.form-group
  label.col-sm-3.control-label
    | Default
  .col-sm-9.form-inline
    .input-group.date
      input.form-control[type="text" value="20170621"]
      .input-group-addon
        i.fa.fa-calendar

#date-picker
  input

#app
  navbar
= javascript_pack_tag 'todo'

javascript:
  $(function () {
      //Default
      $('#datepicker-default .date').datepicker({
          format: "yyyy年mm月dd日",
          language: 'ja',
          autoclose: true
      });

  });
  $('#datepicker').datepicker();


```

Vue.js+Railsでdatepikerを使いたいが、Uncaught Error: Cannot find module "pikaday"が出る[詳しいソースコードあり]

数日前までdockerでの開発ができていたのですが、ローカルでmysqlのエラーが出たため、色々といじっていたら今度は同じくMySQLのエラーでdockerでの開発できなくなってしまいました。。
エラーの内容は以下記載しますが、MySQLへの接続ができないようです。
これまでやってみた内容も記載しますので、どなたかアドバイスをいただけると幸いです。

```
(base) $ docker-compose run web rails db:create
Starting testapp_db_1 ... done
Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (2 "No such file or directory")
Couldn't create 'app_name_development' database. Please check your configuration.
rails aborted!
Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (2 "No such file or directory")

〜以下省略

```

以下、これまで行った内容

```
(base) $ cd ~/./var/run/mysqld
-bash: cd: /./var/run/mysqld: No such file or directory
(base) $ mysql
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 5
Server version: 5.6.47 Homebrew

Copyright (c) 2000, 2020, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> exit
Bye
(base) $ sudo /etc/init.d/mysqld restart
Password:
sudo: /etc/init.d/mysqld: command not found
(base) $ mysql.server restart
Shutting down MySQL
.... SUCCESS! 
Starting MySQL
.. SUCCESS! 
(base) $ sudo rm -f /var/run/mysqld/mysqld.sock
(base) $ sudo rm -f /tmp/mysql.sock
(base) $ sudo /etc/init.d/mysql start
sudo: /etc/init.d/mysql: command not found
(base) $ mysql -u root -p
Enter password: 
ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)
(base) $ sudo mysql.server start --log
Starting MySQL
 SUCCESS! 
(base) $ 200116 23:04:35 mysqld_safe A mysqld process already exists
(base) $ cd /etc/myslq
-bash: cd: /etc/myslq: No such file or directory
(base) $ cd /etc
(base) $ ls
afpovertcp.cfg				localtime				php.ini.default
aliases					locate.rc				postfix
aliases.db				mach_init.d				ppp
apache2					mach_init_per_login_session.d		profile
asl					mach_init_per_user.d			protocols
asl.conf				mail.rc					racoon
auto_home				man.conf				rc.common
auto_master				manpaths				rc.netboot
autofs.conf				manpaths.d				resolv.conf
bashrc					master.passwd				rmtab
bashrc_Apple_Terminal			nanorc					rpc
com.apple.screensharing.agent.launchd	networks				rtadvd.conf
csh.cshrc				newsyslog.conf				security
csh.login				newsyslog.d				services
csh.logout				nfs.conf				shells
cups					notify.conf				snmp
defaults				ntp.conf				ssh
dnsextd.conf				ntp_opendirectory.conf			ssl
emond.d					openldap				sudo_lecture
find.codes				pam.d					sudoers
fstab.hd				passwd					sudoers.d
ftpusers				paths					syslog.conf
gettytab				paths.d					ttys
group					periodic				wfs
hosts					pf.anchors				xtab
hosts.equiv				pf.conf					zprofile
irbrc					pf.os					zshrc
kern_loader.conf			php-fpm.conf.default
krb5.keytab				php-fpm.d
(base) $ mysqld --version
mysqld  Ver 5.6.47 for osx10.14 on x86_64 (Homebrew)
(base) $ mysql_config --socket
/tmp/mysql.sock
(base) $ mysql --help | grep my.cnf
                      order of preference, my.cnf, $MYSQL_TCP_PORT,
/etc/my.cnf /etc/mysql/my.cnf /usr/local/etc/my.cnf ~/.my.cnf 
(base) cd /usr/local/etc/my.cnf
-bash: cd: /usr/local/etc/my.cnf: Not a directory
(base) $ cd ~./usr/local/etc/my.cnf
-bash: cd: ~./usr/local/etc/my.cnf: No such file or directory
(base) $ sudo /etc/init.d/mysql start
Password:
sudo: /etc/init.d/mysql: command not found

```

【Rails】dockerを使用したrails db:create時に出るMySQLエラーを解消したい

![イメージ説明](762b4741c852285e0ee79f1163a009c6.png)

画像を連続でアップロードすると上記のようなエラーが出ることがあるのですが、回避する方法はありますか？

users_controller.rb
```
class UsersController < ApplicationController
  def show
      @user = User.find(params[:id])
      @post_images = @user.post_images.page(params[:page]).reverse_order
  end
    
  def edit
      @user = User.find(params[:id])
  end
    
  def update
      @user = User.find(params[:id])
      @user.update(user_params)
      redirect_to user_path(@user.id)
  end
  
  private
    
  def user_params
      params.require(:user).permit(:name, :profile_image)
  end
end
```

user.rb
```
class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable
    
  has_many :post_images, dependent: :destroy
  has_many :post_comments, dependent: :destroy
  has_many :favorites, dependent: :destroy
  attachment :profile_image
end

```

【Ruby on Rails】エラー文についての解決をしたい

Rails初心者です。

jsは使わない前提として例えば
```lang-haml
-#view
%ul
  %li#AAA イヌ
  %li#BBB ネコ
```
というviewがあるとして
**コントローラ側の結果次第でCSSを変えたい**
といった場合のやり方が分かりません。

view側で処理するしかないですか？
```lang-haml
-#view
- if @var == "イヌ"
  :scss
    #AAA{ color: #red; }
- elsif @var == "ネコ"
  :scss
    #BBB{ color: #red; }
```
宜しくお願いします。