はしばみあきら blog

プログラミングアウトプットするブログ。202010スタート

【RailsでLINEを作る】ログイン画面を作ってみる

今日は新規登録画面を作っていきます。

ところがPC用のLINEは新規登録と言うものがそもそもなくなってしまったらしい。

かといってLINEのデータを消してもっかい作るわけにいかないし...

ここはもう、雰囲気で作っていきましょ。

必要なのは

  • 名前
  • メアド
  • パスワード
  • 電話番号

これだけあれば最低限の必要情報にはなろうかと。

新規登録画面を作る

とりあえずCSSはおいといて、フォームを作っていきます。 (CSS何もしてないから滅茶苦茶見にくい)

f:id:hashibamiakira:20201004110453p:plain

エラーメッセージも日本語にしておく。

f:id:hashibamiakira:20201004110808p:plain

こちらの記事を参考に、誕生日のプルダウンを作成

生年月日の入力セレクトボックスを動的に変化させる - Qiita

CSSを書き込んでいきます。

f:id:hashibamiakira:20201004134816p:plain

こんな感じで

f:id:hashibamiakira:20201004134832p:plain

自分で作る途端にデザインが普通になるのはご愛敬。

ここですっかり忘れていたことが。

ユーザー認証にgemのdeviseを使っていますが、sign_in,sign_upの時には:emaiと:encripted_password以外を弾くのを忘れてました。

application.controller.rbに追記。

  before_action :configure_permitted_parameters, if: :devise_controller?

  protected

  def configure_permitted_parameters
    devise_parameter_sanitizer.permit(:sign_up, keys: [:name, :phone_number])
  end

とりあえずこれで形にはなったかな、と。

そしたらいよいよ中身作っていきます。すでにヘロヘロであります。

またボチボチ更新していきます。