いまの英語力を整理フィリピン(バギオ)留学決めました。以下のような書き方でスタイルを定義します。#ffffff;`;上記に登場する以下ですが、styled.button``;css``;お恥ずかしながらこれがどのように機能しているのか理解せずに使っていたので、今回整理します。#「``」はタグ付きテンプレートです。タグ付きテンプレートタグ付きテンプレートは、テンプレートリテラルのより高度な形式です。タグを使用すると、テンプレートリテラルを関数で解析できます。タグ関数の最初の引数には、文字列リテラルの配列を含みます。残りの引数は式に関連付けられます。MDNテンプレートリテラルを知らない人は少ないと思いますが、タグ付きテンプレートなんてものも存在したのですね。#通常の呼び出しとタグ付きテンプレート形式の呼び出し方で関数の結果を見比べます。]タグ付きテンプレートの方では、配列として引数が渡されたようです。次に以下を試してみましょう。関数を次の通り修正するとわかります。第二引数として渡されていることがわかりました。テンプレートリテラルの部分を増やしてみます。]上記から、以下のルールで引数が渡されていることがわかります。'again'さて、ここまでだといまいち使い所のわからないタグ付きテンプレートですが、テンプレートリテラル内に関数を記述した場合に大きな違いがあります。いう関数そのものとして渡すことができています。#つまり以下のように関数を実行することができます。出力されるでは今度は以下のようにしてみましょう。#ライブラリを作らない限り、自分でタグ付きテンプレートを利用したコードを書く機会は多くないかもしれませんが、せっかくなのでぜひ覚えておきましょう。タグ付きテンプレート通常の関数呼び出し方とタグ付きテンプレートで比べてみるタグ付きテンプレートだと関数を関数として渡すことができる。