#5717

耐え凌ぐだけの一日


web制作

ちょっとしたお知らせですが、このブログをスマホで見たときの表示を改善しました。
今まではブログ記事の改行はPCに準拠していて、
段落内改行もそのまま改行されてしまっていたため
画面端での折り返し改行が多いスマホからは随分と見づらくなっていました。

これの対策は今までも打っていて、javascriptで改行コードを置換するスクリプトを組んだのですが、
それを動作させると今度は埋め込み動画が動かなくなってしまう不具合が発生するため、
動画を優先として改行はこれまでずっとほったらかしになっていました。
今日、なんとかして動画も改行も両立できないものかと試行錯誤していたら、できました。
なんと、CSSに次の一行を追記するだけで解決してしまいました。

@media screen and (max-width: 640px) { .entry-content p br { display:none; } }

これの意味するところは、要するに横幅640pxに満たない端末で表示したときは、
ブログ本文の段落内改行を非表示にせよ、というものです。いたってシンプル。
javasciptを使わないので動画プレイヤーとの干渉もなく、動作に負担も与えません。
いやー、なんで最初からCSSでやろうとしなかったんだろう。

ただこれには問題点がひとつあって、
段落内改行ではなく箇条書きリストのために改行している場合も改行を無効にしてしまうため、
スマホから箇条書きを見ると・リスト1・リスト2・リスト3みたいになっていると思います。
これはCSSではおそらくどうしようもないです。
箇条書き改行は全エントリーの中でもそれほど数は多くないので、ちょっと様子を見させてください。
タグ付きリストに一括置換できればいいのですが、それほど簡単な話でもなさそうなので……。

さて今日は『金曜ロードSHOW!』で『千と千尋の神隠し』(2001年、宮崎駿監督、スタジオジブリ制作)
を見ていました。当然のことながら観るのは始めてではないですが、
前回はざっと五年以上、もしかすると十年以上ぶりかもしれません。懐かしかったですね。
さすが日本の興行収入第一位の作品。
千尋がおにぎりを食べるシーンは何度観ても泣けます……。

今日は金曜日ですがお盆明け出勤日でもあったので03時就寝でしたが08時台に起きて、
体力ゲージのほぼ残っていない身体に鞭を打ちながら出勤しました。
昨夜は当然眠れないことが予想されたのでお酒を飲んでから寝たのですが、
お酒を飲むと下がりがちな睡眠の質が今日は下がらず、中途覚醒もないまま08時までぐっすりでした。
しかしそれでも疲れはまるで取れていなかったので、やっぱり睡眠の質は悪かったのかもしれません。
ともあれ今日を凌いでしまえは夏休みエキストラ二連休が待っているので、ここは耐えるが勝ち。

実はここだけの話、詳細な睡眠記録のためにスマートウォッチ買うのもアリかなと思いつつあります。
ただ、買うとしたら当然Apple Watchになるのでしょうが、
今秋におそらく新モデルが出るだろうし、その新モデルも日本語入力に対応するかは怪しいもの。
今のApple Watchは画面の常時点灯にすら対応しておらず、
時計以下と言ってしまえばそれまでのスペックなので、
せめて常時点灯に対応してくれるかどうかが注目かなと。
そこさえ対応してくれるなら、あとはソフト面はネイティブアプリに任せればいい話しだし、
5万円出して買ってみるのもギリギリアリなのかもしれない。

0

コメントを残す