些細な日常

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

このところ、迷惑メールが増えて来たと思っていたら【イオンカード】ご利用明細についてのお知らせというメールが来てびっくりした。なぜか良く分からなかったけど、例えばエポスカードとかメルカリなんて迷惑メールと同じように使用してないものだから詐欺だと直ぐに察しが付くはずなのにそうならなかったんだ。一瞬、本当ではないかと肝を冷やした。 イオンカードのフィッシング詐欺は珍しくない 調べるとイオンカードの迷惑メールは以前からあることが分かり、公式サイトでも 実際に確認されている不審なメール、サイトなどの例 を出して注意を呼びかけていた。 粗方、フィッシング詐欺で、最悪、クレジットカードの暗証番号をサイトの入力画面などから盗み取られて全財産を失う羽目になるかも知れない。 利用明細のメールのリンクのURLのドメインが公式サイトのものと違う 僕がイオンカードの利用明細のメールが偽物だと確信したのはリンクのURLのドメイン…

Bloggerの人気の投稿ウィジェットは管理画面の投稿の記事欄や一部は統計情報で確認できる各記事の閲覧数／PV（Page View／ページビュー）に基づいて多い方から表示する記事を選んでいる。 しかし問題が一つあってBloggerが集計している記事の閲覧数は実際に人が来ただけのものではない。コンピューターのアクセスか何かも含まれていて人が誰も来なくても上がることがある。 最も分かり易い例としてTwitterにブログの記事のリンク付きの投稿を行うと直ぐにBloggerの記事の閲覧数が少し上がる。Twitterのアナリティクスで、リンクを押されたかどうかを確認すると一つもなくてまだ誰も来てないはずなのになぜか。たぶんTwitterのクローラーという リンク先のページを紹介するTwitterカード などの情報を読み取るためのコンピューターが来ているせいなんだ。 Bloggerが集計する記事の閲覧数に人以…

Bloggerの投稿のURLはドメインと投稿の年と月とファイル名が半角スラッシュ（/）で区切られたものになる。 例えばドメインが「example.blogspot.com」、投稿の年が「2022」、月が「4」、ファイル名が「blog」ならば投稿のURLは（https://）「example.blogspot.com/2022/04/blog」（.html）になる。 投稿の月は一桁の場合のみ先に「0」が追加されて二桁に変更される。 ファイル名の生成 Bloggerの投稿のURLのファイル名は何もしないと投稿のタイトルの半角英数字が使われて半角英字の大文字は小文字に変更されて半角ハイフン（-）があれば使われて半角スペース（ ）があれば半角ハイフンに置き換えられる。 タイトルに半角英数字がない場合は自動的に「blog-post」、同日に既に他の投稿があれば末尾に半角アンダーバー（_）と半角数字が追加され…

正規表現で文字列の間、一つの部分から他の部分までを指定するには両端を任意で決めて中間をパターンで記載する。 何でも良ければ「.*」（どんな文字でもなければなくてあればあるだけ続く：文字の0以上の繰り返しという指定）が一般的に使える。 例えばサイトや画像などのURLで半角スラッシュ（/）の間を指定するには「/.*/」のように記載する。 参考サイト 正規表現パターンの記述 JavaScriptで使う場合は文字列の半角スラッシュはエスケープしなくてはならないので、正規表現リテラル（/文字列/）ならば半角バックスラッシュを前に一つ追加して「 \/.*\/ 」、それを正規表現オブジェクト（RegExp()コンストラクター）に渡すならば半角バックスラッシュを前に二つ追加して「 \\/.*\\/ 」と書き換えることになる。 目次 test()メソッドの正規表現の文字列の検出 URLの一部の文字列の有無を検出するサンプル exe…

TwitterとInstagramとYouTubeには他のサイトにコンテンツを埋め込んで表示する機能があってとても便利だけれども他のサイトからすると外部ファイルやサイトを読み込まなくてはならないから表示するのに普通よりも時間がかかってしまう。 通常ではさほど気にならないかも知れないにせよ、サイトによってファイルの読み込みやコンテンツの表示の仕方からで非常に遅れることもないわけではない。 サイトで外部ファイルを優先的に読み込む方法として HTMLのリソースヒントの一つとしてpreload（先読み）のソースコードがある ので、TwitterとInstagramとYouTubeの埋め込みを少しでも表示したい場合に使える。 目次 Twitterの埋め込みコードを先読みする Twitterの埋め込みコードの外部ファイル Twitter用の二種類の先読みのソースコード Instagramの埋め込みコードを先読みする I…

