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

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

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

2021年にM1ではないMacbook 13.3inch(2013)を中古で買ったというだけ

最近、Big SurとM1が話題ですがM1搭載Macbookではなく8年前の型落ちMacbookを今更ながら買ってみたのでその報告をするだけの記事になります。Macbookは高いイメージがありますが安く買う方法もいくつかあります。その一つであり最強の型落ち中古Macを買ってみたのでその報告と使用目的について紹介します。

「ウマズラハギのお刺身、肝醤油・極め付け辛口 」酒と料理が好きな引きこもりが作るおつまみ#2

今回もおつまみとお酒を楽しんだので記事にしていきます。スーパーで半額だったウマズラハギの肝醤油とお刺身を作っておつまみにしました。捌き方の説明と味の感想、日本酒「極め付け辛口」の味の感想なんかを引きこもりデザイナーがブログにします。

【全部知ってる？】background-imageでできるCSSの背景操作全て説明

WEBサイトは良い画像が使われているかで、デザインの良し悪しがかなり左右されます。imgタグを使わずCSSの"background-image"プロパティでも画像を表示できます。今回は、基本的な画像の操作から高度な表示までできる"background-image"について、最も詳しくを目指して解説します。