【Next.js】devでローカル立ち上げたらWebSocketが接続できなかった話

Next.jsをデプロイしようと色々いじってたら、「websocket.js?a9be:62 WebSocket connection to 'ws://localhost:3000/_next/webpack-hmr' failed: WebSocket is closed before the connection is established.」という警告が出ました。その原因についてまとめておきます。

スマホ版MetaMask（メタマスク）でNFTを表示・確認する方法。

スマホ版のMetaMaskでNFTを表示・確認することでOpenseaをわざわざ開かなくて良くなりました。多くは、自動的に反映してくれるのですが、一部NFTは手動で追加しないといけません。と言うことで今回はios,android版のMetaMaskにNFTを手動追加する方法について紹介します。

【WordPress】いろんな種類の関連記事を表示する関数を作る（そのまま使えるプログラムあり）

関連記事は表示したい場所のレイアウトによって画像だけやタイトルだけにしたかったり、抜粋も表示させたかったりと形式を変更が必要になります。今回は引数を指定することによっていろんな種類の関連記事を表示する関数のプログラムを作ります。

【Webデザイナー必須】WEB上で簡単画像編集&圧縮ができるSquoosh.appが便利！

『Squoosh.appで簡単画像編集・圧縮』Web制作をする上で切り離せないのがサイトに挿入する写真やアイコンなどの画像要素です。今回はWebサイト上で画像編集や圧縮さらに拡張子の変更を行えるWebアプリ「Squoosh.app」を紹介します。

6年前、初めてCSSを触ってからCSSモジュールを使うようになるまでの時系列

WEBサイト制作を6年してきて、CSSの書き方は素のCSS・フレームワーク・命名規則設計・モジュールのように派生・発展していくことを知りましたので、それぞれ今考えていることをまとめておこうと思います。