今回はこんな疑問に対する1つの解決策を共有します！ 私自身、別で運営しているキャンプ系ブログで商品リンクを貼るのにRinkerを使用しています。 先日、Rinker含め諸々の設定を変更した後、ブログへアクセスしてみるとページの表示速度が異常に遅いことに気づきました。色々調査したところ、 どうやらRinkerが原因で重くなっていることが分かりました。 本記事ではRinkerによってブログが重くなってしまった原因と対策について共有していきます。 経緯 まず簡単に事の経緯からご説明していきます。 先日Rinke ...

概要 今まで同期処理を書くときはasync/awaitで何となくわかった気になりながら実装していましたが、最近Promiseベースで書かれたコードをがっつり読む機会があり、実際何をやっているのかよく分からなかったのでこれを機にPromiseについて調べてみました。 本記事ではその調べた内容を共有していきます。 この記事で分かること Promiseって？ 特定の処理の終了を待つ（同期処理をする）ために使われるオブジェクトです。 Promiseオブジェクトを生成する際は下記のように引数に何かしらの処理を渡して ...

今回はこのような疑問にお答えします！ WordPressのサイトヘルス画面におすすめの改善として表示される「永続オブジェクトキャッシュを使用してください」という勧告ですが、これは適切に対処してあげることでページの表示速度が改善できる可能性があります。 表示速度が向上することはSEOの観点でもプラスに働くので、皆さんのサイトが上位表示される可能性が高まるでしょう。 しかし、対処するには画面操作だけでなくコマンドのも実行も必要になってくるので知識があまり無い方にとってはハードルが高いと思います。 本記事では、 ...

概要 eslint実行時にlintとは別のエラーが発生したのでその解消方法を共有します この記事で分かること 以下エラーの解消方法 Error: Failed to load plugin 'vue' declared in '.eslintrc.cjs' エラー内容 $ yarn lint:fix yarn run v1.22.19 $ eslint --fix --ext .jsx,.js,.tsx,.ts,.vue . Oops! Something went wro ...

WordPressでブログを運営しているとXserverにSSH接続して作業をすることも出てきますよね。 今回はXserverにSSH接続する方法を、「Xserverの管理画面で認証キーを作成する方法」と「独自の認証キーを作成する方法」の2パターンに分けて解説していきます。 本記事を読めばどちらの方法でもXserverにSSH接続することができるようになるので、是非参考にしていただければと思います！ XserverでSSH接続を有効化する まず、XserverでSSH接続を使える状態にする必要があるのでそ ...

WordPressでブログを運営していると、サイトのデザインの変更や、wp-config.phpやfunction.phpやなどのPHPファイルを編集による設定変更、WordPress・プラグインのアップデートなど様々な作業があると思います。PHPファイルの編集やアップデートする際は慎重になる必要があると思いますが、ときにはミスをして画面が真っ白みたいなことになりますよね...（私は何度もやらかしました） そのため動作確認用のステージング環境や開発用のローカル環境を用意している方も多いと思いますが、それぞ ...

概要 Spotlight でアプリを起動して、アプリの切り替えはCmd+Tabで操作したりしている方にとって、Dock が無用の産物になっていると思います。システム環境設定から「Dock を自動的に表示/非表示」の設定にチェックを入れれば多少マシにはなりますが、意図せず Dock の領域にマウスオーバーしてしまった際にも出てくるので邪魔ですよね。今回は、この邪魔な Dock を擬似的に常に非表示にする方法について解説していきます。 この記事で分かること Dock を擬似的に常に非表示にする方法 結論 ター ...

今までブランチ切り替えはgit checkout <ブランチ名> が使われることが多かったと思います。 しかし、このcheckoutコマンドでできることはブランチ切り替えだけでなく、変更の取り消しや過去ファイルの復元など様々な用途で使われてきました。同じコマンドなのにできることが違うというのは何とも直感的ではないですよね。 そのため、現在ではブランチ切り替えなどのブランチ操作専用のswitchというコマンドが用意されています。 本記事では、このswitchの使い方をcheckoutと比較しながら解説 ...

通常のコミットと同じようにマージコミットをrevertするとエラーが発生してrevertできませんよね。もちろんマージコミットもrevertすることはできるのですが、追加でオプションを指定してやる必要があります。 本記事ではそのオプションを使用してマージコミットをrevertする方法について解説していきます。この方法を知っておけば基本的にrevertで困ることは無くなるので、是非最後までお読みいただければと思います！ 環境 【結論】マージコミットをrevertする方法 developブランチ（マージ元）→ ...

この記事でわかること aタグ内の子要素のクリックイベントで画面遷移する方法 結論 クリックイベントの中でpreventDefault()を使う 経緯 aタグ内の子要素のクリックイベントで画面遷移をしたい状況があり、以下のような構造のコードを書いたら、jsは実行されているのに、なぜか親要素のリンク先に飛んでしまうということがありました。 <a href="https://google.com">親要素<button>子要素</button></a ...