Web Design Leaves

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

Bootstrap 4 のパンくずリスト（Breadcrumb）のセパレータを変更するには、Sass 変数 $breadcrumb-divider の値を変更します。（関連ページ：Bootstrap4 の使い方） 以下はデフォルトの「/」から「>」に変更する場合の例です。（Changing the separator） $breadcrumb-divi…

続きを読む

※ 2018年8月7日 バージョンの指定方法が変更になりました。 今までは、「The experimental version（最新版）」「The release version（安定版）」「The frozen version（更新がされない旧版）」のような呼び方で、それぞれ「v=3.exp」「v=3」「v=n.nn」のような指定方法でしたが、以下のように…

続きを読む

Mac でパラレルズ（Parallels）を使って Windows10 を使用している環境で、Adobe Creative Cloud をインストールしようとしたら「このプログラムはネットワークドライブからインストールできません　エラーコード:71」とエラーが表示されてしまいました。 インストールファイルをデスクトップにコピーして実行しても同じエラーが表示さ…

続きを読む

目次 久しぶりに Compass を 1.0.3 (Polaris) にアップデートしたら、コンパイル時に以下のような警告がコマンドプロンプトに表示されるようになりました。 C:\xampp\htdocs\compass>compass w >>> Compass is watching for changes. Press Ctrl…

続きを読む

Google Fonts（GoogleFonts）の基本的な使い方・利用方法に関するメモ。 内容が古くなっていたので書き換えました。（2017年9月3日） 「Google Fonts の使い方や利用方法」もご覧ください（こちらの方が少し新しいです）。 目次 Google Fonts は「Open Source Fonts」で商用・非商用に関わらず誰でも無料で…

続きを読む

アメリカのメールマガジン（ニュースレター）配信サービス、MailChimp の登録方法と基本的な使い方について。 MailChimp には無料利用枠があり、メールアドレス登録数が 2,000件未満で、月間の送信回数が 12,000件までなら無料で利用可能です。 メール編集にはいくつかのテンプレートがあり、予めデザインされたものやドラッグ＆ドロップで簡単に編集…

続きを読む