些細な日常

中古タブレットの購入に失敗して 使う度に固まったり、落ちたりする面倒な状況 を強いられている。メモリとストレージが足りないことの恐ろしさを痛感する。値段は安くても止まり易くて、毎日、待ち時間が増えるのでは逆に損している。時は金なり。只でさえも貧しい生活で何もできずに過ごすなんて苦しいだけだ。 少しでも動作が軽くて容量が小さいアプリを使わなくは行けないけれどもブラウザのChromeがアップデートで厳しさを増して来た。最初から止めるべきだけれども他に良いものがなくて止められなかった。軽いものはちょっとしたことができない。画像や音声のダウロードに失敗するとか閉じるとタブが残らないなんて僅かな不便さに耐えられない。しかしChromeではBloggerの画像のアップロードに詰まって（メモリ不足）ブログの更新に支障を来すようになった。僅かな不便さで他のものを避けるわけにも行かなくなった。せめてChrome…

Bloggerはブログとして使われるのが普通なんだけれどもテンプレートのカスタマイズによってトップページを固定表示すればホームページ（汎用的なウェブサイト）のようなデザインに作り変えることができる。 些細な日常に取り入れたので、どんな感じかは トップスページ から確認できる。 テキストウィジェットをメインカラムの先頭に挿入して記事／追加ページと同じように表示して通常のスニペットによる個々の記事のリンクを並べるデザインは止めた。 目次 Bloggerをホームページとして使う利点 ブログをメインコンテンツにしないで運営できる 検索エンジンからのアクセスアップを期待できる Bloggerのトップページのカスタマイズ テキストウィジェットを追加する ホームページのデザインを追加する 不要なスニペットを非表示にする Bloggerをホームページとして使う利点 Bloggerをホームページとして使えると利点としてブログをメイン…

以前からブログの文字サイズが大きくなってからCSSの指定通りのものになるという奇妙なことが良く起きていた。ブラウザはAndroidのChromeで、はっきり覚えてないけれども他のブラウザではなかったかも知れず、あるいはAndroidのChromeで他のサイトではなかったかも知れない。僕が 使用している自作のBlogger用テンプレートのImaginary では全て必ず文字サイズが時間差で正しく表示されることになっていて不快だった。 AndroidのChromeのバグなのかと思ってアップデートで直ることを期待しながらもはや、数年以上、経った。問題が全く起きなくなった時期もあったと思うけど、しかし最近は本当に酷くなって文字サイズが大きくなったまま、CSSの指定通りのものに変わらないことまで起こるようになって来たので、何とかしなくては行けないとついに対処法を考えることにした。 ブラウザの文字サイズ自動…

Bloggerのテンプレートのヴァージョンは三つあり、それぞれに使い方が少し異なる。又、テンプレートのソースコードをHTML編集などから書き換える場合、Bloggerの独自タグであるウィジェットタグに互換性がないものもあるので、注意して使い分ける必要がある。 Bloggerのテンプレートヴァージョンの指定 テンプレートのhtmlタグに特定の属性を付けるか何も付けないことでヴァージョンが確定する。 ヴァージョン3 b:layoutsVersion='3' ヴァージョン2 b:version='2' ヴァージョン1 指定なし Bloggerのテンプレートのヴァージョンによって使用できるヴィジェットのヴァージョンが異なっている。 もう一つクラシックテーマ（第一世代）というのが管理画面のレイアウトのメニューから利用できるけれどもこれはテンプレートヴァージョンと無縁のもので、最初のもの…

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

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

Bloggerでは管理画面の設定の「Google アナリティクスの測定 ID」からGoogleアナリティクスの測定ID（GoogleタグID）を保存するとアナリティクスのソースコードをブログのテンプレートに自動挿入して使用することができる。 グローバルタグという普通のアナリティクスのソースコードが自動挿入されるけれどもテンプレートのソースコードを書き換えることによって他のものにカスタマイズすることができる。 アナリティクスのソースコードを書き換える Bloggerのアナリティクスのソースコードは管理画面のテーマのカスタマイズの「HTML編集」か「バックアップ」と「復元」から書き換えてカスタマイズできる。 Bloggerのアナリティクスの独自タグ 公式テーマではHTMLのheadの閉じタグの直前か少し前にアナリティクスのソースコードを出力する独自タグが記載されていてその他の多くの非公式テーマでも同じ…

アナリティクスのソースコードを指定通り、サイトの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…

スマホを使い始めた頃からカスタマイズを考えたけれども本当に良いと思えるランチャーとアイコンパックがなくて何もしないことにして十年が過ぎた。しかし 小型デスクトップという素晴らしいランチャー が新しく見付かって、もう一度、アイコンパックも探してみたら同じくらい素晴らしいものが出て来たので、嬉々と使い始めた。 Arcticonsを気に入る理由 タブレットの場合を見る Playストア Arcticons - Line Icon Pack F-Droid Arcticons OSの要件 Android 5.0以上 提供者 Donno リリース 2021年九月13日 Arcticons（アークティコンズ）は白の線描の綺麗な無料のアイコンパックで、九千以上という種類が非常に豊富なところが便利だと感じる。 Arcticonsの色違いのタイプ 黒 Playストア F-Droid マテリアルユー Playストア F-Droid デバイスの壁際などの…

Bloggerのテンプレートは管理画面の「テーマ」のカスタマイズのテーマデザイナーからヘッダー画像を追加したり、コンテンツの文字の大きさや色を変更したり、デザインのCSSをを追加したりすることができる。 Bloggerのテーマデザイナーは利用者がブログのデザインのCSSを簡単に操作できるようにするためのツールなんだけれどもこれは最初から決められたものではなく、どの領域のどの要素を操作できるようにするかを管理画面の「テーマ」のカスタマイズのHTML編集からカスタマイズすることができる。 目次 Variableタグがテーマデザイナーを指定する Bloggerの七種類のVariableタグ Variableタグの基本的なマークアップの仕方 Variableタグのマークアップの必須事項 Variableタグとテーマデザイナーの対応関係 半透明の色を設定するときの注意点 旧ヴァージョンで使用可能なvariableタ…

一般サイト向けの目次の自動生成のJavaScriptプログラムを公開してBloggerブログでも使えるので、どうすれば実装できるかを説明する。 JavaScriptでコンテンツの目次を自動生成して表示するプログラム どのような目次なのかやデザインや機能のカスタマイズについては一般サイト向けの記事を参考にして欲しい。 僕が提供するBlogger用のImaginaryテーマは サンプルブログの自動生成の目次のカスタマイズの記事 に専用のソースコードと実装方法を紹介している。 目次の自動生成のプログラムのソースコード ブログのテンプレートか投稿にscriptで、プログラムのソースコードを記載して使う。 /* Copyright: Nagahito Yuki 2023 | https://www.nagahitoyuki.com/2023/03/implement-a-javascript-program-t…