常連

###前提・実現したいこと
slimで <div style="width:20px;" class="mdl-textfield.mdl-js-textfield">と書きたいです


###試したこと
```haml
%div.mdl-textfield.mdl-js-textfield{ :style => "width:20px;" }
```
のように書けるそうなので、
```slim
div.mdl-textfield.mdl-js-textfield{ :style => "width: 20px;" }
```
としてみましたがダメでした

###slimで <div style="width:20px;">と書きたいです

# 原因わかる方いらっしゃいますか。
![イメージ説明](21f0c6de5b0c81441891d3cbd80a9603.png)


# 前提

前提
| 前提 | 内容     |
| :------------- | :------------- |
| １       |   既にある新規ホスト(host)登録フォームに「法人か？それ以外か？」のラジオを追加したい。     |
| ２       |   カラム名はtypeにした。     |
| ３       |   下記のコードを使ってラジオボタンを実装     |
| ４       |   しかし送信すると `wrong constant name company`または`wrong constant name other`と出力されて、エラーになる。    |

# コード

> 
> フォームのslim
> 


```
.form-group.row
	.col-lg-4
		= f.label :kind,class:'col-form-label'
	.col-lg-8
		= f.radio_button(:kind, "company",id:'company')
		= f.label :company   ,class:'radio' ,id:'company',for:'company'
		= f.radio_button(:kind, "other",id:'other')
		= f.label :other ,class:'radio' ,id:'other' ,for:'other'

```

>
> controller
> 

```

def new
	@host = Host.new
end

def create
	@host = Host.new(host_params)
	if @host.save
		@host.send_activation_email
		flash[:info] = "ホスト本登録メールを送信しました。ご確認ください。"
		redirect_to [:host,:root]
	else
		render 'new'
	end
end

private
def host_params
	params.require(:host).permit(:name,:type,:email,:tel,:password,:password_confirmation)
end

```

...よろしくお願いします。

【Rails5】wrong constant name *** に苦しんでます。

### 実現したいこと
deviseを利用したログイン機能を正常に動作するようにしたい

### 発生している問題・分からないこと
現在、deviseを使用してユーザー新規登録、ログイン機能を実装中です。
デフォルトではメールアドレスとパスワード使用でのログイン機能だったのですが、ユーザー名とパスワード使用でのログイン方法に変更したいと思い、下記サイト様を参考に変更しました。

参考サイト様
https://qiita.com/yuki82511988/items/73659af9d1049bd1b256

しかしログイン機能がうまく働かず、ログインに失敗してユーザー新規登録画面に遷移させられる際に、「メールアドレスが入力されていません」というバリデーションのエラーメッセージが表示されています。
ターミナル上ではログインに失敗した「422 Unprocessable Entity」の結果が表示されていました(今回は、そのターミナル上のログをエラーメッセージとしてコピペしています)。

試しにビューを変更してメールアドレスの入力フォームを用意してユーザー名、メールアドレス、パスワードの３つの情報でログインできるようにしてエラー内容が変わるかも確認しました。
エラーメッセージの内容が変更され、「メールアドレスは既に使用されています」というバリデーションメッセージに変更されるものの、やはりログインには失敗してユーザー登録画面へと遷移されてしまいました。

どの部分を変更すれば、ユーザー名とパスワードだけでログインできるように実装できるのでしょうか。
お手数おかけしますが、ご教授いただけましたら大変助かります。
よろしくお願いします。


### エラーメッセージ
```error
Started POST "/users" for ::1 at 2024-02-29 13:07:57 +0900
Processing by Users::RegistrationsController#create as TURBO_STREAM
  Parameters: {"authenticity_token"=>"[FILTERED]", "user"=>{"name"=>"ユーザーB", "password"=>"[FILTERED]", "remember_me"=>"1"}, "commit"=>"登録する"}
  Rendering layout layouts/application.html.slim
  Rendering users/registrations/new.html.slim within layouts/application
  Rendered users/shared/_error_messages.html.slim (Duration: 0.2ms | Allocations: 347)
  Rendered users/shared/_links.html.slim (Duration: 0.3ms | Allocations: 259)
  Rendered users/registrations/new.html.slim within layouts/application (Duration: 5.0ms | Allocations: 12206)
  Rendered users/shared/_header.html.slim (Duration: 0.1ms | Allocations: 204)
  Rendered layout layouts/application.html.slim (Duration: 7.6ms | Allocations: 17358)
Completed 422 Unprocessable Entity in 280ms (Views: 8.2ms | ActiveRecord: 0.0ms | Allocations: 22430)
```

