記事のタイプ

フォームの要素にラベルが関連付けられていません（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
とりあえずのメモホームページ運用追記予定の話
「ゆうちょ通帳」アプリで送金もできる とりあえずのメモ

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

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

Threadsは Instagramでログインする（ログインリクエストと承認）

Threadsにはアカウント作成がない。既存のInstagramアカウントでログインする。新しい端末からログインする時にはInstagramアプリで承認する。Instagramの中の追加機能みたいな感じなんだね。Threadsのログイン画面Androidスマートフォンにも、Threadsをインストールしました。Threadsのログイン画面は、Instagramアカウントのログイン画面です。新しい端末からログインすると、Instagramアプリへ「ログインリクエスト」が送信され...
2023.07.07
SNSとりあえずのメモスマホ基礎
今日のGoogleロゴは「七夕」（2023年7月7日） とりあえずのメモ

今日のGoogleロゴは「七夕」（2023年7月7日）

今日の Googleロゴ（Doodle）は、「七夕」。「たなばた」または「しちせき」とも読みます。「七夕」を「たなばた」と読むのは、乙女が着物を織って棚にそなえる禊ぎ行事、「棚機（たなばた）」に由来するそうです。◆最新のDoodleはこちら 七夕の節句七夕は、古くから行われているお祭りで、五節句のひとつ。五節句人日（1月7日）上巳（3月3日）端午（5月5日）七夕（7月7日）重陽（9月9日）乙女が着物を織って棚にそなえ、神さまを迎えて秋の豊作を祈り人々のけがれをはらうという古来...
2023.07.07
とりあえずのメモインターネット小話
ホモグラフ攻撃とトップレベルドメインの意味を考える とりあえずのメモ

ホモグラフ攻撃とトップレベルドメインの意味を考える

URLって単純なようで、意外と奥が深いんだね。ホモグラフ攻撃とは？ニュース番組でのネット・セキュリティについての解説で誤りが含まれていた、と話題になっていました。URLの理解が深まる きっかけになるので、取り上げたいと思います。下のスライドの解説に、「誤り」があるそうです。「ホモグラフ攻撃」の解説自体は合っています。実態にそぐわないのは「例」の方です。本物のサイトと似た別の文字に置き換えたURLを使い偽サイトに誘導するフィッシング手法ホモグラフ「ホモグラフ（homograph...
2023.07.06 2024.11.07
とりあえずのメモセキュリティ
銀行振込をスマホからするには？（京銀アプリの口座登録） とりあえずのメモ

銀行振込をスマホからするには？（京銀アプリの口座登録）

オンラインバンキングのサービスや登録は、いろいろ重なっていて どこから手を付けたらよいのか混乱します。スマホで銀行振込みをする方法を、京都銀行の場合で整理してみました。選択肢京銀ダイレクトバンキング京銀インターネットEBサービス京銀アプリことら送金結論から言うと、個人利用なら「京銀アプリ」を登録するのが一番スムーズでした。（参考）京銀アプリ 公式サイト（Google Play / App Store）「オンラインバンキング」とは？「スマホから銀行振込をする」というと、まず「オ...
2023.07.06
とりあえずのメモアカウントスマホ基礎セキュリティ冊子テキスト
Threadsを始めるには？（「Instagram製のTwitter」） Android

Threadsを始めるには？（「Instagram製のTwitter」）

Twitterが閲覧数制限で混乱しているさなか、Metaの新SNS「Threads」がスタートしました。まさに 「Instagram製のTwitter」という感じです。ただ、見た目は Twitterそっくりでも、アカウントの仕組みなどはだいぶ違うので要注意です。（公式アプリ）Threads（Instagram, Inc.）（Google Play / App Store）Threadsは「Instagram製のTwitter」アプリを開いてみると、「Instargamのデザイ...
2023.07.06 2023.07.07
AndroidSNSiPhoneとりあえずのメモ冊子テキスト
iPhoneからPCにファイル転送中の2MBほどの画像が一瞬 6GBと表示されている？（不安定な転送） iPhone

iPhoneからPCにファイル転送中の2MBほどの画像が一瞬 6GBと表示されている？（不安定な転送）

