【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のライト（Light）の使い方を徹底解説。

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

【PHP】祝日を取得できるAPIを作りながらClassの基礎を学ぶ

カレンダーWebアプリを作る際に、日本の祝日をAPIで取得したくなり、良い機会だったPHPのクラスとオブジェクト指向の復習がてらWebAPIを自作してみました。

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

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

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

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