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

【初学者】リーダブルコード読んだ

プログラマのバイブルと名高い「リーダブルコード −より良いコードを書くためのシンプルで実践的なテクニック」を読みました。リーダブルコードで検索すると、「古い」「新人」といったサジェストが表示されます。名著なのでもう世の中に数多くのまとめ記事や感想記事がありますが、せっかくなので自分なりにもまとめようと思います。

【Procreate】調整機能の紹介！コントラスト・色調補正を理解しよう！

Procreateの調節機能の色調整を紹介します。色調整は調整機能の中で最も使用する機会が多い機能です。色の調節をするための機能は「色相・彩度・明るさ」「カラーバランス」「カーブ」「カラー変更」の四つがありそれぞれ使い勝手が違います。これらの機能を使うことであとから色の変更をすることができます。

事務所を借りたので買ったものやインターネットなどの契約を紹介。

少しブログの更新をしていない間に事務所を借りました。それにあたって購入したものやインターネット回線などの契約したものを紹介します。ヘルニアの僕にとって椅子と机は大事なものでしたので慎重に選び、ネット関連のお仕事をしているのでネット回線はしっかりとしたMEC光を選びました。

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

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