Bloggerの管理画面が更新されて「設定」の「公開しています」に新しく追加された項目にフォールバックサブドメインがある。 フォールバックサブドメインとは何か 設定｜ Blogger カスタムドメインの登録と関連してメインとなるドメインの他に（共通する独自ドメインから）一つだけ同じようにブログのサーバーに接続することができるようにする。 フォールバックサブドメインは通常のサブドメインを読み込む間のサーバーの障害への予防策として追加されるサブドメインです。ドメインに一つ以上の使用できるサブドメインがある場合にはドメインの登録済みのサーバーにサブドメインを設定するとメインとなるドメインはフォールバック――無視できるものの微細な低速度状態の閲覧を得られるようになります。 原文 A Fallback subdomain is a subdomain added as a precursive measure …

写真のソーシャルメディアの Flickr を無料プランで始めた。有料プランのFlickr Proの保存容量は無制限だけど、無料プランで現行は千件まで画像や動画をアップロードすることができる。どちらのプランも一回毎のアップロードの容量制限がないのが嬉しい。大きな写真でも、そのまま、保存しておけるので、クラウドストレージとしての利用価値も十分だと思う。 プロフィールの三つの項目 Flickrのアカウント登録の最初の設定で、プロフィールに関して特殊だと気にかかった三つの項目を纏めておきたい。 プロフィールの何れの設定も自分のページ（Flickrにログイン済み）の右上のアイコンの「Settings」（設定）の項目から編集することができる。 Account settings｜ Flickr Real Name／実名の設定 Display Name／表示名の設定 Web Address／ウェブアドレスの設定 最も注意した…

Bloggerのウェブの編集の「レイアウト」からフィードウィジェットを使うとブログの記事に付けられた全てのコメントを対象にコメントのフィードのURLから読み込んで新しい順で直ぐに表示することができてとても便利なんだ。 フィードの設定｜ Blogger フィードの設定で入力するブログのコメントフィードのURLはBloggerでは二つ用意されている。 Atomのコメントフィード ドメインの末尾に「/feeds/comments/default」を付けたもの RSSのコメントフィード ドメインの末尾に「/feeds/comments/default?alt=rss」を付けたもの Bloggerの無料版のサブドメインのブログならばドメイン名の「blogspot.com」の「.com」、有料版のカスタムドメインのブログならばそれぞれのドメイン名の次の「.com」や「.net」などのトップレベルドメインの後に例えば…

サイトの無限スクロールのプログラムのアイデアは大きく二つの部分に分けられる。一つは要素判定で、今のページが画面のどこまで来たら次のページを表示するように動作するかを決める。もう一つは生成処理で、次のページをAjax通信でサーバーから読み込んで今のページに実際に追加する。JavaScriptのプログラムで前者に正しく画面と要素の交差を監視できて最適な Intersection Observer API 、後者にAjax通信の時間差の難点も克服できて便利な Fetch API を使って無限スクロールを作成する方法を取り上げる。 無限スクロールのプログラムの基本的な流れ Brown grasses under white clouds at daytime by Glenn Carstens-Peters / Unsplash 通常、同じデザインのページがページネーションのリンクで幾つも続いて行くのを無限ス…

サイトのアクセスアップのためにソーシャルメディアへリンク付きの投稿を行う。 実際にどのくらい人が来るかはアクセス解析（Googleアナリティクスなど）のリファラー／参照元にソーシャルメディアのURLが表示されるかどうか、そして表示されれば数によって投稿のリンクが、何回、押されて使われたかが分かる。 自分で行わず、他の誰かがサイトを共有した場合でも同じで、ソーシャルメディアでの宣伝効果がアクセス解析のリファラー／参照元には反映している。 主なソーシャルメディアのリファラー／参照元 Facebook ／フェイスブック facebook.com（デスクトップ） m.facebook.com（モバイル） l.facebook.com（Link Shimのデスクトップ） lm.facebook.com（Link Shimのモバイル） ※Link Shim（リンクシム）はスパムリンクへのアクセスを防止するためのフィルタ…

サイトのrobots.txtは検索エンジンがサイト内容を把握する検索ロボットのクローラーをブロックするために主に使われるファイルだ。 robots.txtで除外されたページは検索エンジンに読み込まれないので、検索結果に出ない場合が多い。検索避けとは少し違ってどこかにリンクがあるとURLだけでもクローラーに読み取られて検索結果に出る場合もないわけではないので、完全な検索避けとは混同しないように注意して使わなくてはならない。 一般的にログインページなどの検索結果に出すべきではないURLを対象にして設定される。 しかしサイトの検索エンジンからのアクセスアップのSEO（検索エンジン最適化）対策にも役立つ。 というのは検索エンジンのクローラーはサイトにやって来ていつも全てのページを巡回するわけではないし、ページ毎に一度でコンテンツを隅々まで把握するわけでもないらしくて検索結果に不要なページを予め除外してお…