スキップしてメイン コンテンツに移動

些細な日常

ラベル(画面)が付いた投稿を表示しています

すべて表示

目の保護モード/Night Shiftの食わず嫌いの克服

イメージ

Lenovoのタブレットを 初めて買ったら 設定のディスプレイに目の保護モードが付いていて 二台目 (中古で一台目よりも古い機種)にも読書灯/アイプロテクションモードもという同じものが付いていた。 目の保護モードとは画面の色温度を白熱灯のような暖色系に変えてブルーライトも減らして目の負担を減らすことができる機能で、昨今のAndroidの多くの機種にそれぞれの名前で搭載されていてiPhone/iPadの機種にもNight Shiftという名前で付いているんだ。 目の保護モード/Night Shiftを使わない理由 ディスプレイ| Android 僕は目が悪くてどうしようもない。今参るのは 数年前の酷い飛蚊症 が切欠だったのか、右目の霞が一気に増えた。十数年前に違和感が現れて右目だけが僅かに白濁して見え難くなったけれども視力が落ちると感じるところまで視界を遮られるようになった。 丁度、その頃からだったかも知れないけ…

スマホの画面の液晶漏れを確認して原因を特定して使い続ける悪影響を避ける

イメージ

スマホの左下の隅に心電図の波形みたいな黒い細い線が少しだけ小さく現れて何なのかと思った。擦っても消えないし、画面の表面のゴミではなく、何をしても現れたまま、消えることがない。不気味なのは日に日に少しずつ広がってついに染みと呼べるような状態になってしまった。最も考えたくないことだったけれども液晶漏れが始まってスマホの画面が壊れてそのうち使えなくなることが調べてみると確実らしい。 スマホの画面の液晶漏れを確認する方法 スマホの画面の液晶漏れは色んな仕方で分かるらしい。 画面に黒い線や染みが現れる 画面の一部が暗くなる 画面の色が変色する タッチパネルが反応しない 画面が誤動作する 何れも他の原因で起こることがあり得るからそれだけで液晶漏れと判断することはできない。考えて他の原因がなければ液晶漏れの可能性が高いということになる。 一番、分かり易いのは黒い線や染みが現れて消えないということだと思う。ゴミか傷でなけ…

10インチタブレットを買っては行けない三つの理由

イメージ

二つ使っていたタブレットの 古い方が壊れてしまって 一つでは創作から休憩まで、一日中、使い続けると充電回数が増え捲って――代わりに使えるスマホも七面目で半壊状態なんだ――数年で壊れてどうしようもなくなると思って又一つ買わなくてはならなくなった。 10インチタブレットを嫌でも買った 巷ではスマホを二つ使う人が増えていて中古が人気と小耳に挟んで僕にも合っていると気付いた。今までスマホもタブレットも新品ばかり買っていたけれども抜け出せない貧困生活の中では中古で十分なはずだ。 昔、パソコンは良く中古を使っていてパワーブック(Macintoshのノート型のMacBookの前のシリーズ)が気に入りだったけど、しかしスマホ/タブレットで思い付かなかったというか、以前から避けていたのはたぶん電池の問題があったためだった。 電源コードを付けたままでは使い辛いし、壊れ易くもなるみたいだから中古のスマホ/タブレットを長持…

Search Consoleのモバイルユーザビリティのエラーを引き起こす画像について

イメージ

Googleが モバイルファーストインデックス を導入してスマホでのサイト評価を最優先するようになって久しい。サイトがモバイルに対応しているかどうかはGoogleが提供している モバイルフレンドリーテスト で分かるけれどもSearch Consoleではサイト解析からエラーのページがあれば自動的に表示される。 現在の SEO対策(検索エンジン最適化) で、下地となるのがモバイルユーザビリティだから是非とも注意しておきたいにも拘わらず、ブログでエラーが出てしまって改善しなくてはならなくなった。 画像がモバイルユーザビリティのエラーを引き起こす原因 モバイルユーザビリティ|Search Console| Google 僕はSearch Consoleでモバイルユーザビリティの二つの項目を指摘された。 テキストが小さすぎて読めません クリック可能な要素同士が近すぎます ブログのスマホでの表示は大丈夫で、何の支障もないから…

画像のimgタグのsrcset属性によるレスポンシブ配信

イメージ

サイトの画像をデバイス毎に振り分けてレスポンシブに表示するにはimgタグにsrcset属性でそれぞれの画像URLを設定するのが簡単だ。 目次 imgタグのsrcset属性のマークアップ 画像を画面幅で切り替える場合 画像を解像度で切り替える場合 srcset属性の画像のレスポンシブ配信の内容 画像は画面幅と解像度を加味して表示される 画面幅で画像を確実に振り分ける方法 srcset属性の幅記述子の省略は画像選択に影響し得る sizes属性のレスポンシブ配信の役割 imgタグのsrcset属性のマークアップ Person sitting on top of gray rock overlooking mountain during daytime by Denys Nevozhai / Unsplash imgタグはそのままで、srcset属性を特定の仕方で値を付けて追加する。 画像を画面幅で切り替える場合 <…

