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

Author: admin

  1. HOME
  2. admin
2021年11月7日 / 最終更新日時 : 2021年11月10日 admin Ruby on Rails

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

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

APIDevise Token AuthNuxt.jsRSpecseedテスト
2021年10月31日 / 最終更新日時 : 2021年10月31日 admin Vue.js(主にNuxt.jsとVuetify)

mixinとinjectでの共通化と可読性を上げる

プロジェクトが進んで行くと同じような処理が複数のファイルに出てきて、共通化したくなってきます。(スコープ分けたかったので、今までは親子componentの分割に留めました) 共通化する事で、可読性が上がり保守・改修コスト […]

Nuxt.jsVuetifyリファクタリング
2021年10月24日 / 最終更新日時 : 2021年10月23日 admin Vue.js(主にNuxt.jsとVuetify)

Vue.jsにHTMLのautocomplete属性を設定する

ブラウザ側でID・メールアドレスやパスワードを保存してくれるのは便利なのですが、意図しない所(アカウント登録や登録情報変更とか)でも復元されて邪魔だったり、セキュリティ的にここまで復元されると良くなさそうという所もあるの […]

HTML属性Nuxt.jsVuetify
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月18日 / 最終更新日時 : 2021年10月18日 admin Vue.js(主にNuxt.jsとVuetify)

publicRuntimeConfigで環境毎の値を保持とi18n対応

環境(ローカル、テスト・STG・本番)毎に値(APIのURL等)が変わるのを、RailsのConfig Gemみたいに持てないかと、今回は日本語のみですが、言語ファイル(i18n)で共通化出来ないかも試したので、メモして […]

ConfigNuxt.js定数管理日本語化
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
2021年9月12日 / 最終更新日時 : 2021年10月12日 admin Ruby on Rails

既存のControllerでDevise Token Auth認証してJSONを返す

API用に別のControllerを作るのが嫌だった(共通化したい)ので、実装済みのControllerでJSONレスポンス、かつ認証での制御(current_user等)が出来るようにしてみました。 Devise To […]

APIDeviseDevise Token AuthRSpec認証
2021年9月5日 / 最終更新日時 : 2021年9月14日 admin Ruby on Rails

RSpecをリファクタリングして可読性と速度を上げる

プロジェクトが進んで行くと、どんどんテストに時間が掛かるようになります。 let_it_be(Gem)も良さそうですが、その前に共通化で可読性を上げたり、 使われない処理が走らないようにRSpecを見直しました。 結論、 […]

APIDeviseDevise Token AuthFactoryBotRSpecリファクタリング認証

投稿のページ送り

  • «
  • 固定ページ 1
  • …
  • 固定ページ 10
  • 固定ページ 11
  • 固定ページ 12
  • …
  • 固定ページ 20
  • »

忘れん坊

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

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

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

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

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

自己紹介

フリーランスから法人成りして、業務委託で上場企業の会計ソフトの開発(スクラム)と、副業で上場企業の社内システム(取引先等の管理やSalesforce連携等で業務改善)の開発や改善・提案、フォロー等を行なっています。両社ともフルリモートです。
ECやモール連携、決済、動画のストリーミング配信、YouTubeのデータ分析等の経験もあります。
現在は、Ruby on Rails, Nuxt.js(Vue.js), Next.js(React), TypeScript, AWSを主に使っています。日々、技術の積み上げを意識して、価値提供を目指しています。

検索(Blogのみ)

カテゴリー

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

タグ

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

最近の投稿

2025年4月6日 / 最終更新日時 : 2025年4月12日 admin AWS(Amazon Web Services)

プレビューデプロイ環境をGithub ActionsとECSで安価に作る

GitHub Flowで開発者の人数が増えてくると、QA環境の順番待ちが発生するようになります。 待ちが発生すると作業効率が悪くなるので、専用で使える環境が欲しくなります。 プレビューデプロイ環境(以降、preview環 […]

CI/CDGithub Actions環境構築
2025年1月5日 / 最終更新日時 : 2025年1月5日 admin Vue.js(主にNuxt.jsとVuetify)

@nuxt/eslintを導入してeslintをv8からv9にバージョンアップしてみた

v9にバージョンアップするには設定ファイルを書き換えなければならないので、v8に固定(typescriptも依存している為、v5.3に)していました。 レガシー設定(.eslintrc)がいずれサポート外になるので、早め […]

ESLintNuxt.jsNuxt3バージョンアップ
2024年12月30日 / 最終更新日時 : 2024年12月30日 admin Ruby on Rails

RuboCopにPerformanceのルールを導入してみた

RuboCopにRSpecのルールを導入してみた に続き、RuboCop Performance を導入しました。 パフォーマンス的に良い書き方を提案(強制)してくれます。 導入時に何故かRailsのルールが増えてしまっ […]

RuboCop
2024年11月17日 / 最終更新日時 : 2024年12月8日 admin Vue.js(主にNuxt.jsとVuetify)

(Vuetify3)v-autocomplete:無駄なAPIリスクエストをせずにサジェストを表示する

v-autocompleteをVuetify2からVuetify3に移行してみました。 選択肢に選択している値が無くても表示されるようなったり、 イベントが整理され、mousedownやchange、blurを使って頑張 […]

APINuxt.jsNuxt3Nuxt3移行Vuetify
2024年11月3日 / 最終更新日時 : 2024年11月3日 admin その他

GitHub Flowは本当に良いのか?

長らくGitFlowを使っていますが、GitHub Flowを使っている案件に携わってみて、疑問を感じたので、どっちが(もしくは別の方法)が良いかを改めて考えてみました。

開発フロー

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

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

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

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

Copyright © Night Only Project. All Rights Reserved.