20191214-4

関連記事

デフォルト画像
2017.06.28
WebFont LoaderくんがwebフォントのFOUT問題を解決してくれた話

WebFont Loader 昨日のちらつき、読み込み速度問題が本日解決いたしました。 その立役者となってくれたのでWebFont Loaderくんです。 ネットをひたすら調べてたら結構出てきた単語だったので調べてみました。 どうやら話によれば、Webフォントの読み込みイベントを実装してくれるらしい。 つまり、 ①ローディングしてるとき ②ローディングが終わったとき ③ローディングに失敗したとき とかを判定してくれるらしい。 これを使ってFOUTとかいうクソ問題を解決している人が多いらしい。 ほんとかよとか思いながら使ってみました。 font-familyで源ノ明朝を読み込んで、後はJSで制御するだけ。 よく見ると、JS以外は全部普通にWebフォント使う手順なんですよね。 使い方とかを書く気はないので気になる人は調べてね。 効果 これで解決できる問題は、再描画によるフォントのちらつき。 ブラウザによってはWebフォントを読み込むまで代替フォントを出すんですよ。 そんで読み込み終わったらそのフォントをWebフォントに差し替えると。 ぼくが差し掛かってた問題はこの辺が大きくて、基本的にブラウザは HTML→JS→CSS→画像・フォント (詳しい人からすれば違うかもしれないけど) (所謂DOMツリーとかそういう?レンダリングする順番みたいな?よくわかんねえ) って順番で読み込んでいるみたいだったので、その上フォントが重すぎて時間がかかっていたと。 上の順番のHTMLからCSSまでで既に1秒ぐらい掛かってたわけで。 そこにフォントがWait+コンテンツロードで5秒とか追加されてたんですね。 そうなるとレンダリングが完了するまでに6,7秒掛かると。 ブラウザによってデバイスフォント表示の時間とか規約が違うのでそこも困りごとでした。 IEなんて常に代替フォント表示し続けやがるし。 そういうのを今回のプラグインが解決しました。 フォントのロードイベントを判定できるので、ロード完了までVisibility: hidden掛けるだけ。 しかも優秀なのは、その判定がCSSでできてるってことですよ。 なのでこっちはCSSで自動付与される.wfなんちゃらにhiddenかければ解決。 終わったらvisibleに切り替えると。 ただ、別にページが見えるまでの速度をなんとかしてくれるわけじゃないんですよね。 なのでWebfontloader側でsettimeoutの時間を伸ばさないでいたら代替フォントが出てきました。 初期値は3000みたいなので、思い切って10000くらいまで伸ばして解決。 めっちゃ問題起きそうだけど、オッケー貰ったからオッケー。 源ノ明朝滅べ 嫌いじゃないんですけど、今回みたいな問題が起きるのが辛いです。 単純にフォント容量が大きいだけなんですけども。 しかもまだ出たばかりで、CDNとかも用意されてないんですよね。 いやCDNにした所でどれくらい変わるのか知りませんけど。 ちなみに、ちらつきの方は解決したんですが、容量はどうにもなりませんでした。 最終的に第一水準漢字と第二水準漢字を含めたサブセット化をして終了。 今回フォントを使うサイトではかなりこぼれた漢字があったのでその辺は手作業で対応。 今後のことを考えなければすべて円満に解決しました。 まあ2週間後とかに追加コンテンツが出てくるんですけどね、その辺はしーらない。 というわけでして、なんとか今日中に終わらせることができましたよ。 なんだかんだ来週までとか無理だろとか思ってましたけど、良かったです。 次font-familyとか使うときは、対象のフォントのサブセット化を許可してほしい。 軽くさせろ。 それでは今日はここらでサヨウナラー

デフォルト画像
2019.02.17
あまりにも電気代がアレなので電気毛布買った

### 冬場は電気代が高くなる 自炊0の男です。 1月の電気代1万を越えたので少しは対策を考えることにしました。 測っているわけではないのでどこで電気代がかかっているのかが詳細にわかりません。 それでも多く使っているとしたらこの辺なのかなって。 ・エアコン ・PC ・モニター ・電子レンジ 特に一番上のエアコンですね。 場合によっては1日付けっぱなしにしてることもしばしば。 PCとかモニターは必要経費ですよ、ぼくの生活からこれを消したら死にます。 精神的に。 エアコンは基本的に24度~26度設定で付けています。 一応帰宅してから寝るまでの間のつもりですが、洗濯物を乾かしたいときなどは一晩中付けてたりします。 今使っている電気プランは「よりそうナイト+8」だかとかいうやつです。 概要としては、23時から7時の間は安いけど、それ以外の時間帯だと電気代3倍ぐらいかかるよーっていうプラン。 なので恐らく一番電気代を食っているであろうエアコンを、その時間帯で使わないようにするのが一番良いという想定です。 そんなわけで、電気毛布を買ってしまいました。 近くにケーズで、時期が時期だからなのか処分セール的なものをしてましたね。 そもそも欲しい人は冬になる前に買うはずですしね…。 お値段6000円弱! IDでピッと一発購入です。 お試し購入ですよ。 初めて使ってますが、使い心地はかなり良いですね。 普通の毛布を肩から掛けるのと対して変わらんやろ、とか考えましたがどうしてなかなか、暖かい。 わざわざ肩まで被らずとも、胸の辺りまでガバっとしておくだけで全身が暖かいです。 今日は試験的に一度もエアコンを動かさずに生活してますが、基本的に動かないぼくは十分に思えます。 最悪寒ければ20度ぐらいでエアコンを付けておけば多分生きてはいけるかと思います。 電気毛布との電気代を考えても、購入前より幾分かは安くなるはず…? 来月の電気代を楽しみにしておきます。 (検針日のことを考えると多分正確には再来月くらいになりそうですが) それでは今日はここらでサヨウナラー

デフォルト画像
2020.04.27
テレワークは快適だなぁ!(出勤)

誰もいない 半分どころでなく、3分の2ぐらいが在宅状態なので、会社がすごく快適です。チャットで「アレお願い」ということはありますが、対面でいきなり割り込み仕事の話を数十分されることもないし。もう一生コレでいいと思うんですよぼくは。いらねえんだよオフィスなんて!(極論) 実際、ぼくは自宅で勤務なんて死ぬほど嫌がる性質なので、普通に出勤してます。三密は避けられてんだから許せよ!在宅ワークとか誘惑が多すぎて絶対無理だゾ。 少なくともこの状態が続くのは5月7日まで…つまり来週の木曜です。そこから先どうなるのかは未定ですが、暫くはこの状態を維持できそうで、大変喜ばしいです。 マイクがないよ~ とはいえ良いことばかりではありません。テレワークの方々と通話をする必要がありますので、自宅用のマイクを一時的に会社へ持参しています。そのため自宅で通話する用のマイクがないんですね~。 善は急げとばかりに本日ヨドバシへ行ってきました。驚いたことに、今のヨドはお客さんを一人一人売り場まで案内しているようです。中に入れないのかと思って最初は焦りましたけど、店員さんに説明されて冷や汗をかく程度で済みました。 それはともかく、マイクを探しに行ったのですが何もありませんでしたね!ヘッドセットぐらいならあったんですけど、ピンマイクとか、置型マイクは全滅みたいです。やっぱ皆好きなんスね~。 これから暫くはスマホを通話用にするしかなさそうです。早く入荷してくれ~。