【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にプロジェクト …
【Vue.js】Uncaught RangeError: Maximum call stack size exceeded.の原因と解決法
Vue.jsで「Uncaught RangeError: Maximum call stack size exceeded.」のエラーが発生したので、その原因と解決策をメモしておきます。 「Uncaught RangeE …
【GCP】Stackdriver(監視ツール)の設定・アラート通知
GCP内のサービスをモニタリングし、インシデントが発生した際にアラート通知をしてくれるStackdriverの設定方法をメモとして残しておきます。 Uptime Checksの作成 まず、Stackdriverに移動し、 …
【GCP】Cloud Buildの使い方。Gitと連携して自動デプロイする
Gitと連携して、develop(ステージング環境)とmaster(本番環境)にPushされると自動デプロイされるようにしたため、紹介します。 Cloud BuildでGitの変更を検知し、GAEへ自動デプロイする構成図 …
Cloud FunctionsをCloud Schedulerで呼び出し、バッチ処理を実行
Pub/SubをトリガとしてCloud Functionsの関数をCloud Schedulerジョブで呼び出し、バッチ処理を実行する方法をご紹介します。 Cloud Schedulerによる自動スクレイピング構成図 今 …