### 該当のソースコード

```config/initializers/devise.rb
Devise.setup do |config|
  
  config.authentication_keys = [:name]
```

```app/controllers/application_controller.rb
class ApplicationController < ActionController::Base
  before_action :configure_permitted_paramaters, if: :devise_controller?

private
    def configure_permitted_paramaters
      if resource_class == User
        devise_parameter_sanitizer.permit(:sign_up, keys:[:remember_me])
      end
    end
end
```

```app/views/users/sessions/new.html.slim
h2 = t".title"

= form_with model: @user, url: user_registration_path, id: 'new_user', class: 'new_user', local: true do |f|

  h5 = render "users/shared/error_messages", resource: resource

  .field
    = f.label :name
  = f.text_field :name, autofocus: true, autocomplete: "name", placeholder: true
  br
  .field
    = f.label :password
  = f.password_field :password, autofocus: true, autocomplete: "current-password", placeholder: true
  - if devise_mapping.rememberable?
    .field
      = f.check_box :remember_me
      = f.label :remember_me
  br
  .actions
    = f.submit 
= render "users/shared/links"
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
インターネットで解決策になるものを調べてそれを元に、devise.rbやapplication_controller.rbのコードを変更しました。
しかし、①ターミナル上で:remember_meがストロングパラメータとして許可されていないというエラー表示、②ユーザー新規登録画面(registrations#new)での「メールアドレスが入力されていません」というバリデーションメッセージの表示が出るというエラーは解消できませんでした。

またメールアドレスに関するバリデーションに引っかかったため、ログイン時の仕様を変更してメールアドレスも含めての入力フォームに変更後ログインできるかも試しました。
しかし結果的にはログインできずにユーザー新規登録画面に遷移させられ、「メールアドレスは既に使用されています」というエラーメッセージに変更されるだけで、:remember_meがストロングパラメータとして許可されていないという根本のエラーは解決できませんでした。

### 補足
・Rails 7.0.8.1
・devise
・slim
・macOS Monterey バージョン12.6.4

deviseでログインできるようにしたい

### slimで、pタグ内のaタグの書き方

  slimで、pタグ内のaタグの書き方が分かりません。。
 どのように書くのでしょうか？

* html
```
  <p>ABCは<a href="http://example.com">こちら</a></p>
```

* erb
```
  <p>ABCは<%= link_to "こちら", "http://example.com" %></p>
```
    
* slim ↓は違いますよね?? どう書けばよいのでしょうか?
```
  p ABCは = link_to "こちら", "http://example.com"
```

slimで、pタグ内のaタグの書き方

### 前提・実現したいこと
以下を使用した環境構築について、アドバイスをお願いしたいです。

|種類|名前|
|:--|:--|
|Webサーバー|Apache|
|サーバーサイド言語|PHP|
|PHPフレームワーク|Slim|
|フロントエンド|Vue.js（VueCLI）|

### 相談内容

Vue.jsで、vueファイルを使用する際は、一般的に、VueCLIで環境を構築するものだと認識しております（もちろん一から環境を構築出来るということも存じています）。

ただ、どのような紹介記事においても、VueCLIの導入に際して、サーバーサイド言語と組み合わせて使用するようなパターンについての言及を、見たことがありません。

今回、PHPをサーバーサイド言語として利用した場合に、どのようにVueCLIと組み合わせて利用するのかを具体的に知りたいと思い、相談させていただきました。

例えば、PHP・Slimフレームワークの組み合わせでのディレクトリ構成を考えた場合、以下のようになるかと考えております。

__※以下の、Projectというのは、NetBeansやEclipseにおけるルートの単位（1ビルド単位）です。__

```
Project
 |
 + src （PHPソース）
 + public （公開ディレクトリ）
    + index.php
    + assets
      |
      + js
      + css
      + img
