ひとこと日記年に一度の七夕
七夕と言えば織姫と彦星ですが、この時季は雨も多く、天の川を渡るのはなかなか大変です。今夜の予報を見てみると、夕方から雨模様。現代なら、電話やビデオ通話も気軽にできますが、それでも 直接会うのは格別なものです。
ひとこと日記
とりあえずのメモ今日のGoogleロゴは「七夕」（2023年7月7日）
今日の Googleロゴ（Doodle）は、「七夕」。「たなばた」または「しちせき」とも読みます。「七夕」を「たなばた」と読むのは、乙女が着物を織って棚にそなえる禊ぎ行事、「棚機（たなばた）」に由来するそうです。◆最新のDoodleはこちら 七夕の節句七夕は、古くから行われているお祭りで、五節句のひとつ。五節句人日（1月7日）上巳（3月3日）端午（5月5日）七夕（7月7日）重陽（9月9日）乙女が着物を織って棚にそなえ、神さまを迎えて秋の豊作を祈り人々のけがれをはらうという古来...
とりあえずのメモホモグラフ攻撃とトップレベルドメインの意味を考える
URLって単純なようで、意外と奥が深いんだね。ホモグラフ攻撃とは？ニュース番組でのネット・セキュリティについての解説で誤りが含まれていた、と話題になっていました。URLの理解が深まる きっかけになるので、取り上げたいと思います。下のスライドの解説に、「誤り」があるそうです。「ホモグラフ攻撃」の解説自体は合っています。実態にそぐわないのは「例」の方です。本物のサイトと似た別の文字に置き換えたURLを使い偽サイトに誘導するフィッシング手法ホモグラフ「ホモグラフ（homograph...
とりあえずのメモ銀行振込をスマホからするには？（京銀アプリの口座登録）
オンラインバンキングのサービスや登録は、いろいろ重なっていて どこから手を付けたらよいのか混乱します。スマホで銀行振込みをする方法を、京都銀行の場合で整理してみました。選択肢京銀ダイレクトバンキング京銀インターネットEBサービス京銀アプリことら送金結論から言うと、個人利用なら「京銀アプリ」を登録するのが一番スムーズでした。（参考）京銀アプリ 公式サイト（Google Play / App Store）「オンラインバンキング」とは？「スマホから銀行振込をする」というと、まず「オ...
AndroidThreadsを始めるには？（「Instagram製のTwitter」）
Twitterが閲覧数制限で混乱しているさなか、Metaの新SNS「Threads」がスタートしました。まさに 「Instagram製のTwitter」という感じです。ただ、見た目は Twitterそっくりでも、アカウントの仕組みなどはだいぶ違うので要注意です。（公式アプリ）Threads（Instagram, Inc.）（Google Play / App Store）Threadsは「Instagram製のTwitter」アプリを開いてみると、「Instargamのデザイ...
iPhoneiPhoneからPCにファイル転送中の2MBほどの画像が一瞬 6GBと表示されている？（不安定な転送）
iPhone からWindows PCに写真をまとめて転送していたら、一瞬 異常に大きなファイルサイズ（6GB）が表示されていることに気づきました。PCのストレージ容量が90%を超えていたり、Lightningケーブルが古かったこともあり、転送が不安定だったのかもしれません。環境iPhone SE 2,Linghtning-Type CケーブルWindows 11ファイル転送中に大きな数字が見えるファイル転送中の画面を見ていたら、ちらっと大きな数字が目に止まりました。スロー（...
ひとこと日記データ転送は小分けして
スマートフォンの写真をパソコンに移すのには、ケーブルをつなぎます。ただ、最近の写真は画質が良いので、何千枚とたまると一時間以上かかることも。長時間かかると、途中のエラーで失敗する確率が高くなるので注意です。
SNSLINEで「ノート」が届いたけど何が違うの？
LINEの「ノート」は、大事なお知らせを後で探しやすくする機能です。届いたノートは、トークルームの右上「メニュー」から一覧できます。ノートを見る（ノート一覧）トークに届いたメッセージの下に、「ノート」と書かれている場合があります。LINEの「ノート」は、文章や画像などをひとまとめにしたものです。押すと詳しく見られます。ノートが便利なのは、後から探しやすいこと。トークルームの右上にある「メニュー（≡）」から「ノート」を開くと、これまで投稿されたノート一覧を確認できます。よく日程...
![[CSS] AdSense広告のCLSを改善した](https://chiilabo.com/wp-content/uploads/2024/06/image-15-19-1024x576.jpg)
とりあえずのメモ[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コードでは、ウェブサイト上...
![[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した（calc, vw）](https://chiilabo.com/wp-content/uploads/2023/07/image-2-1-1024x576.jpg)
とりあえずのメモ[Cocoon] カルーセル使用時のCLSを改善するために高さを計算した（calc, vw）
PageSpeed Insightsで計測したときに、CLS（Cumulative Layout Shift）が「0.33（不良）」になるのが気になっていました。主な原因は、トップページで表示しているカルーセルです。CSSの calc() を使って、画面の幅からカルーセルの高さを計算することで、CLSを 0 に改善できました。カルーセルがCLSに悪影響しているCLS（画面ズレ）が起こるのは、トップページにある「カルーセル」が原因です。確かに、サイトの表示を見てみると、一度 広...
教室からのお知らせ七夕
こんにちは。スマホ教室のちいラボです。きれいな七夕飾りをあちこちで見かけるころとなりました教室も七夕飾りで皆様をお待ちしておりますスマホやパソコンでお困りごとがありましたら、どうぞお気軽にご相談ください
ひとこと日記今年も後半へ
蒸し暑い毎日ですね。もう今年も半分過ぎてしまいました。年頭にやろうと思ったことは、どれぐらいできていますか。半分なら御の字。一日一日を大切に過ごしていきたいものですね。
とりあえずのメモ[PSI] サイトロゴの画像サイズを最適化した 「画像要素で width と height が明示的に指定されていない」（片方だけでは暗黙）
PageSpeed Insights（PSI）の減点項目に「画像要素で width と height が明示的に指定されていない」としてヘッダーのサイトロゴがありました。これまで ヘッダーのロゴとモバイルヘッダーメニューのロゴは、高さだけを指定していました。高さだけでも表示サイズは計算できていましたが、PageSpeed Insightによると「ユーザー補助」の面で減点になるようです。ヘッダーロゴのサイズヘッダーロゴのサイズは、Cocoon設定の「ヘッダー」で修正しました。「...
![【検討中】 jquery-migrateを減らしてみたけど、戻した [WordPress]](https://chiilabo.com/wp-content/uploads/2023/07/image-19-21-1024x576.jpg)
とりあえずのメモ【検討中】 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...
追記予定の話【未解決】印刷用に表示したときだけPHPの処理したいけど…（メディアクエリとPHP）
メディアクエリが「print」のときに、画像遅延読込みを無効にしたいです。しかし、functions.php からメディアクエリを取得する方法がわからないので、とりあえず、front_page だけで画像遅延読込みを有効にするようにしてみました。/** WordPress デフォルトの画像遅延表示機能を停止する 2023-06-29 */function disable_img_lazy_load (){ wp_reset_query(); if (! is_front_pa...
とりあえずのメモスクリプトとスタイルの遅延読込みのしかた[PSI]（WordPress）
CSSは、とりあえずCocoonの「CSS縮小化」で除外できました。jqueryは、wp_enqueue_script でフッター読込みに変更しました。レンダリングを妨げるリソース久々に PageSpeed Insights（PSI）のスコアを見て、サイト設定をメンテナンスしています。「レンダリングを妨げるスクリプト」がちょっと残っているのが気になりました。画像と同じようにスクリプト も 遅延読み込みすることができます。script deferJavaScriptはscrip...
追記予定の話印刷用スタイルをメインCSSから分けた
@import print（CSS）かんたんな方法としては、CSS内で別CSSをインポートする方法があります。@import url("print.css") print;しかし、この方法ではCSSがブラウザのキャッシュに入ってしまって更新されません。ブラウザにCSSの更新を伝えるには、CSSのURLバージョン情報を付加して呼び出す必要があります。また、読込みも遅いようなので、分ける意味がないかも。「@import url」は読み込み速度が遅いみたいで、style.cssに全...
追記予定の話画像遅延読込みやカルーセル削除でサイト軽量化を試してみた
【82】さらに（一時的に）画像遅延読込みを有効にしてみたトップページをどこまで軽くできるのか検証するために、無効にしていた 「画像遅延読込み」を一時的に有効にしてみました。確かに「オフスクリーン画像の遅延読込み」が改善します。これは、かなり大きく影響するね。【90】さらに（一時的に）カルーセルを無効にしてみたあとは、試しに トップページの「カルーセル」も無効にしてみました。カルーセルは見た目がよいのですが、動的なレイアウトで画像読込みが多いので、やや重い処理です。「適切なサイ...
とりあえずのメモ[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' );こちらもどうぞ。
![[Cocoon]「pinit_main.js」を削除するには？（Pinterest）](https://chiilabo.com/wp-content/uploads/2023/08/image-8-6-1024x576.jpg)
SNS[Cocoon]「pinit_main.js」を削除するには？（Pinterest）
Lighthouse Treemapで読み込まれている JavaScriptを見ていると、「」というコードが目に留まりました。これは、Pinterestでシェアするため画像選択処理を記述したスクリプトです。CocoonのSNSシェアの Pinterestが有効だと、フッターに「」の読込みが挿入されていました。 <?php //Pinterestシェアボタン用のスクリプト if (is_singular() && (is_top_pinterest_share_button_v...