ラベル(パフォーマンス)が付いた投稿を表示しています すべて表示

LenovoのTab M8(FHD)の使い心地は申し分ない

イメージ

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

Bloggerの投稿画像の自動的な遅延読み込みを確実に行うためのプログラム

イメージ

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

サイトの画像を高解像度ディスプレイに対応させてパフォーマンスを上げる

イメージ

ブログをサイトのパフォーマンスをチェックする Measure page quality にかけたらBest PracticesのUser ExperienceのServes images with low resolutionの警告が出たから何なのかと調べて修正した。 Serves images with low resolutionとは何か Best Practices|Measure page quality 画像を低解像度で配信しているのが良くない。 画像の原寸法は表示サイズと画像を最大に明瞭化するピクセル比へ成形されなくてはならない。 原文 Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image cla…

Google Fontsの外部ファイルを少しでも速く表示させる方法

イメージ

Google Fonts で日本語のWebフォント( Japanese )が幾つも無料で提供されていて現在は正式版として相当に使い易くなっている。 Google Fontsの日本語フォント 種類が非常に多くて五十二件(2022年2月時点)から二十件のみ掲載する。 Noto Sans Japanese ( 適用 ) Noto Serif Japanese ( 適用 ) Shizuru ( 適用 ) M PLUS Rounded 1c ( 適用 ) Zen Kaku Gothic Antique ( 適用 ) Sawarabi Mincho ( 適用 ) Kosugi Maru ( 適用 ) Kaisei Decol ( 適用 ) Shippori Mincho ( 適用 ) Delta Gothic One ( 適用 ) Reggae One ( 適用 ) Kiwi Maru ( 適用 ) Murecho ( 適用 ) Yusei Magic ( 適用 ) Yuji Sy…

Bloggerのウィジェット用JavaScriptを止めて影響を受ける機能を必要なときに使う方法

イメージ

Bloggerは 世界で最も利用者が多いと共に非常に古いブログサービス で、常に改良されるけれども機能的に無駄な部分が残されていて今最も悲しいのがウィジェット用JavaScriptの外部ファイルとソースコードなんだ。 それ自体が重いどころか多くの機能が一つになっていてそうした標準のプログラムが必要なウィジェットなどを使ってなくても全てのブログにサーバーから自動的に記載されている。 ブログの表示速度などのパフォーマンスを考えると止めるのが最善ながら幾つかの重要な機能が使えなくなるのが悩ましい。しかし後から読み込む方法が全くないわけではない。初回画面を遅らせないことはブログのパフォーマンスでは最も重要だと思う。 ウィジェット用JavaScriptの影響を受ける機能を使わなければ止めて構わないけれども必要な場合でも最初に止めておいて一部の機能で必要なときだけ読み込…

宇多田ヒカルのAutomatic|日本の女性歌手のR&B

イメージ

日本の女性歌手のR&Bの楽曲で、 宇多田ヒカル の Automatic が本当に素敵だと感じる。 宇多田ヒカル - Automatic|Hikaru Utada 宇多田ヒカルのデビュー曲で、大ヒットした。十五歳と思えない本当に繊細な歌唱力から何からあらゆる面で注目された話題曲だった。R&Bだけれども浮遊感があるのが特徴的で、ニュージャックスウィングに近い。ビートが「ツンツ」という三連符(中抜き)のシャッフルになって軽快に弾む。丁度、僕が 黒人音楽に嵌まった 1990年前後に本場のアメリカで流行していて挙げると Everything Little Step ( ボビー・ブラウン )が歌も踊りもファッションも象徴的に完成されていて最も有名だったかも知れない。心が浮き立つようなリズムのR&Bで、日本の歌として少しでもしっかり取り入れられたのは本当に珍しい…

インラインSVGのdefsとgかsymbolとuseによる呼び出しのマークアップ

イメージ

サイトに 画像を描画できるインラインSVG は小さくても乱れず、しかもサイト内にマークアップすればサーバーの呼び出しを行わず、迅速に表示できるからアイコンのデザインなどに良く使われる。 Honeycomb by Clker-Free-Vector-Images / CC0 インラインSVGには同じ画像を繰り返して表示するためのマークアップがある。 一つのsvgタグの内側にdefsタグを入れてそこにid付きのgタグかsymbolタグで描画内容を纏めておく。そして内側か、または外側の場合は他のもう一つのsvgタグにuseタグを入れてhref属性でgタグかsymbolタグのidを指定してリンクのように呼び出す。 目次 インラインSVGの二つの呼び出し方 一つのsvgタグの中で呼び出す場合 定義用と表示用のsvgタグを分ける場合 呼び出しのマークアップの長所と短所 SVGのgタ…

JavaScriptのsetTimeoutやsetIntervalをrequestAnimationFrameで置き換える

イメージ

JavaScriptで関数などを遅らせて実行する時間差の処理に使えるsetTimeout()メソッドと間隔を空けて繰り返せるsetInterval()メソッドには共通するパフォーマンスの問題があって避けるためにはどちらもrequestAnimationFrame()メソッドで置き換えることができる。 目次 requestAnimationFrameはジャンクを防ぐ requestAnimationFrameはイベントループに強い アニメーションの始動と時間通りの実行に向く requestAnimationFrameに時間を設定して使う 二秒後に実行して即座に停止するサンプル 一秒間隔で実行して十秒で停止するサンプル requestAnimationFrameはジャンクを防ぐ アニメーションの処理に利点があってサイトの表示を良好に保ち易くするのがrequestAnim…

