模写コーディングに挑戦してみたら思ったより大変だった話

2020年6月18日 15:39
はじめに 模写コーディングに挑戦してみました。 モデルにさせていただいたのはAirbnbの以下のページ。模写コーディングのおすすめサイトとしてよく紹介されているページです。 <div class="iframely-embed"><div class="iframely-responsive" style="h ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2020年3月17日 10:41
はじめに 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 ...