WordPress親テーマのincサブディレクトリ以下のファイルを子テーマで上書きしたい場合
当ブログではWordPressのテーマは「Twenty Seventeen」を使っている。 さらに、子テーマを配置してカスタマイズ変更を行っている。 ...
Gitリモートリポジトリをすべてのブランチごと別のリモートリポジトリへの移行方法
既存のGitリモートリポジトリを別のGitリモートリポジトリ移行する方法を説明する。 移行する時、すべてのブランチやコミット履歴も一緒に移行する。 ...
WordPress Twenty Seventeenの最終更新日を表示させる
WordPressの公式テーマである「Twenty Seventeen」は初期状態でブログ記事の最新更新日が表示されていない。 最終更新日を表示には？ 最終更新日を表示させるには、CSSを編集するだけ。 ...
WordPressエラー解決「現在メンテナンス中のため、しばらくの間ご利用いただけません。」
WordPressのプラグインを更新中に、ブラウザ更新ボタンを押してしまい、 WordPressのサイトが**「現在メンテナンス中のため、しばらくの間ご利用いただけません。」**としか表示されなくなってしまった。 ...
【Vue】v-forにはkey属性が必須の理由とバグが起きる例
v-forディレクティブにはkey属性が必須 v-forディレクティブを使う場合、v-bindディレクティブへ一意（ユニーク）のkey属性を設定すること必須である。 key属性がない場合はどう言ったバグが起こるのか簡単に説明する。 ...
【Vue】computedとmethodsの違いについて
computedがmethodsとは異なる点 computedがmethodsとは異なる点は、computedの方は依存関係に基づいてキャッシュされるという性質を持っているということ。 ...
VueやNuxtの開発でcommitする前にESLintでチェックするやり方
Gitでコミットする際にESLintを走らせて、エラーの場合はコミットさせないようにする。 手順 手順的には以下のよう。 コミットされる前の操作である「pre-commit」をhuskyで制御する。 lint-stagedでGitのステージングエリアにあるファイルを対象にESLintのコマンドを実行する。 Gitコミット時に、ESLintでチェックしてエラーが出ればコミットされない。 必要なモジュール 必要なnpmモジュールをインストールする。 ...
Vue.jsのリアクティブシステムとは
VueのリアクティブシステムとはJavaScriptオブジェクトとの状態を監視し変更されたら検知するシステム。 Vueのコンポーネント内で状態を保持している値が変更された場合、リアルタイムでHTML側へその変更が検知されHTMLが更新される。 ...
Nuxt.js（SSRモード）をDocker Composeでdeployする
Nuxtプロジェクト（SSRモード）をDocker Composeを使って起動させる方法を説明する。 今回は、Nuxtプロジェクト直下にDockerfileとdocker-compose.ymlを置く。 ...
VPNとは？無料公共Wi-Fi接続でも安全に利用する
VPNとは VPNとは、インターネット上に仮想的な専用線を構築することで、安全な通信でデータのやりとりをできるようにした技術。（「Virtual Private Network」の略称） ...