AWS 【EC2】Amazon Linux2にLet’s Encrypt+certbotでSSL証明書を取得する
はじめに
この記事ではEC2のAmazon Linux2にcertbotを使ってLet's EncryptのSSL証明書を取得する方法を紹介します。
certbotのインストール
最初はGitHubからcertbotをcloneしてc...
AWS 
Nuxt.js 【Nuxt.js/Vue Router】nuxt-linkにv-on:clickを設定する方法
はじめに
この記事では、Nuxt.jsの「」にv-on:clickを設定する方法を紹介します。
click.nativeを使用する
nuxt-linkにクリックイベントを設定するときは、clickだと反応しない。click.nativ...
Nuxt.js 【Nuxt】JSやCSS、Webフォントなどの外部リソースを全てのページで使用する
はじめに
この記事では、Nuxt.jsでCDNで配布されているJSやCSS、webフォントなどの外部リソースを使用するための設定方法について紹介します。
外部リソースのインクルード
リソースをグローバルにインクルードする
アプリケー...
Git 【Git】過去に削除済みのファイルをコミットログから復元する方法
はじめに
この記事では、Gitで削除 & コミット済みのファイルを履歴から復元する方法を紹介します。
コミットログから削除済みファイルを復元する
ファイルを復元するためには、git checkoutにコミットIDとファイル名を...
Git 【Git】削除済みのファイルを履歴（コミットログ）から見つける方法
はじめに
この記事ではファイルを削除してコミットした後に、そのときのコミットを探す方法を紹介します。
git logで--diff-filterと--summaryオプションを使用
$ git log --diff-filter=D ...
Nuxt.js 【Nuxt.js】nuxt.config.jsで.envで定義した環境変数を取得して使用する
はじめに
この記事ではNuxt.jsのnuxt.config.js内で.envファイルで定義した環境変数を使用する方法を紹介します。
dotenvモジュールをインストールする
.envを読み込むためにnuxt-communityが公開...
AWS 【EC2】Amazon Linuxで特定のポートを使用しているプロセスを確認する
はじめに
この記事ではAmazon Linuxで特定のポートを使用して動作しているプロセスを確認する方法を紹介します。
lsofを使ってポートを使用しているプロセスを確認する
「lsof」でiオプションにポート番号を指定することで、指...
Nuxt.js 【Nuxt】テンプレートでassetsとstatic配下のリソースを参照するときの書き方
はじめに
この記事ではNuxt.jsの「assets」ディレクトリと「static」ディレクトリの使い分けと、ディレクトリに配置したファイルの参照方法について紹介します。
assetsとstaticディレクトリの使い分け
Nuxtでは...
Nuxt.js 【Nuxt】nuxt-linkで遷移するときに画面の一番上にスクロールする
この記事では「nuxt-link」を使って画面遷移した際に、画面の一番上にスクロールさせる方法を紹介します。
「nuxt-link」で画面の一番上にスクロールさせる
「nuxt-link」はデフォルトだと、画面遷移したときにスクロール位...
Chrome拡張機能 Webサイトで使われているフォントの詳細を確認できるChromeの拡張機能「WhatFont」
この記事ではWebサイトで使用されているフォントの名前を調べるときに便利なChromeの拡張機能「WhatFont」を紹介します。
WhatFontの動作イメージはこちらです。
このようにフォントの名称やWeight、SizeやCo...