HTML/CSS

HTML, CSS 及びその他全般(他のカテゴリー以外)のメモ

ConoHa Wing の WordPress 更新に失敗しました。 返答が正しい JSON レスポンスではありません。

2021年9月20日

本日突然、WordPress を更新しようとすると「更新に失敗しました。 返答が正しい JSON レスポンスではありません。」と表示され、更新ができなくなりました。 プロバイダーは ConoHa Wing で、静的なサイトに部分的に WordPress を使っています。 管理画面のサイトセキュリティを確認すると、WAF のログに自分の IP アドレスが「攻撃…

続きを読む

ConoHa で www あり・なし統一(正規化)が効かなくなる

2021年6月25日

ConoHa Wing を使って運用しているサイトで、.htaccess で www あり・なし統一(正規化)を設定後しばらくしてから機能しなくなり、URL によってはリダイレクトエラーになってしまう現象が発生したのでそのメモです。 原因は ConoHa Wing のコンテンツキャッシュでした。 対応策:コンテンツキャッシュを OFF にして解決 経緯 約1…

続きを読む

Bootstrap 5 のビルドで DEPRECATION WARNING: Using / for division is deprecated

2021年5月22日

【追記】 バージョン 5.1.3 では sass での除算の代わりに乗算を使用する(例えば 1/4 にするには 0.25 を掛ける)ように変更されて、 Warning は出ないように改善されています。 関連ページ:SASS の使い方(除算とスラッシュ) npm パッケージ を使って Bootstrap 5 をインストールしてビルドする際に sass のパッケ…

続きを読む

サイト移転に伴うメールの移行(IMAPの場合)

2021年5月17日

先日サイトの移転に伴い、IMAPで設定しているメールの移行を行いました。以下はその際の覚書です。 IMAPの場合、メールのデータはメールサーバー上にあるので、移行先のメールアカウントを作成後、メールクライアントに移行元と移行先の両方のアカウントを設定してメールをコピーすることができます。 但し、この作業はそれぞれのアカウントについて行う必要があるのでアカウン…

続きを読む

エックスサーバーで無料独自SSLを事前に設定

2021年5月13日

エックスサーバーでは他社サーバーからの移転時にSSL証明書を事前発行(無料独自SSLを事前に設定)することができます。 サーバーを移転する際、ネームサーバーの切り替え後に SSL を設定すると、反映されるまで時間がかかり、その間「この接続ではプライバシーが保護されません」というような SSL エラーになってしまいます。 例えば、ConoHa の場合は無料独自…

続きを読む

hosts ファイルの変更が Chrome で反映されない

2021年5月13日

サイト移転での事前の表示や動作の確認をする際、静的なページの場合は、動作確認 URL で表示が確認できますが、Wordpress などを使っている場合は hosts ファイルを編集して Web にアクセスをすることで確認することができます。 今回行ったサイトの移転の事前の確認で hosts ファイルを編集したのですが、Firefox や Safari では …

続きを読む

解析不能な構造化データ 値の型が正しくありません

2020年5月27日

「Search Console により、貴サイトに影響する「解析不能な構造化データ」関連の問題が 1 件検出されました。」というメールが Google Search Console Team より届きました。内容は以下のようなものです。 原因は結論から言うと、JSON-LD で構造化マークアップしたパンくずリストの不注意による記述ミス(引用符の片方が削除され…

続きを読む

reCAPTCHA v3 送信時にトークンを取得

2020年3月22日

reCAPTCHA v3 を使う際に、送信時にトークンを取得する方法についての覚書です。 reCAPTCHA v3 のガイドに掲載されている以下の例の場合、ページを読み込んですぐにトークンを取得しているので、2分後にはこのトークンの有効期限が切れてしまいます。 <script src="https://www.google.com/recap…

続きを読む

Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続(カスペルスキー インターネット セキュリティ 2019)

2019年8月7日

Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続する方法の覚書です。 また、ウィルス対策ソフト「カスペルスキー インターネット セキュリティ 2019」を使っている場合の設定方法についても記載しています。  目次 Windows 側の確認 リモートデスクトップ接続するには、Window…

続きを読む

Dreamweaver CC 2019 に Emmet をインストール

2019年8月5日

Dreamweaver CC 2019 には Emmet が既に入っていますが、拡張機能として追加する方法の覚書です(以下は Mac版 についてです)。 Dreamweaver 標準で搭載されている Emmet では Wrap with abbreviation などの一部機能が使えないために別途インストールしました。 Adobe の Extension M…

続きを読む