記事のタイプ

【7月20日】Googleロゴからミニゲームが遊べるよ【FIFA女子ワールドカップ2023】 とりあえずのメモ

【7月20日】Googleロゴからミニゲームが遊べるよ【FIFA女子ワールドカップ2023】

FIFA女子ワールドカップ 2023は、2023年7月20日(木) 〜 2023年8月20日(日)の開催。開催日の今日は、それを記念したGoogleロゴ(Doodle)でした。(共有リンク)チーム対抗 PK ミニゲーム検索結果(2023 女子サッカーワールドカップ - Google 検索)の画面右下に「ボール」のアイコンがあります。実はこのボタンから、ちょっとしたミニゲームが遊べます。国別のスコア合計の順位表があるのですが、日本はリードしていました。日付変更線に近いからかもし...
とりあえずのメモ

[WordPress] 印刷時に管理者バー分の余白があるのが気になる(admin-bar)

管理者としてログインしているときに印刷モードでレンダリングを表示すると、上部に余白がついているのがきになりました。この余白は、html タグについているようです。どうも、管理者バーの分だけ画面全体を下にずらすのが目的のようです。WordPressのソースコードを検索すると、この余白が _admin_bar_bump_cb で設定されていることがわかりました。function _admin_bar_bump_cb() { $type_attr = current_theme_s...
[Cocoon] 広告位置でAdSenseのモバイル広告サイズが違う? とりあえずのメモ

[Cocoon] 広告位置でAdSenseのモバイル広告サイズが違う?

モバイル広告のサイズは広告コードの入れ方で変わります。自動広告だと広告スペースの位置や大きさを認識して自動的にサイズを決めます。モバイル対応のレスポンシブ広告にするには、「オート」ではなく広告ユニットを設定します。本文中などだと逆に大きく表示されました。モバイル広告のサイズと広告コードAdSenseのコードの入れ方によって、モバイル広告のサイズが違うことに気づきました。左は、Cocoonの「広告」設定で挿入した広告で、右 2つは、Cocoonの「広告」ウィジェットで挿入した広...
PageSpeed Insightsのスコアを上げるためにしたこと(2023年7月) とりあえずのメモ

PageSpeed Insightsのスコアを上げるためにしたこと(2023年7月)

トップページの PageSpeed Insightsのスコアを上げるために、いろいろ試みました。結果、モバイルでも ほぼ100点のスコアにすることができました。PageSpeed Insightsの項目を見て、手当り次第 対処法を探していきましたが、振り返ってみると優先順位があることに気づきます。WordPressサイトの高速化では「幹」から「枝葉」の順番に検討していくとよいとわかりました。WordPressサイト高速化の大きな考え方そのページに必要ない要素をなくす見えない要...
[アナリティクス] 「このプロパティの設定は完了していません」の赤い警告を消したい(UA→GA4) とりあえずのメモ

[アナリティクス] 「このプロパティの設定は完了していません」の赤い警告を消したい(UA→GA4)

Google アナリティクスの上部にある赤い警告が気になります。移行タスクに「完了とする」をチェックしていくことで非表示にできました。Google アナリティクスの上部にある赤い警告Google アナリティクスにログインしたら、赤い警告が上部に表示されました。レポートなどに切り替えても表示され続けるので気になります。このプロパティの設定は完了していません。接続済みの UA プロパティで無効にしている場合を除き、元のユニバーサル アナリティクス(UA) プロパティに基づいて設定...
[Windows 11] タスクバー左下にある天気のボタンを消したい【ウィジェット】 Windows

[Windows 11] タスクバー左下にある天気のボタンを消したい【ウィジェット】

Windows 11を使っていたら、いつの間にか画面左下に見慣れない天気のボタンがついていました。これは「ウィジェット」ボタン。タスクバーの設定からオフにできました。「設定」ー「個人用設定」の「タスクバー」にある「ウィジェット」をオフにします。間違ってクリックするとニュースなどが表示されるつい、スタートボタンと間違ってクリックすると、ニュースなどが表示されます。少し表示に時間がかかるので、ちょっとうっとうしいです。ウィジェットをオフにするこの機能はタスクバーの「ウィジェット」...
「CDN」とは?(サイト高速化) インターネット小話

「CDN」とは?(サイト高速化)

「CDN(Content Delivery Network)」は、サーバ負荷を分散させて、インターネット上のコンテンツを高速に配信する仕組みです。CDN は世界各地にサーバを分散させて設置した大きなシステムです。コンテンツを配信するときに、アクセスするユーザーに近いサーバから送信してダウンロード時間を短縮します。
サイト高速化のため FontAwesome 5 を 4 に戻した [WordPress, Cocoon] とりあえずのメモ

サイト高速化のため FontAwesome 5 を 4 に戻した [WordPress, Cocoon]

サイト表示の負荷を減らすために、FontAwesome 5 から 4 に変更しました。CSSで一部で FontAwesome 5のアイコンフォントを利用していたので、FontAwesome 4 に変えました。Largest Contentful Paint を速めるのに、ちょっと効果がありました。項目FontAwesome 5FontAwesome 4パフォーマンス9294First Contentful Paint1.9 秒1.8 秒Largest Contentful P...
WordPressの jQuery を jsDelivr に変えてみたけれど(CDNとパフォーマンス) とりあえずのメモ

WordPressの jQuery を jsDelivr に変えてみたけれど(CDNとパフォーマンス)

WordPressのjQueryの読込みを高速化するために、CDNの jsDeliver に変更してみました。しかし、結果としては ほとんど違いは出てきませんでした。WordPressデフォルトのGoogle Cloud CDN 自体がすでに高速なCDNだったようです。jQueryがメインスレッドをブロックしているChromeの開発モードでパフォーマンスを見ていたら、「第三者コードの影響を抑えてください」という診断が目につきました。jqueryライブラリの読み込みに時間がかか...
とりあえずのメモ

「最大コンテンツの描画」のRender Delayを減らす(Largest Contentful Paint)

LCP(Largest Contentful Paint)の数値を改善できないか、「Render Delay」に注目してみました。使っていないアイコンフォントを軽量化したら、少し改善しました。項目前後Largest Contentful Paint2,900 ms1,760 msRender Delay2,250 ms1,020 msLargest Contentful Paint の Render Delay が大きい気がする「Largest Contentful Pain...
とりあえずのメモ

Cocoonの「事前読込みドメイン」を減らした(DNSプリフェッチ)

ついでに、「LiteSpeed Cacheのは、Cocoonの機能と重複する」ということで、Cocoonの事前読込み設定も確認してみました。DNSプリフェッチ事前読込みは、「DNSプリフェッチ」と「preconnect」に関係しています。ドメイン名からIPアドレスを求める処理(DNSの名前解決)にかかる時間は平均して 200ミリ秒と言われています。要は、アクセスしそうなドメインの IPアドレスを事前に調べておくことです。Webブラウザーやアプリケーションにおいて、リンクで指定...
[Cocoon] LiteSpeed Cacheを改めて使ってみる とりあえずのメモ

[Cocoon] LiteSpeed Cacheを改めて使ってみる

PageSpeed Insightsをみると、あとは「サーバーの応答時間」を改善するぐらいです。以前、サーバーキャッシュを設定したら、更新が反映されなかったり、ページ内のランダム要素が固定化したり、とかえって困ることがありました。改めて調べてみたら「LiteSpeed Cacheの不具合の少ない設定方法と使い方 | マニュオン」での解説がわかりやすかったので、LiteSpeed Cacheのプラグイン設定に再挑戦しました。ただ、結果としては パフォーマンススコアが「85」→「...
長時間 Magic Mouseを使っていたら小指が痛くなった(つまんで持つ) #PR含む

長時間 Magic Mouseを使っていたら小指が痛くなった(つまんで持つ)

Apple Magic Mouseを長時間 使っていたら、小指の付け根が痛いことに気づきました。主に、親指と小指で挟むように持っていたのですが、小指の付け根の部分がマウスの縁の尖った部分とぶつかるようです。いつの間にか手のひらで包むように持っていたのですが、Magic Mouseは つまむように持ったほうが良さそうです。道具が合わないときは、体の使い方のクセを振り返ることが大事だよね。自分に合った持ち方を探そう。小指の痛みの原因は尖った縁Magic Mouseには硬い縁があっ...
[iPhone] 「カメラ」アプリで「位置情報サービスをオンにしてください」と表示されたら? iPhone

[iPhone] 「カメラ」アプリで「位置情報サービスをオンにしてください」と表示されたら?

「カメラ」アプリは、位置情報の利用権限を求めてきます。写真に撮影地が記録されるとトラブルの元です。通常は、位置情報の利用を「許可しない」に設定しておいて大丈夫。カメラと位置情報位置情報サービスがオフだと。“カメラで位置情報を利用できるようにするには、位置情報サービスをオンにしてください位置情報サービスは、いわば iPhone全体の「元栓」なんだね。位置情報サービスをオンにすると位置情報サービスが有効だと、アプリごとに位置情報の利用許可が表示されるようになります。“カメラ"に位...
[Cocoon] モバイルフッターメニューをなくしたのでCSSを減らした とりあえずのメモ

[Cocoon] モバイルフッターメニューをなくしたのでCSSを減らした

以前に、モバイルフッターメニュー(共有ボタンやいいねボタン)を作ったときにスタイルを追加していました。その後、Google AdSenseのフッター広告と重なるので削除していました。ただ、style.cssにそのときのスタイルが残っていたので削除しました。後で、CSSを戻せるようにメモ。style.css.mobile-menu-buttons .fa-line:before { font-family: "icomoon"; content: "\e915"; positi...
モバイルディスプレイを縦置きするためにタブレットスタンドを購入した #PR含む

モバイルディスプレイを縦置きするためにタブレットスタンドを購入した

100円ショップで買ったブックスタンド(300円)にモバイルディスプレイを立てかけていたのですが、目線から遠くて見にくいように感じました。そこで、垂直に立てられる 2,000円台のタブレットスタンドを購入しました。角度をほぼ垂直にしても安定感があり、見やすくなりました。高さを地面下までは下げられないのはちょっと誤算でした。モバイルディスプレイ用にスタンドを購入したサブディスプレイとして 14インチのモバイルディスプレイ(MISEDI H01)をつないでいます。ただ、画面がメイ...
Google AdSenseをページごとに分析するには?【アナリティクスとのリンク】 とりあえずのメモ

Google AdSenseをページごとに分析するには?【アナリティクスとのリンク】

Google AdSenseでどのページが成果を上げているか分析するにはアナリティクスと連携する必要があります。Googleアナリティクスの「パブリッシャー広告」で分析するには、AdSense側の設定からリンクしておく必要があります。「パブリッシャー広告」に「データがない」Google Analyticsで AdSenseを分析するには「パブリッシャー広告」の項目を見ます。しかし、初期状態では「データがありません」と表示されています。Google アナリティクス リンクを追加...
[Windows 11] インターネットにつながらない(IPアドレスが169.254.x.x)[DHCP Client] Windows

[Windows 11] インターネットにつながらない(IPアドレスが169.254.x.x)[DHCP Client]

急にWordが起動できなくなりました。どうもインターネットにつながらなくなって、ライセンス認証ができないようです。しかし、「YouTube」や「Instagram」など、つながるサイトもあります。よく確認してみると、IPv4は「インターネットなし」、IPv6は正常に「インターネット」。IPv4のIPアドレスが異常(169.254.x.x)で、DHCPサービスが動いていませんでした。Wi-Fi設定やセキュリティなどでいくつかエラーがあるもののなかなか直せませんでした。結局、「シ...
[Cocoon] サイトのキーカラーを変更した とりあえずのメモ

[Cocoon] サイトのキーカラーを変更した

濃いめのキーカラーの候補を出して、それに合う補助の色を組合せてみました。サイトの配色を試行錯誤元の配色です。臙脂色を基調した配色。焦げ茶色をメインにした配色。それをさらに濃くした配色です。「ユーザー補助」「ユーザー補助」の面で、十分なカラーコントラストになるように調整しました。パッと見でも、文字が読みやすくなったと思います。CSSでのカスタムカラー追加CSSの中でサイトのキーカラーは 直接 値を指定するより、var(--wp--preset--color--key-color...
Zoomの無料プランでは連続ミーティングができなくなった「〜分後に次のミーティングを開始します」 とりあえずのメモ

Zoomの無料プランでは連続ミーティングができなくなった「〜分後に次のミーティングを開始します」

Zoomの無料ミーティングで40分の制限時間後にすぐにミーティングを立ち上げる、という「節約術」が使えなくなっていました。10分のダウンタイムが追加されています。Zoomも「収益化」のフェーズみたいですね。確かに、無料プランの利用者だけだと、経営は成り立ちませんから。〜 分後に次のミーティングを開始します久しぶりに Zoom ミーティングをしたら、40分で切れたあと10分待たないと再開できなくなっていました。つまり、10分のダウンタイムです。利用規約かポリシーが変わったようで...