【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.」という警告が出ました。その原因についてまとめておきます。

TwitterCardで画像が正しく表示されないときの解決方法。

ブログを更新したときTwitterで投稿した記事ページを毎回ツイートしているのですが、あるときからツイートのリンク画像（Twitterカード）が表示されなくなってしまいました。今回はその表示問題の解決方法を記事でまとめました。

Three.jsのジオメトリ（Geometry）の総まとめ【前編】

Three.jsの3Dオブジェクトはジオメトリとマテリアルの組み合わせでできています。特に重要な形状を作るジオメトリについて、（個人的に）どこよりも詳しく、わかりやすくまとめます。用意されているジオメトリの数が多いため前編後編に分けています。この記事の前編だけでもかなりジオメトリについて理解が深まると思います！

【Procreate】調整機能の紹介！描いた絵をパワーアップさせよう！

Procreateの調節機能を紹介します。今回紹介していくのはその中でも、不透明度、ぼかし(ガウス)、モーションブラー、遠近ブラー、シャープ、ノイズ、ゆがみ、クローンです。これらを使うことでいろいろな場面に適したエフェクトを付けていくことができます。

Openseaでの取引方法を説明しよう！

こんにちは。白ごまブログのデザインが変更されたので、それに合わせて記事を書き直しているZionです。 BCGをやっていくうえでなくてはならない存在のNFTマーケット。そのNFTマーケットの中でも取引量がダントツでトップな…