iPhone からWindows PCに写真をまとめて転送していたら、一瞬 異常に大きなファイルサイズ（6GB）が表示されていることに気づきました。PCのストレージ容量が90%を超えていたり、Lightningケーブルが古かったこともあり、転送が不安定だったのかもしれません。環境iPhone SE 2,Linghtning-Type CケーブルWindows 11ファイル転送中に大きな数字が見えるファイル転送中の画面を見ていたら、ちらっと大きな数字が目に止まりました。スロー（...
2023.07.05
WindowsiPhoneとりあえずのメモ
LINEで「ノート」が届いたけど何が違うの？ SNS

LINEで「ノート」が届いたけど何が違うの？

LINEの「ノート」は、大事なお知らせを後で探しやすくする機能です。届いたノートは、トークルームの右上「メニュー」から一覧できます。ノートを見る（ノート一覧）トークに届いたメッセージの下に、「ノート」と書かれている場合があります。LINEの「ノート」は、文章や画像などをひとまとめにしたものです。押すと詳しく見られます。ノートが便利なのは、後から探しやすいこと。トークルームの右上にある「メニュー（≡）」から「ノート」を開くと、これまで投稿されたノート一覧を確認できます。よく日程...
2023.07.04 2023.07.05
SNSとりあえずのメモスマホ基礎
[CSS] AdSense広告のCLSを改善した とりあえずのメモ

[CSS] AdSense広告のCLSを改善した

AdSense広告の読込み途中で画面ズレが生じるので、あらかじめ高さを設定するようにしました。/** 広告のCLS 改善 * */.ad-auto .ad-wrap, .ad-area .ad-wrap{ min-height:280px;}@media screen and (max-width: 480px){ .ad-auto .ad-wrap, .ad-area .ad-wrap{ min-height:calc(83vw); }}このCSSコードでは、ウェブサイト上...
2023.07.03 2024.06.22
とりあえずのメモホームページ運用
[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した（calc, vw） とりあえずのメモ

[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した（calc, vw）

PageSpeed Insightsで計測したときに、CLS（Cumulative Layout Shift）が「0.33（不良）」になるのが気になっていました。主な原因は、トップページで表示しているカルーセルです。CSSの calc() を使って、画面の幅からカルーセルの高さを計算することで、CLSを 0 に改善できました。カルーセルがCLSに悪影響しているCLS（画面ズレ）が起こるのは、トップページにある「カルーセル」が原因です。確かに、サイトの表示を見てみると、一度 広...
2023.07.03 2023.07.04
とりあえずのメモホームページ運用
とりあえずのメモ

[PSI] サイトロゴの画像サイズを最適化した 「画像要素で width と height が明示的に指定されていない」（片方だけでは暗黙）

PageSpeed Insights（PSI）の減点項目に「画像要素で width と height が明示的に指定されていない」としてヘッダーのサイトロゴがありました。これまで ヘッダーのロゴとモバイルヘッダーメニューのロゴは、高さだけを指定していました。高さだけでも表示サイズは計算できていましたが、PageSpeed Insightによると「ユーザー補助」の面で減点になるようです。ヘッダーロゴのサイズヘッダーロゴのサイズは、Cocoon設定の「ヘッダー」で修正しました。「...
2023.07.02 2023.07.09
とりあえずのメモホームページ運用追記予定の話
【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress] とりあえずのメモ

【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress]

PageSpeed Insightsで「レンダリングを妨げるリソースの除外」を見てみると、jqueryに関する2つのスクリプトが目につきました。（Google CDN）jquery.min.js?ver=3.6.1（Cloudflare CDN）jquery-migrate.min.js?ver=3.0.1これを除外できないか試みてみました。jQueryスクリプトを入れ替えjQueryのスクリプトを入れ替えてみます。（参考）jQuery CDNfunction refresh...
2023.07.02 2023.07.31
とりあえずのメモプログラミングホームページ運用追記予定の話
とりあえずのメモ

スクリプトとスタイルの遅延読込みのしかた[PSI]（WordPress）

CSSは、とりあえずCocoonの「CSS縮小化」で除外できました。jqueryは、wp_enqueue_script でフッター読込みに変更しました。レンダリングを妨げるリソース久々に PageSpeed Insights（PSI）のスコアを見て、サイト設定をメンテナンスしています。「レンダリングを妨げるスクリプト」がちょっと残っているのが気になりました。画像と同じようにスクリプト も 遅延読み込みすることができます。script deferJavaScriptはscrip...
2023.07.02 2023.07.17
とりあえずのメモプログラミングホームページ運用追記予定の話
[Cocoon]「pinit_main.js」を削除するには？（Pinterest） SNS

