display: none;の要素とその中の要素はサイズが取得できない。
フロントエンドのお仕事をしていて、JavaScript で特定要素の横幅や高さを取得するということがよくあります。
jQuery なら innerWidh() や innerHeight() などを使って簡単に取得できるのですが、実はこれらのメソッドは実行時に対象そのもの、または親要素が display: none; になっていなければ正常に取得することができません。
JavaScript を一から自分で記述する場合はその点ある程度気を付けることができるのですが、jQuery のプラグインなどで特定要素の幅や高さを取得するものがある場合、その処理を実行するときに対象要素の display プロパティには要注意です。
回避方法はいくつか有って上記 URL のブログでも紹介されています。個人的には visibility: hidden; と position: absolute; を設定する方法がいちばんスマートではないかなと思います。
display: none; はとても便利なのでよく使いがちですが、意外な落とし穴がありますね。
打鍵音の大きいヤツには気をつけろ。
「ッターン！」
という感じで(Enter キー以外でも)打鍵音の大きい人は、その他の音にもとても無頓着らしいので、ありとあらゆる行動に騒音がついて回ります。
キーボードうるさい。
HHK ならまだしもペタペタいうキーボードは…。
お菓子の袋を漁っているときの音がうるさい。
というかそういう大きい音の出やすい袋のお菓子を好んで買うよね。
階段の昇り降りがうるさい。
わざとドスドス音出してない？
固形物でもズルズル啜って食べないとね。
ときどき気管に入ってむせてますよ。
ま、自分以外は特に気になっていないようなので、自分が気にしないように努力するしかないかな。
早くリモートワークが当たり前になって欲しいなあ。
「Suica2区間連絡定期券」で乗車駅と降車駅が私鉄の定期を買う
引っ越しをして通勤に京急、JR、小田急を利用することになりました。
Suica 定期券は乗車駅か降車駅のどちらかが JR であれば券売機などで簡単に定期券が買えるようなのですが、自分の場合は乗車駅と降車駅が私鉄で、途中の乗り換えに JR を利用するのでどうも券売機では買えないらしく、「Suica2区間連絡定期券」なるものを利用することになりました。
利用するのは
という組み合わせで、結論から言うと「Suica2区間連絡定期券」を利用すると
の定期を1つにまとめるという、当たり前といえば当たり前の結果になりましたが、これまでだと定期券が2枚になるところが1枚で収まるのはやっぱり便利ですね。
ちなみに通常の IC カードタイプの Suica 定期券であればみどりの窓口で、モバイル Suica の場合は Suica のコールセンターで受け付けているのですが、この Suica のコールセンターが曲者でかなり長時間電話を待たされます。自分は繋がってから20分ほど待たされたので電話代には十分注意しないといけません。
1回購入すれば更新は簡単なんですけどね。
アラフォーのおっさんが受け身でいつまで仕事ができる？
会社勤めに戻って4年経ち、Web のディレクション、フロントエンドの仕事に戻って1年半ほど経ちました。
初めて Web の仕事をし始めた20年ほど前は、周りを見れば社長も含めてみんな20代から30代前半。40歳近い人が居たとしても印刷業界から Web に移ってきた人が少し要る程度だったのが、自分がアラフォーになって Web に戻ってきてみると同年代か自分より少し年下の30代前半から半ばの人ばかり。
別にそれそのものが悪いということではなく、問題はそうして働いている人のほとんどが社長が代理店から取ってきた案件担当になって仕事をする受け身状態なこと。
小さい会社なので今のところはそれでも大きく困ることは無いですが、それでも仕事の入り口が社長だけなのでリスクは小さくありません。実際社長が病気でしばらく休んだ時は代理店の担当者と連絡が取れる人間が居なくてちょっとした混乱が起きました。
様子を見ている限りではセミナーや勉強会の類への参加もしていないようですし、SNS もあまり活用していない感じでかなり閉じた世界で仕事をしているように見えます。
一足先にアラフォーに突入した自分としては横の繋がり無しでこの先も同じ業界で食っていける自信を持てないのと、今のところお世辞にもレベルが高いとは言えないフロントエンド業務にしか携われていない状況から見て、積極的にセミナーや勉強会に参加してもっと横の繋がりを持っていこうと思います。
そのためにもそろそろ個人用の名刺を作らないと！