```

確認したいこと
---

- 上記ディレクトリに、VueCLIを組み合わせて使う際は、どのようなディレクトリ構成がベターなのでしょうか？

- そもそも、Projectはクライアント（Vue.js）とサーバーサイド（PHP）で別個になったりしますか？

- よくあるサンプルでは、node.jsのWebサーバーを起動して、8080にアクセスして、そちらでページを表示する流れになっていますが、開発時の動作確認にはApache＋PHPを使いたいのです。そのような場合、ホットリロード（vmファイルを編集したらすぐに反映確認できる）を組み合わせてスピーディーに動作確認するようなことはできたりするのでしょうか？

---
フロントエンドは、今までに Knockout.js や AngularJS、Vue.JS（vueファイルの使用がない）、を経験しておりますが、Vue.jsの、vueファイルをビルドする領域に突入してから、途端に高難易度になってしまったように感じます。

回答者様のご意見の他に、もし、サーバーサイドとVueCLIの組み合わせについて言及している書籍やサイトなどの情報もご存知であれば、教えていただきたいです。

よろしくお願いいたします。

PHP・Vue.js（VueCLI）における環境構築方法

#動的にactiveクラスをlink_toに付与したい

[BootstrapのDashboardサイドバー](https://v4-alpha.getbootstrap.com/examples/dashboard/)みたく`.activeクラス`を`Rails`で動的に`link_to`に付与したい。
![イメージ説明](89233d4194279053eea207ac601c9196.png)
表示ページのサイドバー項目は`background`が`青色`になっています。

```

ul.nav.nav-pills.flex-column
 li.nav-item = link_to "action1"  ,action1_path ,class:'nav-link active' ← このactiveを動的にしたい。
 li.nav-item = link_to "action2"  ,action2_path  ,class:'nav-link'
 li.nav-item = link_to "action3"  ,action3_path  ,class:'nav-link'
 
```

こんな感じのコードだとすれば、どうすれば実装できるのでしょうか。
`controller`を編集する必要があるのか、`view`だけの編集で済むのか、
いまいちイメージができません。

ご教授いただける方、宜しくお願いします。

#追伸1

`params[:action]`は使えませんか。
`view`で`コントローラの各アクション`を区別することはできませんか。


#追伸2 サイドバーのコードはパーシャルです。
これを前提にお願いします。


#追伸3


> 現状、正常に動く

```

- if controller.action_name == "show"
  li.nav-item = link_to "トップ"        ,[:user,:mypage]            ,class:'nav-link active'
- else
  li.nav-item = link_to "トップ"        ,[:user,:mypage]            ,class:'nav-link'


- if controller.action_name == "following"
  li.nav-item = link_to "フォロー"      ,[:following,:user,:mypage] ,class:'nav-link active'
- else
  li.nav-item = link_to "フォロー"      ,[:following,:user,:mypage] ,class:'nav-link'

- if controller.action_name == "clipping"
  li.nav-item = link_to "クリップ"      ,[:clipping,:user,:mypage]  ,class:'nav-link active'
- else
  li.nav-item = link_to "クリップ"      ,[:clipping,:user,:mypage]  ,class:'nav-link'

```

> 現状、正常に動かない

```

li.nav-item = link_to "トップ"        ,[:user,:mypage]            ,class:"nav-link #{ active if controller.action_name == 'show'}"

や

li.nav-item = link_to "トップ"        ,[:user,:mypage]            ,class:"nav-link #{ active if params[:action: == 'show'}"

```

どうもこれだと動きません...。

【Rails】ナビゲーションにて動的に.activeをlink_toに付与したい

データベースの内容をテーブルにeach doを使用し、上手く表示させたいです
viewsはslimで書いています
以下viewsになります
```rails
| books
      table.table.table-bordered.table-hover
        thead
          tr
            th ID
            th 作者
            th タイトル
        - @books.each do |book|
          tbody
            tr
              td
                = book.id
        - @pages.each do |page|
              td
                = page.name
              td
                = link_to '編集', admin_book_path(id: @books)