人種差別と児童虐待と環境破壊を越えて|マイケル・ジャクソンのスーパーボウルのハーフタイムショー

イメージ

気に入りの 歌手のマイケル・ジャクソン の素晴らしい様々な活動の中で、振り返るほどにじわじわ喜びが込み上げるように甚だ忘れ難いのが1993年のスーパーボウルのハーフタイムショーなんだ。 Michael Jackson’s “Billie Jean” Healed the World | Super Bowl XXVII Halftime Show| NFL 当時、アメリカンフットボールが大好きで、プロリーグのNFLの優勝決定戦のスーパーボウルもテレビに齧り付くばかりに観ていたけど、丁度、1993年の第二十七回のバッファロービルズ対ダラスカウボーイの試合( Super Bowl XXVII: "The Start of a Dynasty" | Dallas Cowboys vs. Buffalo Bills | NFL Full Game )…

就寝前のスマホの使用を止めると睡眠時間を一時間くらい延ばせた

イメージ

何ヵ月も睡眠時間が短く、朝早く五時間以下で起きてしまう日が多くて困っていた。 不健康な睡眠負債を避けるためには七時間の睡眠時間が理想的 で、五時間以下は本当に良くないと考えられる。調子を落として長引くほどにあらゆる病気を招いてしまい兼ねない。貧乏ならば治療費もかかって辛いし、実際に罹患してからではどんな健康法も手遅れだろう。ちょっとした睡眠障害でも元気なうちに注意深く受け留めて改善するのが大事だ。 A girl using a smartphone in a dark room at night by Tony Lam Hoang / CC0 望むように眠れない原因を考えようと日々の生活を振り返ってみると 目の疲れも酷いドライアイ を含めてスマホのやり過ぎが懸念材料として出て来た。 今年は春先から 手荒れ/スマホ指荒れが酷くて 秋の最中も未だに完治してない。最悪、ひ…

睡眠は脳内のアミロイドβなどの老廃物を除去して健康を維持するためのグリンパティックシステムを約十倍も強化する

イメージ

日々、活動する脳には老廃物が溜まる。幾つもの神経細胞がブドウ糖をエネルギーとして次々と電気信号を通しながら働くほどに不要な物質も多く残余されるせいなんだ。特にアミロイドβが危なくて脳の健康を損わせるかも知れないから注意したい。 アミロイドβはアルツハイマー型認知症の脳内に老人斑などの仕方で異常に蓄積されるのが分かっていて脳の働きを妨害して人間の認知機能を低下させるかも知れない老廃物の一種なんだ。健康な人の脳の場合はアミロイドβが比較的に少ない。年齢で比べるとアルツハイマー型認知症が増える老人と殆どかからない若者との間ではとても大きな差があるらしい。なのでアミロイドβは脳の老化と密接に結び付いているとも考えられるわけだ。 アルツハイマー型認知症を予防/改善したり、または日常生活に支障がなくても 勉強や仕事のパフォーマンスを高めたり するためにもアミロイドβな…

チャカ・カーンのI'm Every Womanは命の輝きの爽やかなR&Bだ

イメージ

1973年にファンクバンドの ルーファス のボーカルとしてデビューした チャカ・カーン がソロ活動を開始した1978年のデビュー曲に発表したのが I'm Every Woman だった。今から振り返ると四十年前の音楽だけれどもちっとも古びない感じがして改めて良いと思う。 Chaka Khan - I'm Every Woman on Jimmy Kimmel|Chaka Khan R&B(リズムアンドブルース)の楽曲では比較的に珍しくて爽やかな印象を与える。クールなソウルとしては ブランニューヘヴィーズの Never Stop や ジャミロクワイの Virtual Insanity のようなシャズファンクの乗りが好きな一曲だ。お洒落な心地良さというか、または気持ちから捉えると和やかな楽しさが際立っている。総じて素敵な音楽だろう。 久々に聴いたチャカ・カー…

浅田姉妹/舞と真央の女性としての衝撃的な魅力への大変身が非常にセクシーでしかも優しい詩を象徴的に感じ取らせる

イメージ

凄いとしかいいようがない写真が発表された。 GQ JAPAN という男性向けのファッションとライフスタイルの雑誌の表紙のグラビアで 浅田舞 と 浅田真央 の元フィギュアスケーターの姉妹が起用された。二人は初めての共演だったらしい。官能的な衣装に美しく身を包んだフィギュアスケートを完全に忘れさせる世界観が本当に新しい。特に 浅田真央が朗らかな印象が強くて かつて想像だにしなかったと驚く。芸能界で見かけて素敵に可愛かった浅田舞と共に女性としての衝撃的な魅力へ大変身を遂げてしまわれた。 4月24日発売の『GQ JAPAN』最新号に、浅田真央&舞が登場!| GQ JAPAN 非常にセクシーなのはやはり目元だろう。女性はアイラインで別人になり易いと思う。かつて セクシーな人 が素顔で現れたらどこの誰かも分からなかった経験がある。アルバイトで事務所に知らない人が入って行こうとするからど…