tonkotsuboy

// FooData型とBarData型の値を流すことを考えてみる

interface FooData {
  foo: string;
}

interface BarData {
  bar: number;
}

tonkotsuboy

async function main() {
  const response = await fetch(url1);
  const arrayBuffer1 = await response.arrayBuffer();
  const response2 = await fetch(arrayBuffer1.url);
  const arrayBuffer2 = await response2.arrayBuffer();

  console.log(arrayBuffer1, arrayBuffer2);
}

main();

tonkotsuboy

export class IteratorUtil {
  /**
   * 引数の配列を無限にループするイテレータの生成
   * @param {Array<T>} array
   * @param {boolean} skipNullValue: nullの値をスキップするかどうか
   * @returns {Iterator<T>}
   * 
   * 使い方
   * 
   * const myArray = [1, 2, 3];

tonkotsuboy

* {
  accelerator: true !important;
    azimuth: center !important;
    background: red !important;
    background-attachment: scroll !important;
    background-color: red !important;
    background-image: linear-gradient(to bottom, red, blue);
    background-position: 2000cm 2000cm !important;
    background-position-x: 2000cm !important;
    background-position-y: 2000cm !important;

tonkotsuboy

/**
 * イージング定数。cubic-bezier()で使用する
 *
 * # 使用例
 * const fooElement = document.querySelector(".foo") as HTMLElement;
 * fooElement.style.transitionTimingFunction = `cubic-bezier(${Easing._6_ExpoOut})`;
 *
 * # 参考
 * アニメーションをデザインしよう！ 知っておきたいCSSイージングのお手本
 * ICS MEDIA https://ics.media/entry/18730

tonkotsuboy

/**
 * イージング定数。cubic-bezier()で使用する
 *
 * # 使用例
 * const fooElement = document.querySelector(".foo");
 * fooElement.style.transitionTimingFunction = `cubic-bezier(${Easing._6_ExpoOut})`;
 *
 * # 参考
 * アニメーションをデザインしよう！ 知っておきたいCSSイージングのお手本
 * ICS MEDIA https://ics.media/entry/18730

tonkotsuboy

import fs from "fs";

/**
 * Node.jsでキャッシュなしにJSONを読み込む
 *
 * 使用例
 * import path from "path";
 *
 * const myStubJson = parseJsonWithoutCache(
 *   path.resolve(__dirname, "relative_path_to_json")

tonkotsuboy

// クライアント環境では次のように使っているライブラリのモックを作りたい
// const library = myLibrary();
// library.foo();

// Hybrid Typesでモックを作る
interface IMyLibrary {
  (): void;
  foo(): void;
  bar(buz: number): string;
}

tonkotsuboy

/** EventTargetを継承したクラス */
class MyClass extends EventTarget {
  start() {
    // 2秒後に「運命の出逢い」イベントを発生させる
    setTimeout(() => {
      this.dispatchEvent(new CustomEvent("運命の出逢い"));
    }, 2000);
  }
}

tonkotsuboy

class MyClass {
  foo = "パブリックなフィールド";
  #bar = "プライベートなフィールド";

  constructor() {
    console.log(this.foo);
    console.log(this.#bar); // クラス内からはアクセス可能
  }
}