【Nuxt.js】generateで動的ルーティング生成とpayloadによる高速化
Nuxt.jsのgenerateコマンドで動的ルーティングページを生成する方法とpayload による動的ルーティング生成の高速化について紹介します。 また、cross-envを使ったAPIのURLを環境ごとに変える方法 …
記事一覧 2ページ
【Nuxt.js】vee-validateでバリデーションを実装する方法
vee-validateというライブラリでNuxt.jsにバリデーションを実装する方法をメモしておきます。 バージョン2系からバージョン3系への仕様変更 2019/8のバージョン3系への更新によって大規模な仕様変更が生じ …
【Rails】APIにCORSの設定をする方法
RailsのAPIでCORSの設定をする方法をメモしておきます。gemを使うことでサクッと実装できました。 CORS(Cross-Origin Resource Sharing)とは CORSとは、クライアントが自分と違 …
【Nuxt.js】Firestore Storageに画像アップロード・削除する方法
Nuxt.jsでFirestore Storageに画像アップロード・バリデーション・削除する方法をメモしておきます。 前提条件 Nuxt.jsとFirestore Storageの連携をします。firebase.jsに …
【Nuxt.js】vue-infinite-loadingで検索結果を無限スクロールする方法
Nuxt.jsで「vue-infinite-loading」というプラグインを使って、検索結果を無限スクロールする方法を紹介します。 事前準備 まずは「vue-infinite-loading」プラグインをインストールし …
Google App EngineのRuby 2.5 StandardでRails環境構築
Google App EngineのRuby 2.5 StandardでRails環境構築する方法とCloud SQLのMySQLとの接続方法について紹介します。 基本的には以下の公式を参考に環境構築しています。 Run …
【Rails】鉄道会社・路線・駅データをseedで取得・インポートする
Railsで鉄道会社・路線・駅のCSVファイルからデータを挿入する方法を紹介します。 駅データ.jpで鉄道会社・路線・駅データをダウンロードし、Railsプロジェクトに格納 駅データ.jpで鉄道会社・路線・駅データをダウ …
【Rails】都道府県・市区町村データをseedで取得・インポートする
Railsで都道府県・市区町村のZIPファイルからCSVファイルに変換し、シードにて都道府県・市区町村データをインポートする方法を紹介します。 都道府県・市区町村のマイグレーション作成 まずは、都道府県・市区町村のマイグ …
【Vue.js】Webhookを使ってMicrosoft Teamsにメッセージを送る
Microsoft TeamsのIncoming Webhookを使ってチャンネルにメッセージを飛ばす方法を紹介します。 Microsoft TeamsからIncoming Webhook通知先のURL取得 Teamsか …
Vue.jsとFirebaseでユーザ認証を実装する方法
VueプロジェクトとFirebaseのAuthenticationでユーザ認証を実装する方法をメモしておきます。 Vue.jsやFirebaseに必要なコマンドがインストールされていること、Firebaseにプロジェクト …
