MENU
  • HOME
  • Blogメモφ(..)
  • Tipsメモφ(..)
  • rails-app
  • nuxt-app
  • vagrant-ansible
  • other
    • GitHub nightonlypj
    • Bitbucket nightonlypj
    • GitLab nightonlypj

Blogメモφ(..)

  • HOME
  • Blogメモφ(..)
  • Tipsメモφ(..)
  • rails-app
  • nuxt-app
  • vagrant-ansible
  • other
    • GitHub nightonlypj
    • Bitbucket nightonlypj
    • GitLab nightonlypj

Devise Token Auth

  1. HOME
  2. Devise Token Auth
2023年9月3日 / 最終更新日時 : 2023年9月26日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。nuxt-authを導入

Nuxt3で@sidebase/nuxt-authのlocalの挙動を調べてみた で決めた方針(APIリクエストは自前でして、@sidebase/nuxt-authの状態管理のみ使用する)に従って対応して行きます。 前回 […]

Devise Token AuthNuxt3Nuxt3移行Vue3バージョンアップ認証
2023年9月1日 / 最終更新日時 : 2023年9月16日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt3で@sidebase/nuxt-authのlocalの挙動を調べてみた

Nuxt BridgeをNuxt3に移行中。@nuxtjs/authがまだPlannedで、@sidebase/nuxt-authが推奨されていますが、挙動がかなり違うので、調べてみました。 Roadmap · Nuxt […]

Devise Token AuthNuxt3Nuxt3移行Vue3バージョンアップ認証
2022年2月18日 / 最終更新日時 : 2022年2月18日 admin Ruby on Rails

WebSocket(Action Cable)の認証方法を考えて実装する

Action CableでWebSocketを試す では、一旦、公式サイトを参考にCookieで認証するようにしましたが、ドメインの制約を受けるし、フロントからAPIで認証する場合にも都合が悪い。 認証方法を検討し、実装 […]

Action CableDeviseDevise Token AuthWebSocket認証
2021年12月11日 / 最終更新日時 : 2021年12月12日 admin Ruby on Rails

JSONのAPIリクエストで、URLの拡張子が.json以外はエラーにする

ログやアクセス制御でAPIかHTMLリクエストかを簡単に区別できるようにする為。 また、ブラウザで.jsonのURLにアクセスしたらエラーにしたい。簡単に見れないようにしたい。

APIDevise Token AuthRSpec
2021年11月13日 / 最終更新日時 : 2021年11月13日 admin Ruby on Rails

Devise Token Authのメアド変更の確認メールとアカウントロックメール記載のURLがフロントURLにならない

NuxtとRailsアプリ(Devise Token Auth)の結合テストをする をしてみて気付きましたが、「メールアドレス変更時に送信されるメールの確認URL」と「アカウントロック時に送信されるメールの解除URL」が […]

APIDevise Token AuthRSpec認証
2021年11月7日 / 最終更新日時 : 2021年11月10日 admin Ruby on Rails

NuxtとRailsアプリ(Devise Token Auth)の結合テストをする

それぞれのアプリでは問題なく動作しても、いざ繋げると細かい所で意図通りに進まない事は良くあります。特にフロントとバックエンドを分けると、問題となるケースは増えそう。 単体テストはユニットテストで担保するとして、結合テスト […]

APIDevise Token AuthNuxt.jsRSpecseedテスト
2021年10月23日 / 最終更新日時 : 2021年10月23日 admin Ruby on Rails

Devise Token Authのuidをメールアドレスからidに変更したい

providerが”email”の場合、uidにメールアドレスが入り、変更時にuidも更新されます。 uidは認証に使っているので、メールアドレス変更(メールアドレス確認のURLにアクセスした)直 […]

APIDevise Token AuthRSpec認証
2021年10月16日 / 最終更新日時 : 2021年10月18日 admin Vue.js(主にNuxt.jsとVuetify)

vee-validateで入力チェックした上で、APIからの入力エラーも各項目に表示する

Nuxt.js+Vuetifyで、アカウント登録画面を実装しました。 フロントで最低限の入力チェックが通ったら、送信ボタンを押せるようにして、無駄なAPIリクエスト減らす。APIからの入力エラーもvee-validate […]

APIDevise Token AuthNuxt.jsVuetify認証
2021年10月10日 / 最終更新日時 : 2021年10月16日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt.jsとRailsアプリのDevise Token Authを連携させて認証する

Nuxt.jsにnuxt/authを導入して、導入したDevise Token Auth向けにテスト(RSpec)を書くで作成したRailsアプリと連携して認証(ログイン・ログアウト)を実装してみました。

APIDevise Token AuthNuxt.jsVuetify認証
2021年10月7日 / 最終更新日時 : 2021年10月12日 admin Ruby on Rails

CORS設定でOPTIONSリクエストとヘッダ取得できない問題に対応する

