気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
TypeScriptで「選択肢」の定義をEnum的な定数にまとめる――satisfiesとSSoTもあるよ
117 users
zenn.dev/yumemi_inc
zenn.dev/yumemi_inc
zenn.dev/yumemi_inc
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
ソート順の選択プルダウンがある一覧系ページを実装するとき、選択肢たちの管理方法に頭を悩ませること... ソート順の選択プルダウンがある一覧系ページを実装するとき、選択肢たちの管理方法に頭を悩ませることが多いと思います。 商品一覧ページの概要 ソート順プルダウンの選択肢たち 上の画像に示したような場合だと、 《クエリパラメータ》と《選択肢》の間の相互変換 ?sort=price&order=desc <--> 「価格が高い順」 《select の状態に使うための文字列》と《選択肢》の間の相互変換 <option value={id}>{label}</option> クエリパラメータが sort order の2つあり、それらをそのまま流用できないので 最低限でも、これらの変換ロジックを用意しておく必要がありますね。 この記事では、このような「選択肢と、それにまつわる変換ロジック群」を整理する方法を、高凝集・SSoT (Single Source of Truth; 信頼できる唯一の情報源)
zenn.dev/yumemi_inc
zenn.dev/yumemi_inc
zenn.dev/yumemi_inc
zenn.dev/yumemi_inc
note.com/hayamiho
automaton-media.com
zenn.dev/shiba_program
togetter.com
anond.hatelabo.jp
zenn.dev/collabostyle
president.jp
japan.zdnet.com
speakerdeck.com/fujiwara3
ca-srg.dev
newmoon555.jugem.jp
anitora5050.com
2024/08/14 リンク