takumifukasawa

/*
 * # usage
 * const tweenSequence = thisFunc([tween1, tween2, ... more tweens]);
 * tweenSquence.update(time);
 */

import { forEach, every } from "lodash"

export default (...tweens) => {
  return {

takumifukasawa

import { map } from "lodash"

export default ({ frames, container }) => {
  const sprite = new PIXI.AnimatedSprite(
    map(frames, frame => {
      const texture = PIXI.Texture.from(frame)
      return texture
    })
  )

takumifukasawa

const workerCode = `
onmessage = function(e) {
  console.log('worker thread: onmessage');
  console.log(e)
}
`;

const workerScript = URL.createObjectURL(
  new window.Blob([workerCode], { type: "application/javascript" })
);

takumifukasawa

const VIDEO_ID = "video_id";
const API_KEY = "your_api_key";

async function getVideoData() {
  const url = `https://www.googleapis.com/youtube/v3/videos?part=liveStreamingDetails&id=${VIDEO_ID}&key=${API_KEY}`;
  try {
    const response = await fetch(url, {
      method: 'GET',
    });
    const result = await response.json();

takumifukasawa

module.exports = {
  module: {
    rules: [{
      test: /\.ts?$/,
      exclude: [/node_modules/],
      enforce: "pre",
      use: {
        loader: "eslint-loader",
        options: {
          fix: true,

takumifukasawa

export default (str) => str.split("-").map((text, i) => i === 0 ? text : text.substr(0, 1).toUpperCase() + text.substr(1)).join("");

takumifukasawa

import { useEffect, useRef } from "react";

/**
 * manage window timeout hooks
 *
 * ex)
 *
 * const [beginTimer, clearTimer] = useTimeout(() => { ... }, ms);
 *
 * useEffect(() => {

takumifukasawa

import { DependencyList, useEffect, useState } from "react";

/**
 * memolize async value custom hooks
 *
 * base: https://github.com/awmleer/use-async-memo
 *
 * usage1: const value = useAsyncMemo(async () => {}, [deps1, dep2, ...]);
 * usage2: const value = useAsyncMemo(async () => {}, [deps1, dep2, ...], initialValue);
 *

takumifukasawa

import { RefObject, useEffect, useRef, useState } from "react";

type Dimensions = {
  bottom: number;
  height: number;
  left: number;
  right: number;
  top: number;
  width: number;
  x: number;

takumifukasawa

import { useEffect, useRef, useState, RefObject } from "react";
import { useComponentWillUnmount } from "~/hooks/common/useLifecycle";

export default function useHover<T extends HTMLElement>(): [
  RefObject<T>,
  boolean
] {
  let willunmount = false;
  useComponentWillUnmount(() => {
    willunmount = true;