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

【WordPress】プラグインなしで閲覧数をカウントして人気投稿TOP3を作る

ネットサーフィンをしていると、閲覧数の多い順に表示したランキングを見かけることが多いです。今やブログやYouTubeといったの動画サイトなど様々なウェブサイトで必須な項目の１つとも言えます。今回は閲覧数をカウントして人気投稿TOP3を表示することができるプログラムを作っていきます。

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

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

激安なのに高品質！PS4・PS5対応の「Kungber Q18」というコンデンサーマイクを紹介しよう！

配信、会議、ボイスチャットをする上でとても大事になってくるマイク。今回は高品質なのに激安のコンデンサーマイク「Kungber Q18」を紹介します。USB接続なのでPCでの利用はもちろん、PS4などでも利用することができます。マイクアームやウィンドスクリーン、ポップガード、LEDが光るマイクが全て付属しています。

【Photoshop】3分でできるスポット修正ブラシツールが便利すぎる

写真の中の「文字」「電線」「折り目」が邪魔だな消したいなと思った時に最適なのが、スポット修正ブラシツール。Photoshopの中でもかなりの頻度で使うツールの使い方を紹介していきたいと思います。