こんにちは。フロントエンドエンジニアのほりでーです。 今回はES6の新機能であるテンプレートリテラルとimport/exportステートメントについてご紹介いたします! テンプレートリテラルとは これまでJavaScriptで文字列をあつかう際には、リテラルとして「'(シングルクォート)」か「"(ダブルクォート)」を使っていました。ES6では、あらたに「 `(バッククォート)」によっても文字列をあつかえるように。この「`」で表現された文字列リテラルを、テンプレートリテラル(または、テンプレートストリングス)と呼びます。 テンプレートリテラルを使うと、通常の文字列リテラルとは異なり、下記のような恩恵を受けられます。 途中でもエスケープなしで改行文字を含められる ${…}記号を使って文字列の途中にJavaScriptを混ぜられる タグ付テンプレートリテラル、という使い方ができる 他の言語に登場