些細な日常

Bloggerの投稿の作成ビューのメニューには🅰というフォントの項目があって様々なフォントを使うことができる。 Bloggerの投稿の作成ビューのフォントの使い方 使用可能なフォントには日本語も多く含まれていて非常に便利なんだ。 Bloggerの投稿の作成ビューのフォントの注意点 ところがフォントの項目の最初に表示される通常のもの以外、選択後にマイフォントに分類されるものは外部サイトのGoogle Fontsから読み込むようになっているために表示速度は比較的に遅くて事前に通常のフォントが現れたり、切り替えでレイアウトが動いたりする恐れがあることに注意したい。 マイフォントの表示速度を改善するカスタマイズ 幾らかは改善する方法もあってブログのソースコードの編集が必要になるから手間がかかるにせよ、外部サイトから読み込むフォントの表示の遅れに対しては非常に有効なんだ。 Bloggerの解除不能のマイフォン…

Bloggerブログのテンプレートはそれ自体のソースコードだけではなく、最終的にBloggerの一般的なソースコードが追加されて表示されている。それはブログのテンプレートのXMLファイルを見ても分からず、実際に表示されたブログのソースコードを見て初めて分かるものなんだ。 主にheadとbodyの閉じタグを発端にして行われ、ブログで使われるガジェットに必要なものが含まれているけど、しかしブログで使わないものもあると無駄なソースコードでしかなく、表示速度を下げるなどのパフォーマンスに支障を来すだけだから何とかしたくなる。 調べると無効化する方法が出回っていて皆に使われているので、纏めておきたいと思う。 Bloggerのテンプレートのソースコードは管理画面のテーマのメニュー（カスタマイズの▼）のhtmlを編集かパックアッブと復元から書き換えることができる。 目次 htmlタグの属性のカスタマイズによる無…

アナリティクスのソースコードを指定通り、サイトのheadタグの直前に記載するとサイトのパフォーマンスが低下する。必ずしも大きな影響はないかも知れないけれども例えば WebPageTest のCore Web Vitals（Googleのサイト評価の基準の一つ）のテストで調べるとアナリティクスの「www.googletagmanager.com」の読み込みのTotal Blocking Timeが、255ms／0.255s、発生していた。サイトのパフォーマンスとして気がかりなくらい大きい。 アナリティクスのTotal Blocking Timeは不味い Total Blocking Timeとはサイトが完全に表示されてからインタラクティブになるまでの時間、サイトのボタンなどが固まらず、ちゃんと使えるようになるまでどのくらい待たされるかを示している。 Core Web Vitalsが依拠するLight…

以前から十五分程度の昼寝が頭をスッキリさせると聞いてやってみると確かにそうだったので、凄いと本当に驚いていた。 昼寝は十五分程度で生産性を最も上げる パワーナップ（力強い昼寝）とも呼ばれるけれども十五分程度の昼寝は記憶力と集中力の向上やストレス軽減によって頭をスッキリさせる。 ＊ 昼寝の頭をスッキリさせる利点 パソコンとスマホを作った現代最高の偉人の一人のスティーブ・ジョブズも「仮眠ができないような会社には来たくない」といっていたらしい（ ＮＡＳＡも認める「昼寝」の驚くべき効果 ）。 彼は 日本が大好き で、禅も知り、 マインドフルネス も良くやっていた。その影響か、アメリカではパワーナップやマインドフルネスを取り入れる個人や会社が増えた。何よりも生産性が上がり、勉強や仕事の効率化が進むことが期待できる。 なぜ昼寝は十五分程度で効果的なのか 十分に解明されてないけれども起きている間に様々な情報が入った脳の重苦しさ、…

昔から近視や老眼を何とかしたいと思いながら対策を講じても上手く行くことは一つもなかった。 近視が酷くなり始めた頃、遠くの景色を眺めたり、超音波マッサージの器具を使ったり、老眼が酷くなり始めた頃、目をグルグル回す体操をやったり、目の周りを叩くツボ押しをやったりした。 何れも効果を感じることはなくて僅かに目の疲れが取れたのかも知れないくらいで長続きしなかった。 今、進行した近視で15cm以内しかはっきり見えないし、進行した老眼でコンタクトレンズを着けると遠くしか良く見えなくなっている。 作家活動で 目がボロボロ で、疲れだけでも取れ易くしないと脳も疲れて調子が上がらないし、年々、老化によって失明の恐れもある緑内障と加齢黄斑変性と白内障という三大眼病に苛まれる一方にならざるを得ないから困る。 関連ページ ルテインで加齢黄斑変性と飛蚊症を防ぐ 近視と老眼による目の疲れが取れたと感じる方法がある 新しく見付けた目の毛…

Bloggerに非常に素晴らしい機能が追加された。投稿のWebP画像の提供が管理画面の設定から簡単に使えるようになった。画像ありの記事の表示速度の高速化に繋がって快適さが増す。 設定｜ Blogger 僕は自分のプログラムで、以前から 投稿のWebP画像の提供を自動化 していた。Bloggerの公式のものが完璧ならば余計なプログラムは外したいと思って調べた。すると欠点があることが分かって取り替えることは止めた。記事の表示速度を遅くするという逆効果を与えるものなので、できるかぎり、避けて使うようにした方が良いと思う。 関連ページ Bloggerの投稿画像の遅延読み込みの設定の利点と欠点 BloggerのWebP画像の提供の設定 Bloggerの管理画面の設定の投稿に「WebP画像の提供」のスイッチが付いている。 WebP を使用して投稿の画像を提供します 設定｜Blogger 記事／追加ページの画像ファイルが軽量…

