Quramy

#!/bin/bash
unset AWS_ACCESS_KEY_ID
unset AWS_SECRET_ACCESS_KEY
unset AWS_SESSION_TOKEN
mkdir -p '/tmp/app/.next/server/pages'
echo '[x-amplify-log][INFO] starting copy'
cp -r '/var/task/.next/server/pages' '/tmp/app/.next/server'
echo '[x-amplify-log][INFO] copy server pages complete'
cp -f /var/task/server.js /tmp/app/server.js
echo '[x-amplify-log][INFO] copy complete'

Quramy

[TS Playground](https://www.typescriptlang.org/play/?#code/HYQwtgpgzgDiDGEAEAXAnjCB9F0VYDMB7AJywBEIIYAFAS3gGskBvAKCVQ2QCEAbIgHMaRKCiQBeVh05I6AEwBcSMSTrBBAbhmc6UciRAEUygEZEifCCGDbZqOiivLV6rTpUBXUwBVHVgH4XFDUNO1lzeTRg0Pd7EE8UAAtSIOl7XSUVELdw+wI6EjEAOXAIGNyPTj4QErKKsKqkeBJrXHkAQRNs2LzZTxh5EHauhrjZAF8+lBBBKDT2DLks10al+EtSMb7qkFMIPm2mlraITu7V8fsBoZGLnLXJgG0AXT6T4bPRnsrrwc-zkdOFM2DJQJBYAhkBAAB7gGBWdKyDbAMSoPAAeVMACtlJRqPQmAAefhCERiAA0SAARApqUgAD40hLJUgAOjpjOZiRSJDZBSKKFKkHpTOpMzmbJq+z41IAfJIkfYFMpqaYAAyagCM1IpTRZvOUiyWy1VnigEBI2t1TU4ArqkFVPCIphtSwmeqWEqgyieLCQ0oOqpoJCEhjAYDc9I9rADeyDNJ83AAyi06DAUNGXp7JtoPAB6fNIAACKCgAFpYZh4ChKyRQyQPOhMEgAOqOJIASWAADcQHwFDRhklFfjaAxGCSBMJRCgqbT5KKacAiPhYXoUG4sIwIGh5eEJqDOODoHBECo6GAEdg4Mklc0iKjxLgxFjcUgx4TJ6SZ5SaZyxU3JwICXakDVIeVFWNZUsjVTV1R1HN7CA5xmQAd2gIhICQUxpzdDJwJII1bVNGlzUta0kIye0hXqGlnVdKj7BqB1yhpDpgHkS0oEffD1laAFvmpAAmdVRPLBCJK1Hx1QATkUTUFPVNl4IALT4jIbkE7oRLE9UpKkmT5MUzUVM1dSmKQD0PBBDwUTRF8UDfDo+HEKRHLfFRhj0ApoCQL8pzJWd5wAmkUJArkwJ5CC5QPI8kBPSFz1vJJCFILBgDwM4sFaDYSHke97OfTEc

Quramy

先週に同僚と会話していたときに気になっていた Experimental Test Proxy について。

https://github.com/vercel/next.js/blob/canary/packages/next/src/experimental/testmode/playwright/README.md

mugi さんの素振りメモ や この機能が実装された際の PR のコードを読んで、ようやく何が行われているかを理解した。

まず、README にある以下のコードがどこをスタブしているかであるが、

import { test, expect } from "next/experimental/testmode/playwright";

Quramy

import { cache } from "react";

import DataLoader from "dataloader";

// backend service clients
import { getPopularPosts, getUserById, getUsers } from "@/services";

const memoizedGetUserById = cache(getUserById);

const getUserLoader = () =>

Quramy

GraphQL Client における Cache の話

Client Caching

Relay や Apollo のスタンス:

• Performance 都合のみであれば、Document Cache でも十分。
• Cached Data の一貫性を保持することを考えると、Document Cache では不十分であり、正規化が必要

https://relay.dev/docs/principles-and-architecture/thinking-in-graphql/#client-caching

Quramy

import assert from "assert";
import { parse, print, DocumentNode, visit } from "graphql";

function removeUnusedFragment(document: DocumentNode) {
  const usedFragmentSet = new Set<string>();

  // mark used
  visit(document, {
    FragmentSpread(node) {
      usedFragmentSet.add(node.name.value);

Quramy

TypeScript 4.2

https://devblogs.microsoft.com/typescript/announcing-typescript-4-2/

New Features

Leading/Middle Rest Elements in Tuple Types

下記のように、Rest Elements が tuple の最初でなくても使えるようになっています。

Quramy

/**
 * 
 * Mini calc with TypeScript template string types
 * 
 * EBNF
 * 
 * ```
 * expr    = mul ("+" mul)*
 * mul     = primary ("*" primary)*
 * primary = num | "(" expr ")"

Quramy

GraphQLとクライアントサイドの実装指針

---

GraphQLって何

• Facebookが開発した クエリ言語
• 今はGraphQL Foundationに移管されている

https://quramy.github.io/graph-api-note/#/

Quramy

import { Rule } from "eslint";

const rule: Rule.RuleModule = {
  create: (context) => {
    return {
      ['NewExpression:not(:has(*.arguments)) > Identifier[name="Date"], CallExpression > MemberExpression:has(Identifier.object[name="Date"]) > Identifier.property[name="now"]']: (node: any) => {
        context.report({
          message: "Don't use side-effective Date function.",
          node,
        });