常連

### 実現したいこと
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で <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;">と書きたいです

### 実現したいこと
Railsで以下のようなhtmlになるように、slim表記でカスタムデータの属性名のdata-以降を動的に設定したいと考えています。

### 実現したい結果
```
<div class="example" data-[変数の値]="sample_value"><div>
```

### 実装イメージ
#### controller
```
@attr_name = "sample"
```

#### slim
```
.example{ data-@attr_name="sample_value" }
```

### 発生している問題・分からないこと
以下の実装を試したのですが、Slim::Parser::SyntaxError「Expected attribute」が発生してしまいレンダリングされません。



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

```slim
.example { data-#{@attr_name }="sample_value" }
```

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

##### 上記の詳細・結果
以下の2点を試してみましたが、解決しませんでした。

- `.example data-#{@attr_name}="sample_value"`へ変更

結果が`<div class="example">data-test="sample_value"</div>`となってしまい、カスタム属性に設定されませんでした。

- `.example{ data: { @attr_name => "sample_value" } }`へ変更

同様にSlim::Parser::SyntaxError「Expected attribute」が発生してしまいます。

### 補足
特になし

Railsのslim表記で、カスタムデータの属性名を動的に設定したい

# 原因わかる方いらっしゃいますか。
![イメージ説明](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 *** に苦しんでます。

### 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タグの書き方

### 実現したいこと

- [ ] PHP の Slim 上で DI を利用したい
- [ ] SampleInterface と SampleClass は require なしで利用したい

### 前提

PHP と Slim を用いて DI を試そうとしていたところ、
名前解決に失敗しているかのようなエラーが発生しました。

### 発生している問題・エラーメッセージ

```
[Sun Jun 25 14:32:55 2023] [::1]:51400 [200]: GET /sample - Uncaught DI\Definition\Exception\InvalidDefinition: Entry "MySpace\SampleInterface" cannot be resolved: the class doesn't exist
Full definition:
Object (
    class = #UNKNOWN# MySpace\SampleClass
    lazy = false
) in /Users/sutonea/dev/php/hello_slim/vendor/php-di/php-di/src/Definition/Exception/InvalidDefinition.php:19
Stack trace:
#0 /Users/sutonea/dev/php/hello_slim/vendor/php-di/php-di/src/Definition/Resolver/ObjectCreator.php(103): DI\Definition\Exception\InvalidDefinition::create(Object(DI\Definition\AutowireDefinition), 'Entry "MySpace\\...')
#1 /Users/sutonea/dev/php/hello_slim/vendor/php-di/php-di/src/Definition/Resolver/ObjectCreator.php(56): DI\Definition\Resolver\ObjectCreator->createInstance(Object(DI\Definition\AutowireDefinition), Array)
#2 /Users/sutonea/dev/php/hello_slim/vendor/php-di/php-di/src/Definition/Resolver/ResolverDispatcher.php(60): DI\Definition\Resolver\ObjectCreator->resolve(Object(DI\Definition\AutowireDefinition), Array)
#3 /Users/sutonea/dev/php/hello_slim/vendor/php-di/php-di/src/Container.php(353): DI\Definition\Resolver\ResolverDispatcher->resolve(Object(DI\Definition\AutowireDefinition), Array)
#4 /Users/sutonea/dev/php/hello_slim/vendor/php-di/php-di/src/Container.php(136): DI\Container->resolveDefinition(Object(DI\Definition\AutowireDefinition))
#5 /Users/sutonea/dev/php/hello_slim/public/index.php(30): DI\Container->get('MySpace\\SampleI...')
#6 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/Handlers/Strategies/RequestResponse.php(38): {closure}(Object(Slim\Psr7\Request), Object(Slim\Psr7\Response), Array)
#7 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/Routing/Route.php(358): Slim\Handlers\Strategies\RequestResponse->__invoke(Object(Closure), Object(Slim\Psr7\Request), Object(Slim\Psr7\Response), Array)
#8 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/MiddlewareDispatcher.php(65): Slim\Routing\Route->handle(Object(Slim\Psr7\Request))
#9 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/MiddlewareDispatcher.php(65): Slim\MiddlewareDispatcher->handle(Object(Slim\Psr7\Request))
#10 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/Routing/Route.php(315): Slim\MiddlewareDispatcher->handle(Object(Slim\Psr7\Request))
#11 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/Routing/RouteRunner.php(68): Slim\Routing\Route->run(Object(Slim\Psr7\Request))
#12 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/MiddlewareDispatcher.php(65): Slim\Routing\RouteRunner->handle(Object(Slim\Psr7\Request))
#13 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/App.php(199): Slim\MiddlewareDispatcher->handle(Object(Slim\Psr7\Request))
#14 /Users/sutonea/dev/php/hello_slim/vendor/slim/slim/Slim/App.php(183): Slim\App->handle(Object(Slim\Psr7\Request))
#15 /Users/sutonea/dev/php/hello_slim/public/index.php(35): Slim\App->run()
#16 {main}
  thrown in /Users/sutonea/dev/php/hello_slim/vendor/php-di/php-di/src/Definition/Exception/InvalidDefinition.php on line 19
[Sun Jun 25 14:32:55 2023] [::1]:51400 Closing
```

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

**public/index.php**

```php
<?php

// この2行がない状態で実行できるようにしたい
// require_once __DIR__ . '/../src/MySpace/SampleInterface.php';
// require_once __DIR__ . '/../src/MySpace/SampleClass.php';

use DI\ContainerBuilder;
use Psr\Http\Message\ResponseInterface as Response;
use Psr\Http\Message\ServerRequestInterface as Request;
use Slim\Factory\AppFactory;
use MySpace\SampleClass as SampleClass;
use MySpace\SampleInterface as SampleInterface;

require __DIR__ . '/../vendor/autoload.php';

$containerBuilder = new ContainerBuilder();
$containerBuilder->addDefinitions([
    SampleInterface::class => \DI\autowire(SampleClass::class),
]);
$container = $containerBuilder->build();

$app = AppFactory::create();

$app->get('/', function (Request $request, Response $response, $args) {
    $response->getBody()->write("Hello world!");
    return $response;
});

$app->get('/sample', function (Request $request, Response $response, $args) use ($container) {
    $klass = $container->get(SampleInterface::class);
    $response->getBody()->write($klass->execute());
    return $response;
});

$app->run();

```

**src/MySpace/SampleInterface.php**

```php
<?php
namespace MySpace;

interface SampleInterface {
    public function execute(): string;
}
?>

```

**src/MySpace/SampleClass.php**
```php
<?php
namespace MySpace;

class SampleClass implements SampleInterface {
    public function execute(): string {
        return "Sample";
    }
}
?>

```

**composer.json**

```json
{
    "require": {
        "slim/slim": "4.*",
        "slim/psr7": "^1.6",
        "php-di/php-di": "^7.0"
    },
    "autoload": {
        "psr-4": {
            "MySpace\\": "src/"
        }
    }
}
```

### 試したこと

- `composer dump-autoload` の実行
- サーバー再起動

### 補足情報（FW/ツールのバージョンなど）

OS : Mac OS 12.6.5
PHP 8.2.7
Slim: 4.11.0

PHP の Slim で DI を利用したいが、名前解決に失敗する

### 前提・実現したいこと
以下を使用した環境構築について、アドバイスをお願いしたいです。

|種類|名前|
|:--|:--|
|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の組み合わせについて言及している書籍やサイトなどの情報もご存知であれば、教えていただきたいです。

よろしくお願いいたします。