ボタンなどのposition:fixedのHTML要素をサイトの幅に合わせて表示する方法

イメージ

サイトにヘッダーへの戻るボタンなどをスクロールしても変わらない位置にCSSのposition:fixedで普通に貼り付けると大画面でサイトの幅を越えてしまうので、コンテンツからはみ出さず、サイトの表示領域の範囲内に収める方法を考える。 calc()によるposition:fixedの位置の算出 CSSのposition:fixedはtopかbottomで縦、leftかrightで横の少なくとも二つの値で位置を決める。ただし値の基準がサイトではなくて画面になっているからサイズがサイトよりも大きな画面だとコンテンツの表示領域からはみ出してしまう。 position:fixedの振る舞いについて 要素は文書の通常のフローから除外され、ページレイアウト内に要素のための空間が作成されません。ビューポートによって定められた初期の包含ブロックに対して相対配置されますが、祖先の一つに transform, pe…

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

イメージ

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

ドライアイのための自己診断の簡易テストと予防・回復・治療に役立つ目の体操

イメージ

概要 ドライアイとは ドライアイとは、涙の量が減って目が乾燥し、痛み、異物感、疲れ目、視界霞み、眩しさなどの症状を引き起こす目の病気です。 ドライアイの原因 ドライアイの原因は様々ですが、主なものとして以下が挙げられます。 日常生活での画面の視聴:パソコン、テレビ、スマホなどの画面を長時間見続けることで、瞬きが減り、目の乾燥が進みます。 エアコン:エアコンの効いた部屋で過ごすと、空気中の湿度が下がり、目の乾燥が進みます。 加齢:加齢とともに涙の分泌量が減少します。 コンタクトレンズ:コンタクトレンズを長時間着用していると、目の表面に傷ができ、涙の分泌量が減少します。 薬の副作用:一部の薬の副作用として、ドライアイを引き起こすことがあります。 ドライアイの自己診断 ドライアイの自己診断方法として、以下の簡易テストがあります。 目を開けられる時間がどのくらいか 5秒以下:ドライアイの可能性が高い 6秒から9秒:ドライア…

BIGLOBEの格安SIMでMoto G5 Plusにスマホも買い換え

イメージ

スマホの タッチパネルが不調 だったけれどももはや画面の大半が反応しなくなってしまった。どうしようもない。最短でも四年くらい持たせるつもりで勢い込んで購入したにせよ、予定を変更せざるを得ない。 古いスマホが一年しか使わずにあるからメインに切り替えるか、または新しいスマホに買い換えるかと悩むけれども前者は今ではもう不便に感じるし、出費は嵩むものの通信契約も踏まえると後者が望ましいようだ。 ブログにも載せず、黙っていたけれども格安SIMは BIGLOBE が、一番、良かった。手持ちのスマホが auだからmineo にしていて次回からは通信契約をBIGLOBEに変えようと考えていた。 安い。調べると通話付きの6GBで二千円ちょっとだからmineoの通話付きとデータのみの3GBの二回線よりも三百円くらい下がる。一年で四千円近く助かる。 丁度、春先の入学や入社のシーズンのせいか、キャンペーンをやっていた。新しくスマホ…

スマホの電池持ちを良くしたい

イメージ

スマホをタブレットと併用するようになって電池持ちが物凄く良くなったと思う。使わないから当たり前にしても充電回数を減らすことが電池の劣化を防ぐのには最も効果的だろう。 目次 充電回数を減らす 画面の明るさを下げる 通信機能を減らす アンテナを多く立たせる 不要なアプリをアンインストール、または無効にする ホーム画面にウィジェットやアイコンを数多く配置しない ステータスバーの通知を消す 自動同期を止める アプリのキャッシュや履歴を消す その他/Xperia Z3の節電など 充電回数を減らす 充電回数を減らす by 結城永人 大体、四百回くらいで性能が落ち始めるといわれる。一日に一回だと一年ちょっとだ。電池が劣化しては長持ちの水準そのものが下がるから元に戻すためには電池を交換するしかない。 またはスマホを買い換えるという。少しでも避けようとすると他には充電の仕方に気を付けなくてはならない。聞いたところでは80%と20%の間…

ウォークマンが雨に濡れてしまったよ

イメージ

大雨ながら外で鞄の中にウォークマンを入れて歩いていて少ししか濡れてなかったはずなのに動きが悪くなった。 水没しても乾かしたら直って使えるようになった 以前、ケータイで水没したら暫く何もしないで乾かしておくと直るかも知れないと聞いていたので、そのように一晩を過ごしてみた。 起床して充電したら昨日と変わらない点滅ばかりの画面が出て悲しかった。しかし十分くらい経って再び確かめると大丈夫だった。普段通りの画面が戻って来た。 何とか助かった。画面の右半分が良く見ると幾らか色落ちしているものの操作はできるし、音楽の再生には全く支障がないんだ。 只、防水ではないかぎり、少しでも濡らさないように心がけるべきだろう。 水などの液体が原因で故障したときは、製品保証の対象外となります。その場合、保証期間内であっても修理は有償となり、本体内のデータは失われてしまいます。 また、故障状況によっては修理ができない(全損)場合…