インターネット小話

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

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

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

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

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

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

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

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

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

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

Google アナリティクスの上部にある赤い警告が気になります。移行タスクに「完了とする」をチェックしていくことで非表示にできました。Google アナリティクスの上部にある赤い警告Google アナリティクスにログインしたら、赤い警告が上部に表示されました。レポートなどに切り替えても表示され続けるので気になります。このプロパティの設定は完了していません。接続済みの UA プロパティで無効にしている場合を除き、元のユニバーサル アナリティクス(UA) プロパティに基づいて設定...
2023.07.16 2023.07.21
とりあえずのメモトラブルと対処ホームページ運用
「CDN」とは？（サイト高速化） インターネット小話

「CDN」とは？（サイト高速化）

「CDN（Content Delivery Network）」は、サーバ負荷を分散させて、インターネット上のコンテンツを高速に配信する仕組みです。CDN は世界各地にサーバを分散させて設置した大きなシステムです。コンテンツを配信するときに、アクセスするユーザーに近いサーバから送信してダウンロード時間を短縮します。
2023.07.16
インターネット小話クラウドホームページ運用ミニ用語辞典
サイト高速化のため 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...
2023.07.15 2023.07.16
とりあえずのメモホームページ運用
WordPressの jQuery を jsDelivr に変えてみたけれど（CDNとパフォーマンス） とりあえずのメモ

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

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

「最大コンテンツの描画」の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...
2023.07.15 2023.08.22
とりあえずのメモホームページ運用追記予定の話
とりあえずのメモ

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

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

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

PageSpeed Insightsをみると、あとは「サーバーの応答時間」を改善するぐらいです。以前、サーバーキャッシュを設定したら、更新が反映されなかったり、ページ内のランダム要素が固定化したり、とかえって困ることがありました。改めて調べてみたら「LiteSpeed Cacheの不具合の少ない設定方法と使い方 | マニュオン」での解説がわかりやすかったので、LiteSpeed Cacheのプラグイン設定に再挑戦しました。ただ、結果としては パフォーマンススコアが「85」→「...
2023.07.14 2023.07.15
とりあえずのメモホームページ運用
[iPhone] 「カメラ」アプリで「位置情報サービスをオンにしてください」と表示されたら？ iPhone

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

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

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

以前に、モバイルフッターメニュー（共有ボタンやいいねボタン）を作ったときにスタイルを追加していました。その後、Google AdSenseのフッター広告と重なるので削除していました。ただ、style.cssにそのときのスタイルが残っていたので削除しました。後で、CSSを戻せるようにメモ。style.css.mobile-menu-buttons .fa-line:before { font-family: "icomoon"; content: "\e915"; positi...
2023.07.13
とりあえずのメモホームページ運用
Google AdSenseをページごとに分析するには？【アナリティクスとのリンク】 とりあえずのメモ

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

Google AdSenseでどのページが成果を上げているか分析するにはアナリティクスと連携する必要があります。Googleアナリティクスの「パブリッシャー広告」で分析するには、AdSense側の設定からリンクしておく必要があります。「パブリッシャー広告」に「データがない」Google Analyticsで AdSenseを分析するには「パブリッシャー広告」の項目を見ます。しかし、初期状態では「データがありません」と表示されています。Google アナリティクス リンクを追加...
2023.07.12 2023.07.16
とりあえずのメモホームページ運用
[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設定やセキュリティなどでいくつかエラーがあるもののなかなか直せませんでした。結局、「シ...
2023.07.12 2024.03.09
Windowsとりあえずのメモインターネット小話トラブルと対処
[Cocoon] サイトのキーカラーを変更した とりあえずのメモ

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

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

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

Zoomの無料ミーティングで40分の制限時間後にすぐにミーティングを立ち上げる、という「節約術」が使えなくなっていました。10分のダウンタイムが追加されています。Zoomも「収益化」のフェーズみたいですね。確かに、無料プランの利用者だけだと、経営は成り立ちませんから。〜 分後に次のミーティングを開始します久しぶりに Zoom ミーティングをしたら、40分で切れたあと10分待たないと再開できなくなっていました。つまり、10分のダウンタイムです。利用規約かポリシーが変わったようで...
2023.07.11
とりあえずのメモアカウントスマホ基礎パソコン基礎知識
フォームの要素にラベルが関連付けられていません（input#focus_retriever, iframeTracker）[PSI] とりあえずのメモ

フォームの要素にラベルが関連付けられていません（input#focus_retriever, iframeTracker）[PSI]

PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」として、「input#focus_retriever」が問題になっていました。js-iframe-trackerを無効したら解決しました。iframeTrackerは、リンククリックを計測するためのjQueryプラグインです。フォームの要素にラベルが関連付けられていませんPSIで「input#focus_retriever」にラベルがない、と表示される。フォームの要素にラベルが関連付けられ...
2023.07.09 2023.07.10
とりあえずのメモホームページ運用追記予定の話
試しに YouTubeチャンネルにメンバーシップを設定してみた アカウント

試しに YouTubeチャンネルにメンバーシップを設定してみた

YouTubeチャンネルの登録者が 1000人を超えたところで、「収益化」ができるようになりました。その一つに「メンバーシップ」がありました。価格と内容を決めて申請すると、審査が完了するとできるようになります。試しに、月490円でコメントの優先返信、というほとんど特典の薄いプランを設定してみました。【メンバーに加入して応援する！】 @chiilabo 「ちいラボ友の会（¥490/月）」は、 ちいラボのスポンサーとして 活動を応援するメンバーシップです。 特典は、コメントへの優...
2023.07.08 2023.07.27
アカウントスマホ基礎ホームページ運用
「ゆうちょ通帳」アプリで送金もできる とりあえずのメモ

「ゆうちょ通帳」アプリで送金もできる

以前は、銀行アプリは明細確認だけで、振込などはサイトにアクセスする必要がありました。オンラインバンキングでの送金は、セキュリティが厳重でややこしいです。しかし、最近は、銀行サイトにログインしなくても、スマホアプリからできる取引が増えました。「ゆうちょ通帳」アプリにも送金機能があります。アプリなら設定さえ済ませておけば、セキュリティを保護しながら操作が簡単になります。設定されたスマホ本体そのものが本人確認を補っているからです。いつの間にか、かつてのオンラインバンキングより、手軽...
2023.07.07 2023.07.08
とりあえずのメモスマホ基礎セキュリティ
次のページ