はじめに
この実験では、hsl()
カラー文字列を色相、彩度、明度の個別の値を持つオブジェクトに変換する方法を探ります。文字列を操作し、配列メソッドを使って数値を抽出し、名前付きプロパティを持つ新しいオブジェクトに格納します。この実験が終わるとき、JavaScript でカラー値を扱う方法をより深く理解しているはずです。
Skills Graph
%%%%{init: {'theme':'neutral'}}%%%%
flowchart RL
javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"])
javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"])
javascript/BasicConceptsGroup -.-> javascript/variables("Variables")
javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types")
javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators")
javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators")
javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions")
javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment")
subgraph Lab Skills
javascript/variables -.-> lab-28652{{"HSL からオブジェクトへ"}}
javascript/data_types -.-> lab-28652{{"HSL からオブジェクトへ"}}
javascript/arith_ops -.-> lab-28652{{"HSL からオブジェクトへ"}}
javascript/comp_ops -.-> lab-28652{{"HSL からオブジェクトへ"}}
javascript/higher_funcs -.-> lab-28652{{"HSL からオブジェクトへ"}}
javascript/destr_assign -.-> lab-28652{{"HSL からオブジェクトへ"}}
end