Python

【Python】PipenvでPythonの開発環境を構築する

はじめに この記事では、Pipenvを使用してPythonの開発環境を構築する方法を紹介します。 Pipenvとは PipenvはPythonのパッケージ管理ツールです。 プロジェクト用の仮想環境を構築することができます。 Pip...
Nuxt.js

【Nuxt】PM2を使って本番環境でNuxtアプリケーションを実行する

はじめに この記事ではPM2を使って、本番環境でNuxtアプリケーションの実行する方法を紹介します。 PM2をインストール PM2はNode.jsのプロセスマネージャーで、Node.jsのアプリケーションを動作させるために使用します。...
AWS

【EC2】Amazon Linux2にLet’s Encrypt+certbotでSSL証明書を取得する

はじめに この記事ではEC2のAmazon Linux2にcertbotを使ってLet's EncryptのSSL証明書を取得する方法を紹介します。 certbotのインストール 最初はGitHubからcertbotをcloneしてc...
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では...