```

controller(Bookの後のPageはpaginationを使用しています)
```rails 
    def index
      @books = Book.page(params[:page]).per(15)
      @pages = Page.includes(params[:name]).all
    end
```

このように書いた際、viewsで二度each doを使用しているので上手くテーブルに表示されません
この場合、どのように書くと上手くいくでしょうか？

each doを使用しテーブルにデータベースの内容を表示させる

![イメージ説明](9610e6663b40b2e3e6bd692328ed1d55.png)### 前提・実現したいこと

Ruby on Railsでタスク管理アプリケーションを作成している途中でタイトルのエラーが出ました。
エラーが直せません　I18n::InvalidLocaleData in Tasks#new


### 発生している問題・エラーメッセージ

```
ActionView::Template::Error (can not load translations from /Users/・・・/taskleaf/config/locales/ja.yml: #<Psych::SyntaxError: (<unknown>): mapping values are not allowed in this context at line 5 column 3>):
     7: 
     8: = form_with model: @task, local: true do |f|
     9:   .form-group
    10:     = f.label :name
    11:     = f.text_field :name, class: 'form-control', id: 'task_name'
    12:   .form-group
    13:     = f.label :description
  
app/views/tasks/new.html.slim:10
app/views/tasks/new.html.slim:8
```

---以下、ja.ymlを全て削除したときのエラー
```
ActionView::Template::Error (can not load translations from /Users/・・・/taskleaf/config/locales/ja.yml: #<Psych::SyntaxError: (<unknown>): mapping values are not allowed in this context at line 5 column 3>):
     7: 
     8: = form_with model: @task, local: true do |f|
     9:   .form-group
    10:     = f.label :name
    11:     = f.text_field :name, class: 'form-control', id: 'task_name'
    12:   .form-group
    13:     = f.label :description
  
app/views/tasks/new.html.slim:10
app/views/tasks/new.html.slim:8


```
---以上。


### 該当のソースコード
```new.html.silm
h1 タスクの新規登録


.nav.justify-content-end
  = link_to '一覧', tasks_path, class: 'nav-link'


= form_with model: @task, local: true do |f|
  .form-group
    = f.label :name
    = f.text_field :name, class: 'form-control', id: 'task_name'
  .form-group
    = f.label :description
    = f.text_area :description, rows: 5, class: 'form-control', id: 'task_description'
  = f.submit nil, class: 'btn btn-primary'
```

```ja.yml
--2020-04-19 17:32:17--  https://raw.githubusercontent.com/svenfuchs/rails-i18n/master/rails/locale/ja.yml
raw.githubusercontent.com (raw.githubusercontent.com) をDNSに問いあわせています... 151.101.88.133
raw.githubusercontent.com (raw.githubusercontent.com)|151.101.88.133|:443 に接続しています... 接続しました。
HTTP による接続要求を送信しました、応答を待っています... 200 OK
長さ: 5117 (5.0K) [text/plain]
"ja.yml" に保存中

     0K ....                                                  100% 24.3M=0s

2020-04-19 17:32:17 (24.3 MB/s) - `ja.yml' へ保存完了 [5117/5117]

ja:
  activerecord:
    errors:
      messages:
        record_invalid: "バリデーションに失敗しました: %{errors}"
        restrict_dependent_destroy:
          has_one: "%{record}が存在しているので削除できません"
          has_many: "%{record}が存在しているので削除できません"
      models:
        task: タスク
      attributes:
        task:
          id: ID
          name: 名称
          description: 詳しい説明
          created_at: 登録日時
          updated_at: 更新日時
      helpers:
        select:
          prompt: 選択して下さい
        submit:
          create: 登録する
          submit: 保存する
          update: 更新する
```

### 試したこと

インデントなど徹底的に意識しましたが、今度は別のエラー？が出ました。

### 補足情報（FW/ツールのバージョンなど）
Rails 6.0.2.2