アソビューAdvent Calendar 2025の11日目（裏面）です。🎄

はじめに

メリークリスマーーーースｯ!（ちょっと早い）
こんにちは、アソビュー技術広報チームです。
アソビューでは毎週、開発チームの交流やスキルアップを目的とした「テックトーク」と呼ばれる会を実施しており、技術に特化したLT会や、遊び心のあるLTなど幅広くテーマを取り扱って運営しています。
以前、「好きなJavaクラス発表ドラゴンLT」というテーマでテックブログが投稿されました。
https://tech.asoview.co.jp/entry/2025/05/21/101113

今回はその派生として、「好きな JS メソッドor CSS プロパティ発表ドラゴンLT」を開催したので、そのレポートを掲載いたします！

イベントの目的

今回の「好きな JS メソッド or CSS プロパティ発表ドラゴン LT」は、ネットで話題になった “好きな惣菜発表ドラゴン” ミームをヒントにした企画です。
普段なんとなく使っている JS メソッドや CSS プロパティに対して、改めて「どこが好きか？」「どんな時に助けられたか？」を語るという、ゆるくて楽しい会として実施しました。
JavaScript や CSS は日々のフロントエンド開発の中で触れる頻度が高く、人によって“推し”が全く異なるのも面白いところです。
今回は5名のドラゴンに発表していただきました！

発表！

map, filter, reduce（発表者：井上さん）

map, filter, reduce といった JavaScript の非破壊的なArrayのメソッド。
for, forEach は取締対象とのこと（個人の見解です）。
配列系でも sort, reverse, splice は破壊的なメソッドですので、ES2023 で追加された toSorted(), toReversed(), toSpliced() などの非破壊的な代替メソッドを積極的に使うことを推奨。
副作用の無いコードを意識し、immutable な実装を心がけることでバグを防ぎ、より安全で読みやすいコードになる、とまとめてくれました。

display:grid;（+gap）（発表者：白井さん）

display: gridと gap の組み合わせ。
以前の table レイアウトや float 時代の大変さを思うと、grid の登場で二次元レイアウトが圧倒的に楽になったとのこと（table レイアウトや float はしっかり理解せずに使うとレイアウトが崩れる原因となる「破壊神」）。
grid と flex の使い分けにも触れ、縦のラインが揃わないタグの並びなどは flex の方が適しているケースもあると説明してくれました。
PC ／ SP 両対応のレイアウト例を紹介しながら、「余白がUIの印象を決める」という余白の重要性についても解説してくれました。

pointer-events（発表者：村井さん）

CSS の pointer-events プロパティ。
本来 JavaScript で行う「クリック無効化」などのイベント制御を、CSS だけで宣言的に行える点が素晴らしいとのこと。
疑似要素だけをクリック可能にするなど、特定の範囲だけイベントを受け付けたいケースに便利なプロパティであると紹介してくれました。
ナビゲーションメニュー実装などでは、定番のテクニックとして愛用してきたそうです。

display: flex;（発表者：久澄さん）

display: flex; を紹介。
float ＋ clear で横並びを調整していた時代...（つらかった）
横/縦並び、等間隔、左端右端など幅広いレイアウトパターンが good!!!
flex 登場時のフロントエンド勇者たちは「もうこれ（ flex ）で良いじゃん」となったそうな。

margin, padding（発表者：遠藤さん）

margin と padding の使い分けについて説明。
なんとなく実装していたが、「余白を理解すること」でフロントの実装が楽しくなったと説明してくれました（アツイ）。
「 padding はクリック可能な範囲に含まれ、背景色も広がる」、ということを意識して適切に使うことの大切さを教えてくれました。

終わりに

好きな JS メソッド、CSS プロパティに対するフロントエンドドラゴンたちの過去の思い出話を聞くことができ、大変盛り上がったLT会となりました。
アソビューでは、開発やスクラムに関するLTから遊び心のあるLTまで幅広く開催しております。
カジュアル面談のご希望も随時お受けしておりますので、気になった方がいましたらお気軽にエントリーください。
https://www.asoview.co.jp/career/engineer