Post

React Imageで画像の破損に対応する

タイムアウトなどが絡み外部画像の読み込みが失敗することは多々あります。以下のアイコンを見かけたことはあるはずです。 React Imageというライブラリを使うと、上記の画像を指定した画像で隠すことができます。ただ隠すだ […]

Unstated Nextで状態管理

React Hooks以降、複数コンポーネント間の状態管理にはContextとuseReducerを組み合わせるのが一般的になっているようです。以前、このブログ内でも取り上げました。 上記はプレーンなReactだけで実現 […]

Share API – Navigator.share

昨今のWebに必須とも言える共有(SNS)ボタンですが、APIが実装され始めています。 通常、Webにはサイト側が用意したTweetボタンなどが並んでいますが、モバイルだとネイティブの「共有」もあります。これを使うとサイ […]

Next.js+Nowをかじってみた

Next.jsの勉強ついでに、Hearthstoneのパック開封内容を表示するだけのログサイトを作成してみた。以下のURLでアクセスできます。前者はエイリアスです。 https://pa9log.now.sh https […]

First step in styled-components(CSS in JS)

CSS-in-JSはCSSをコンポーネントレベルで抽象化します。特定のライブラリを指すわけではないため、実装に関してはどのライブラリを選択するかによりアプローチは異なります。共通しているのはJavascriptを使うとい […]