最近、すっかりブログ更新が滞っておりまして。した記事書かないとと思うと、なかなか最後まで書き終えられなくて、途中になってしまっている下書きが山積...ということで、もうちょっと気軽に書いちゃぇカテゴリーも作ろうかなと。いうことで、第一弾のこのカテゴリー。WEBのお仕事で、「最近知りました」...というお恥ずかしいネタを、備忘録として残していきたいと思っています。「そんなん今さら知ったの?」「それでよくコーダー名乗ってるね」というツッコミは、どうぞご容赦ください。僕のクライアントの方で、このブログ読んでくださっている方おられたら、どうぞ失望せずに今後もお付き合いくださいませ。wということで、記事のタイトル読んで、「コノヒトナニイッテイルノ?」という方。ごめんなさい、完全に業界ネタですので、すっとばしていただき、最後のおまけの、「トラックボール買い換えました」の件だけでも、読んでいってください。K72359JPを買ってみましたスポンサーリンクページ読み込み時に発火させるjQueryコードには種類がある一応、最初にお伝えしておきます初めに申し上げおきますが、わたしjsほとんど書けません。基本はjsは、親切な解説サイトや備忘録サイトからコードをコピペさせていただき、使用しております。それでも、これだけずっとコーディングのお仕事をしているので、それなりにはjsやjQueryの書き方もわかってきて、最近は簡単なコードであれば、自分で書いたりもします。基礎が欠落しておりますので、間違っている場合もありますので、参考にしてくださる場合は(そんな方おられないと思いますが。w)自己責任でお願いします!縦2列で並んだリストの子要素の高さを、jQueryで合わせたかった今回のお仕事では、縦2列で並んだリストの子要素の、高さを合わせるためにjQueryを使用しました。CSSのflexbox使ってもよかったのですが、今回は全体の高さを揃えるというより、最後の要素だけを揃えたかったので、jQueryを使用しました。(ってか、あんなに苦戦するのなら、flexboxでCSS書き直した方が早かったんじゃないか...と今は思う。w)今回作成したリストは、基本どの子要素も構成が同じなのですが、最後の要素だけ構成がまったく違う。サイズだけは他の要素(というか、2列になったすぐ左側の要素)と合わせたかった。いうかその最後の要素のheightが、隣りの要素と同じにしたかったのです。いうのも、配置されているコンテンツの中に、下から何pxで指定するものがあったため、height必須でした。いうことで、高さを合わせる子要素の高さをまず取得して、それを最後の子要素のcssに書き込むjQueryを書いてみました。今回は、基準となる子要素のpaddingも含んだ高さを取得したかったので.innerHeight();を使っていますが、paddingを含まない時は.height();で大丈夫です。//#sample_li_04のheightを設定});ウィンドウズサイズを変更して、要素の高さが変わると崩れるすると、問題が。ウィンドウズサイズを変更した時に、要素の高さが変わっても、最後の要素に代入された高さは変更されないので、崩れるんです。いうことで、resizeでイベントを発火させるコードに変更し、ページが読み込まれた時のイベントには、$(window).trigger('resize');を指定してあげることにしました。いうことで、以下のようなコードに。//#sample_li_04のheightを設定});以下のサイトを参考にさせていただきました。ありがとうございます。http://proclass.jp/blog/?p=4619ページ読み込み時のイベント発火のコードには、順序の違いがある無事動作して、一安心。この後他の作業も進み、いよいよ納品締切時刻直前にテストサーバーへアップ。ローカル環境で問題なかったのになぁ。resizeするとちゃんと本来の位置にいくので、読み込み時に高さが取得できていないよう。慌ててググったところ、以下の記事を発見!https://on-ze.com/archives/1851あざっす!助かります!そう、以下の2つは、どちらもページ読み込み時に使用するイベントの書き方で、とても似ているのですが、読み込みの順序が違うので、$(document).ready(function()だと、高さの取得などはできないらしい。←すみません、無知で。いうことで、以下の記述に直し、無事動作しました。//#sample_li_04のheightを設定});ちなみに、読み込むjQueryのバージョンが、3.x移行では以下のコードになるようです。{参照サイト:https://yachin29.hatenablog.com/entry/2017/06/22/115328いやいや、本当にjsはわからん。知恵が付くとうれしくもあります。いうかこれflexboxで実装し直した方が、はるかに時間は節約できた気がしてならない。勉強になったのでよしとしますか...そう言えば、トラックボールを新調しましたちなみにこのお仕事期間に、トラックボールを新しく購入しました。今までトラックボール自体すごい気になっていたけれど、どうしても順応できる自信がなくて、敬遠してきました。思い切って入門価格のこちらのモデルを購入してみました。親指でコロコロするのではなく、人差し指でコロコロするタイプがよかったのと、やっぱりトラックボールはケンジントンかな、と思いまして。したらこれが、思った以上にはまりまして。トラックボール以外は考えれれないぐらいに気に入ってしまいました。最初はちょっと不便だった、イラストレーターでの操作も最近は慣れてきました。今使ってる、35インチのウルトラワイドモニター環境では、カーソルの移動距離が長いので、絶対トラックボールの方が楽です。