[Cocoon]「pinit_main.js」を削除するには？（Pinterest）

Lighthouse Treemapで読み込まれている JavaScriptを見ていると、「」というコードが目に留まりました。これは、Pinterestでシェアするため画像選択処理を記述したスクリプトです。CocoonのSNSシェアの Pinterestが有効だと、フッターに「」の読込みが挿入されていました。 <?php //Pinterestシェアボタン用のスクリプト if (is_singular() && (is_top_pinterest_share_button_v...
2023.07.02 2023.08.21
SNSとりあえずのメモホームページ運用追記予定の話
とりあえずのメモ

[PHP] jetpack.cssを無効化する

Jetpackプラグインを有効にすると、CSSとJavaScriptが読み込まれます。/wp-content/plugins/jetpack/css/jetpack.css?ver=3.8.0これを無効にします。/** Jetpackを有効にした際に読み込まれるCSSを無効化*/add_filter( 'jetpack_implode_frontend_css', '__return_false' );こちらもどうぞ。
2023.07.02 2023.07.17
とりあえずのメモホームページ運用追記予定の話
「カスタム検索（サイト内検索）」スクリプトを除外した（cse.google.com/cse.js） とりあえずのメモ

「カスタム検索（サイト内検索）」スクリプトを除外した（cse.google.com/cse.js）

カスタム検索のスクリプト（cse.google.com/cse.js）が重そうです。asyncによる遅延読込みを試しましたが、あまり効果がありませんでした。結局、カスタム検索ボックスをトップページに載せるのではなく、別ページに分けてリンクを設置することにしました。遅延読込みのdeferとasyncまずは、スクリプトの読込みを遅延させることを考えました。<div class="gcse-searchbox-only"></div><script defer src=""></s...
2023.07.02 2023.07.17
とりあえずのメモホームページ運用追記予定の話
[PHP] 不要なCSS/JavaScriptを無効化する（wp_dequeue_style, wp_dequeue_script） とりあえずのメモ

[PHP] 不要なCSS/JavaScriptを無効化する（wp_dequeue_style, wp_dequeue_script）

トップページで読み込まれているスタイル・スクリプトの中から、不要なものを削減しました。項目変更前CSS/JS減パフォーマンス7071使用していないJavaScriptの削減0.40s0.60s使用していないVSSの削減0.35s0.45sスクリプトサイズ0.77MB0.69MB不要なスタイル・スクリプトを見つける前回は、不要なプラグインを無効化しました。今回は不要なスタイル・スクリプトを削除していきます。前回はこちら。スタイル・スクリプトを一覧するショートコードは、過去に作っ...
2023.07.02 2023.07.31
とりあえずのメモホームページ運用追記予定の話
[WordPress] サイト高速化のために不要なプラグイン処理を減らした（Plugin Load Filter, Site Kit by Google） とりあえずのメモ

[WordPress] サイト高速化のために不要なプラグイン処理を減らした（Plugin Load Filter, Site Kit by Google）

ページ表示速度を改善するため、Plugin Load Filterプラグインでトップページの Site Kit などを無効化した。PageSpeed Insights のパフォーマンスが「54」から「70」に改善できた。（「使用していないJavaScriptの削減」が 2.4 s ➤ 0.4 s に）プラグインの取捨選択は、サイト高速化にとってもオススメだね。ページの読込みが遅い気がする【54】モバイル端末でのトップページの読込みがやや遅い気がします。（2023/07/02 ...
2023.07.02 2023.07.17
とりあえずのメモホームページ運用
[Cocoon] AdSense配信停止を避けるためログイン時に広告コードをなしにした とりあえずのメモ

[Cocoon] AdSense配信停止を避けるためログイン時に広告コードをなしにした

管理者が広告を表示するだけでも「厳密にはアドセンス規約違反になる可能性がある」ようです。なので、念のため ログイン時に AdSenseコードを出力しないようにします。Cocoonテーマで表示している「広告コード」を管理者に表示しないフックを functions.php に追加しました。Google Adsense配信停止への対策Google Adsenseは、サイトに規約違反があると広告配信が制限されることがあります。第三者がわざと広告をクリックする（いわゆる「アドセンス狩り...
2023.07.01 2024.02.17
とりあえずのメモホームページ運用追記予定の話
次のページ