???

??? ??? ??????? ??? ??? ??? ES6(2015)? ??? ??? ???? ?? ?????. ?? ?? ??? ???? ???? ??? ? ????? ??? ? ?? ??? ?? ?? ??, ?? ?? ?? ??? ??? ?????.

??? ??? ???? ?? ?? ?? ?? ? ??? GraphQL?? ?? ???? ???? ???? ????.

---

???

??

??? ??? ???? "?? ??"? ??? ???? ?????. ?? ??? ???? ???? ??? ?? ??? ?? ??? ?? ??? ???? ???.

???? ?? ??? ????.

const bar = "var bar";

function tag(strings, ...values) {
  console.log(strings); // Array of string literals
  console.log(values);  // Array of interpolated values
}

????

tag`foo ${bar} baz`;

// Output:
// ['foo ', ' baz']  // Array of strings
// ['var bar']       // Array of values

---

?? ??

1. ???(i18n)

??? ??? ??? ???? ???? ???? ?? ???? ???? ??? ? ????.

?:

function i18n(strings, ...values) {
  const translations = {
    "Hello, ": "Hola, "
  };

  return strings.reduce((acc, str, i) => {
    const translatedStr = translations[str] || str; // Translate if possible
    return acc + translatedStr + (values[i] || '');
  }, '');
}

const name = "Alice";
const result = i18n`Hello, ${name}!`;
console.log(result);
// Output: "Hola, Alice!"

2. GraphQL

GraphQL?? ??? ??? ???? ?? ???? ???? ???? ? ?? ?????.

?:

const query = gql`
  query {
    user(id: 1) {
      name
      age
    }
  }
`;

3. ??? ??? ???? ?? ??

??? ??? ???? ?? ??? ?? ?? ???? ??? ??? ??? ??? ???? ??? ??? ?? ????.

?:

function tagged(baseValue) {
  return function(strings, ...functions) {
    return strings.reduce((acc, str, i) => {
      const value = typeof functions[i] === 'function' ? functions[i](baseValue) : '';
      return acc + str + value;
    }, '');
  };
}

const result = tagged(2)`foo${n => n * 0}bar${n => n * 1}baz${n => n * 2}`;
console.log(result);
// Output:
// "foo0bar2baz4"

---

?? ? ????

??? ?? ??? ???? ???? ??? ?? ??? ?? ??? ??? ????? ?? ??, ???, ?? ??? ?? ?? ??? ??????. ?? ?? ??? ??? ??? ?????? ?? ???? ?? ???? ?????.

---

????

• MDN ? ??: ??? ???
• ES6 ??
• GraphQL ?? ??
• ??? ??? ??? の TypeScript推論

? ??? TIL: ?? ??/??? ??? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!