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

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

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

【立体感のモト】完全理解！Three.jsのライト（Light）の使い方を徹底解説。

Three.jsの「ライト」。使い方の基礎をしっかり理解しておかないと、「影が出ない」「向きがわからない」など思わぬ問題が起こりやすい部分です。この記事ではライトの基本的な使い方を解説しました。

モニターがチカチカする！？EIZOのディスプレイ「EV2451」が壊れたので無償修理に申請してみる。

僕が愛用しているEIZOのディスプレイ「FlexScan EV2451」の調子が悪くなってきました。4隅が黒っぽくなったりピカピカ、チカチカと点滅します。EIZOは無償修理を行なっており保証期間が5年と長いので壊れたときは修理してもらう一択です。ということで今回は調子が悪いEIZOのモニターを無償修理に出す方法と注意点について解説していきます。

【jQuery】IPv6アドレスをAjaxで取得して表示する

『IPv6アドレスをAjaxで取得して表示する』IPアドレスといえばIPv4の12桁の数字の文字列が一般的でしたが、ネットワーク通信量が増えてきた現在は20桁以上の数字の文字列で出来上がるIPv6を使用するネットワークが増えてきました。記事内でIPv6の確認ができます。