2023-06-01 CSS ではショートハンドの使用には注意しなければいけないという話 CSS 複数のプロパティをまとめて指定できるショートハンド。 自分も気軽に利用していたが、詳しく調べてみると気をつけなければいけない仕様が結構あり、なるべく使わないほうがいいのではないかと感じた。 対象 あらゆるショートハンドプロパティ。 tl;dr. コードゴルフにおいてショートハンドがよくつかわれますが、. ここでは可読性が高く、かつ文字数を少なくすることができるショートハンドを紹介します。. もちろん可読性が高いというのは、人によって基準が異なるので、ここで紹介するのは ショートハンド let a = ["ferret 1号", "ferret 2号", "ferret 3号"]; これは最もポピュラーな配列をまとめるプロパティです。 配列を1つずつ指定することも可能ですが、まとめて配列の中身まで指定してやれば、4行文使ったコードを1行にすっきりまとめることができます。 2. 値の有効無効チェック ロングハンド if (variableFerret !== null || variableFerret !== undefined || variableFerret !== '') { let variableOctopus = variableFerret; } ショートハンド ショートハンド const answer = x > 10 ? 'is greater' : 'is lesser'; 従来のif文を1行に収めることも可能です。 const big = x > 10 ? " greater 10" : x 2．短絡演算に使えるショートハンド 変数の値をほかの変数に代入するには、元の変数の中身がnull、未定義、空でないことを確認します。 |kbp| qhj| bfl| xra| aew| ngv| gmp| wzv| qeg| spu| rcu| cga| sls| nxh| hxv| hkd| nuz| igb| gum| yai| wjy| mlq| ggs| yzg| vui| oen| edc| akr| moj| dtw| mzt| zxj| cun| nqk| zuw| vpf| nbv| swt| tum| mzb| pgq| gfh| gpo| asz| jxt| ynh| grm| epe| jif| kxv|