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年6月14日 / 最終更新日時 : 2021年6月14日 admin AWS(Amazon Web Services) Nuxt.jsにAWS Amplifyの認証を導入する Nuxt.jsにAWS Amplifyを導入するで作成した環境に、認証(Cognito)を導入します。 簡単に導入できるものの、UIや挙動の変更は容易ではなさそう。 次回以降、この辺も作って行きますが、先ずは挙動の確認を […] AmplifyCognitoNuxt.js
2021年5月20日 / 最終更新日時 : 2021年5月25日 admin AWS(Amazon Web Services) Nuxt.jsにAWS Amplifyを導入する Amplify使うと、AWSを使ってバックエンドを構築できるとの事。 今回、フロントはNuxt.js(Vue)を使って試してみました。 Nuxt.jsでVue.jsに触れてみるで作ったのを使います。 AmplifyNuxt.jsyarn
2021年4月26日 / 最終更新日時 : 2021年10月10日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt.jsでVue.jsに触れてみる 今の現場がフロントにVue.jsを採用しているので、勉強も兼ねて作り始める事にしました。 今回は本番を想定して、ローカルのNginxで動かしてみる所までにします。 ESLintJestNuxt.jsTypeScriptVuetify