AUTOVICE

TECH BLOG

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

2020-06-03
# はじめに 6月2日夜間にConoHa VPSにて障害が発生していました。 <img data-src="https://i.imgur.com/SBcK4aA.png" class="lazyload effect-fade"> おそらくこの影響だと思うんですが、障害復旧後の2日日中頃にVPSサーバーの確認をしたところ、以下の状態になっていました。 - VPSサーバーにSSH接続ができない(`Connection refused`) - 管理画面のコンソール [...]

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

2020-03-18
# はじめに 先日、仕事で作成させていただいたWebサイトがSSL証明書の有効期限切れによりアクセス不可になっていました。 SSL証明書にはLet's Encryptを使用しており、cronに証明書更新コマンドを仕込んで自動更新されるようにしていたはずなのに... 実は、Let's Encryptには証明書更新モードというのがあり、そのモードによって自動更新に失敗するというケースがあります。 今回、改めてLet's Encryptについて勉強し直し、ようやく証明書 [...]

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

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

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

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

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

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

Nuxt.jsプロジェクトでFirebase Storageに画像ファイルをアップロードする

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

Nuxt.jsプロジェクトでFirestoreのデータを変更/削除する

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

Nuxt.jsプロジェクトでいろいろな条件を指定してFirestoreからデータを取得する

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

Nuxt.jsプロジェクトでFirestoreを利用したデータの永続化/取り出しの実装方法

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

Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順

# はじめに Nuxt.jsプロジェクトにBootstrap-Vueを追加する手順を解説します。 Nuxt.jsプロジェクトの作成手順は以下の記事を参照してください。 [Nuxt\.jsプロジェクトの作成から動作確認までの手順 \- AUTOVICE](https://www.autovice.jp/articles/76) なお、Nuxt.jsプロジェクト作成時にUIフレームワークにBootstrap-Vueを選択している場合は以下の手順は必要ありません。以下の [...]