Railsアプリのデプロイ時に必要となる【Capistrano】や【Unicorn】の理解に役立つ記事まとめ

はじめに Railsアプリのデプロイ方法を調べていると【Capistrano】や【Unicorn】といった見慣れない名称がほぼ必ず出てきます。 はじめてデプロイするときはそれが何なのかもわからないままとりあえずインストールして、見様見真似で設定(ほぼコピペ)して、やっぱりエラーが出て絶望... という流れを経験 ...

【Nuxt.js+Firebase】core-js関連のエラーが大量に出力される事象の原因と対処

はじめに Nuxt.jsプロジェクトでFirebaseを使っていると、テストサーバー起動時やデプロイ時にcore-js関連のエラーが大量に出力されることがあります。 なぜエラーが出力されるのか、どうすれば解消できるのかをまとめました。 事象 先日、GitHubでソース管理を行っているNuxt.jsプロジェクトに ...

【Nuxt.js】GitHubからセキュリティアラートが届いたときの対応【package.json】

はじめに GitHubでソース管理を行っているプロジェクトにpackage.jsonのセキュリティアラートが届いたときの対応を記載します。 今回はNuxt.jsで作成したプロジェクトでの対応記録のため、タイトルなどに「Nuxt.js」と記載していますが、npm/yarnでパッケージ管理を行っているプロジェクトで ...

【Rails】bundle updateでGemがアップデートされない原因

はじめに 前回、GitHubからセキュリティアラートが届いたらすぐにGemのアップデートを行おうという記事を書きました。 <div class="iframely-embed"><div class="iframely-responsive" style="height: 140px; padding-bott ...

【Rails】GitHubからセキュリティアラートが届いたときの対応【Gemfile】

はじめに GitHubでソース管理を行っていると、ときどきGitHubからセキュリティアラートのメールが届くことと思います。 該当のリポジトリを見てみると以下のようにセキュリティアラートが並んでいて少しびっくりしてしまいます。 <img data-src="https://i.imgur.com/S3RxpPZ ...

ConoHa VPSのハードウェア障害によるSSH接続不可・Webサイトアクセス不可の対処方法

はじめに 6月2日夜間にConoHa VPSにて障害が発生していました。 <img data-src="https://i.imgur.com/SBcK4aA.png" class="lazyload effect-fade"> おそらくこの影響だと思うんですが、障害復旧後の2日日中頃にVPSサーバーの確認をし ...

Let's Encryptの証明書更新モードをStandaloneからWebrootに変更する

はじめに 先日、仕事で作成させていただいたWebサイトがSSL証明書の有効期限切れによりアクセス不可になっていました。 SSL証明書にはLet's Encryptを使用しており、cronに証明書更新コマンドを仕込んで自動更新されるようにしていたはずなのに... 実は、Let's Encryptには証明書更新モー ...

【カテゴリ別】Nuxt.js関連の記事まとめ

はじめに Nuxt.js関連の記事が増えてきたので、この記事でカテゴリ別にまとめたいと思います。 最初の一歩 Nuxt.jsプロジェクトの作成から動作確認までの手順 (https://www.autovice.jp/articles/76) Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順 ...

Nuxt.jsプロジェクトでFirebase AuthenticationのGoogle認証でログインし、認証情報をLocal Storageに保存する

はじめに この記事ではFirebase AuthenticationのGoogle認証を利用してログイン機能を作成し、そのログイン情報をブラウザのLocal Storageに保存する方法を解説します。 この記事で作成したNuxt.jsプロジェクトは以下のGitHubリポジトリーで公開しています。 GitHub ...

Nuxt.jsプロジェクトでFirebase Storageにアップロードした画像を変更/削除する

はじめに 数回に分けてNuxt.jsプロジェクトでデータの永続化を行う方法を解説しています。これらの記事は上から順番に読んでいくことを想定しています。 Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法 (https://www.autovice.jp/articles/ ...