にゅるっとした動きのものがなかったので作った。 Next.jsで動くのを目的に作ったので、styled-jsxを利用している。 SegmentControl.tsx import css from 'styled-jsx/css' import { useState, useEffect } from 'react' const styles = css` .controls { di…

明日で30歳になる。なんとなく節目の年だと感じる。フレッシュ、青年、新人、などの初々しいイメージからは離れ、徐々にベテラン、おじさんなどという言葉に近づいていくのだろう。 自分が当初思っていたよりも「えっもう30!?」という感覚はない。やっと来た…

Reactでアニメーションコンポーネントをサクッと作れるライブラリ「framer motion」。 非常に簡単にアニメーションをつけることができたので伝えたい。 www.framer.com インストール yarn add framer-motion かんたんアニメーション こんなdiv要素を用意して <div style={{ width: '100px', height: '100px', background: 'blue' }}></div>…