フロント(今回はNuxt.js)から、Railsアプリ(Devise Token Auth)に対して、APIリクエストを投げる実装中に対応した内容をメモしておきます。 CORS(Cross-Origin Resource […]

APICORSDevise Token AuthNuxt.js

投稿ナビゲーション

  • 固定ページ 1
  • 固定ページ 2
  • »

忘れん坊

定期タスクの管理・リマインダー(Slack・メールに対応)
タスクをカレンダーや一覧で管理し、チームで共有できます。

リマインドで、忘れやすい年次・月次タスクの実施忘れや、メンバー間の譲り合いによる実施漏れを防ぐ事ができます。

※詳細・使い方はこちら「通知駆動のススメ!チームの定期タスクの実施漏れを防ぐ」

公開リポジトリ・動作確認サイト

  • rails-app-origin
    https://railsapp.nightonly.com/
  • nuxt-app-origin
    https://nuxtapp.nightonly.com/

自己紹介

一昨年からフリーランスになり、上場企業でPM兼テックリード(アーキテクトや技術顧問的な動きも)として、実現方法の検討、Rails/Nuxt.jsでの開発や改善・提案、フォローを行なっています。
また、昨年は並行して、スタートアップ企業で技術顧問として、動画のストリーミング配信や決済、AWS周りのサポートも行っていました。
両社ともフルリモートで事務所に行った事はないですが、問題なく業務が進んでいます。
日々、技術の積み上げを意識して、価値提供を目指しています。

検索(Blogのみ)

カテゴリー

  • AWS(Amazon Web Services)
  • GCP(Google Cloud Platform)
  • Java
  • Ruby on Rails
  • Vue.js(主にNuxt.jsとVuetify)
  • アプリケーション
  • その他
  • ミドルウェア

タグ

Action Cable ActiveRecord Apache API API Gateway Capistrano CloudFront CloudWatch Config CORS DB設計書 Devise Devise Token Auth Docker DynamoDB Elemental FactoryBot HLS hls.js Jest Lambda MediaConvert MySQL Nuxt.js Nuxt3 Nuxt3移行 PostgreSQL RSpec Seasar2 seed SQLite3 SSL/TLS Vue3 Vuetify WebSocket yarn バージョンアップ リファクタリング 共通化 定数管理 日本語化 環境構築 設計書 認証 調査

最近の投稿

2023年9月27日 / 最終更新日時 : 2023年9月27日 admin Vue.js(主にNuxt.jsとVuetify)

vue-i18nでまるっとオブジェクトを取得する

Nuxt2(Bridge)からNuxt3にバージョンアップしたら$tでオブジェクトが取得できなくなったので、調査してみました。 先に結論を書くと、厳格化して?、$tmと$rtを使うようになったようです。

Nuxt3Nuxt3移行Vue3バージョンアップ
2023年9月15日 / 最終更新日時 : 2023年9月24日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。VitestとVue Test Utilsを導入

VitestとVue Test Utilsの導入と、Nuxt2向けにJestで書いたテストはできるだけ、そのまま使いたいので、使えるように直します。PageやComponentは、Options API+JavaScri […]

Nuxt3Nuxt3移行VitestVue3バージョンアップ
2023年9月12日 / 最終更新日時 : 2023年9月29日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。Vuetifyのデザイン崩れを直す

Vuetify2からVuetify3で仕様が変わって、デザインが崩れたり表示が変わったりしているので対応して行きます。 アップグレードガイドと各APIやコンポーネントのページを確認しながら進めるのが良いのですが、手間なの […]

Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年9月10日 / 最終更新日時 : 2023年9月21日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。Vuetify3のテーマと色を設定+確認ページ作成

Vuetifyの移行していなかった設定(nuxt.config.jsで設定していたテーマ・色)を設定します。 調整しやすいように確認ページも作りました。 前回:Nuxt BridgeをNuxt3に移行。ヘッダタイトルとエ […]

Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年9月8日 / 最終更新日時 : 2023年9月26日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt BridgeをNuxt3に移行。ヘッダタイトルとエラーページを修正

ヘッダのタイトルが表示されないのと、エラーページがデフォルトのままになってしまったので、そちらの修正を行います。 前回:Nuxt BridgeをNuxt3に移行。ESlintを導入

Nuxt3Nuxt3移行Vue3エラーバージョンアップ

正式版リリースのお知らせ

忘れん坊: 定期タスクの管理・リマインダー(Slack・メールに対応) タスクをカレンダーや一覧で管理し、チームで共有できます。
リマインドで、忘れやすい年次・月次タスクの実施忘れや、メンバー間の譲り合いによる実施漏れを防ぐ事ができます。

※詳細・使い方はこちら「通知駆動のススメ!チームの定期タスクの実施漏れを防ぐ」

  • プライバシーポリシー
  • お問い合わせ

Copyright © Night Only Project. All Rights Reserved.