Bloggerに非常に素晴らしい機能が追加された。投稿画像の遅延読み込みが管理画面の設定から簡単に使えるようになった。画像ありの記事の表示速度の高速化に繋がって快適さが増す。 設定｜ Blogger 僕は自分のプログラムで、以前から 投稿画像の遅延読み込みの自動化 を行っていた。Bloggerの公式のものが完璧ならば余計なプログラムは外したいと思って調べた。すると少し欠点があることが分かって取り替えることは止めた。酷くて必ず避けなくてはならないようなものではないけれども使う場合は気に留めた方が良いと思う。 関連ページ Bloggerの投稿のWebP画像の提供の設定の利点と欠点 Bloggerの画像の遅延読み込みの設定 Bloggerの管理画面の設定の投稿に「画像の遅延読み込み」のスイッチが付いている。 ユーザーがページを下にスクロールするタイミングに合わせて、画像を個々に読み込みます 設定｜Blogger 記事…

Imaginaryに ブログの目次を表示するカスタマイズ を紹介したけど、使用したJavaScriptのコンテンツの目次の自動生成のプログラムはBloggerの他のテーマを含めて他の全てのサイトで使うことができるので、もはや著者名を付けるだけで誰でも無料で使えるように提供しようと思った。 目次の自動生成のプログラムの特徴 コンテンツのHTMLの見出しタグの良く使われるh2からh4までを取り込んで順序付きリストタグのolとliに見出しへのジャンプリンクを入れて階層的に仕立てた目次を最初の見出しタグの直前に挿入する。 目次のジャンプリンクを得るために見出しのidを新しく付けているので、もしも既存のidを、そのまま、使いたい場合は ソースコードのカスタマイズ を行うと上書きを避けることができる。 目次の見出しのリストは開閉メニューのdetailsで、表題と開閉ボタンを付けてさらにサイトのナビゲーションを示すn…

YouTubeのホームに出て来た動画の歌う女性に「何だ、この妖艶な魅力は」と心を動かされて観てみたら聴き覚えのある曲だった。ずっと昔、幼い頃に聴いて「一体、誰が歌っているんだろう」と気になった記憶が微かに残っていた。初めて知ってとても嬉しかったんだけれども歌っていたのは ジューシィ・フルーツ というバンドのヴォーカルの イリア （奥野敦子）で、曲は ジェニーはご機嫌ななめ だったんだ。今聴いても全く古さを感じさせないほどに引き付けられ捲るし、他の曲にも幾つか聴き覚えがあって本当に気に入りの音楽を見付けたと感じる。 ジューシィ・フルーツのテクノロックが何よりも好きだ ジューシィ・フルーツのイリア｜ステレオ音楽館｜ 東京12チャンネル 今まで、散々、色んな音楽を聴いて来た中で、好きなのに良い曲を見付けることが難しくて、思う存分、聴けないものとしてテクノロックが個人的に挙げられる。 ジューシィ・フルーツの ジェニーは…

サイトの表示速度を計測する PageSpeed Insights にその他のパフォーマンスを判定する要素が盛り込まれて総合的に使い易さの指標が得られるようになった。 コントラスト比の最低基準は4.5 : 1 PageSpeed Insights｜ Google Developers ブログで気がかりになったものの一つにコントラスト比があって「背景色と前景色には十分なコントラスト比がありません」という指摘と共にユーザー補助の項目も少し減点されてしまった。 調べるとWCAG（Web Content Accessibility Guidlines／ウェブコンテントアクセシビリティガイドライン）が定める最低基準となるレベルAAの4.5を通常の文字サイズで越えなくてはならない。 テキスト及び文字画像の視覚的提示に、少なくとも 4.5:1 のコントラスト比がある。ただし、次の場合は除く: 大きな文字 サイズの大きなテキ…

ブログを始めとして様々な創作活動に非常に便利だと気付いた最初のブレットの Xperia Z3 Tablet Compact が七年目で電池がニ時間も持たないくらい劣化したし、性能も相当に遅れているだろうからそろそろ買い換えなくてはならないと感じた。 LenovoのTab M8（FHD）を選んだ理由 前回に続いてAndroidタブレットからLenovoのTab M8を選んで購入した。 画面サイズはXperia Z3 Tablet Compactの8インチに慣れているせいもあるだろうけど、とにかく最も使い易いと思って新しいタブレットの購入の第一条件とした。 値段は余り高過ぎる必要はない。ブログの作成（文章と多少の画像や動画の編集）とインターネットの閲覧ができれば良いので、高性能なものは求めない。第二条件として二万円台の価格を想定した。上手く行けば二万円を下回りたいけど、とにかく高くても三万円を越えるのは…

Bloggerの投稿画像を HTMLのloading-lazy で自動化するプログラムを紹介したけれども動作を詳しく調べた結果、AndroidのChromeで初回画面から2000pxくらい下の画面外の画像しか遅延読み込みが発動しなかった。さらにYouTube動画を止めることは全くできなかった。ブラウザの対応状況はどれも同じではないと聞くけれどもたぶん大きな違いはないかも知れない。 何れにしてもHTMLのloading-lazyによるブログの表示速度の高速化は非常に限定的だと分かったので、もはや元々の JavaScriptのIntersection Observer API を再び使って画面外の画像や動画を確実に止めてパフォーマンスをきっちり上げるためのプログラムへの書き換えを追加したくなった。 合格した監査｜PageSpeed Insights｜ Google Developers PageSpeed …