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

【Webデザイナー必須】WEB上で簡単画像編集&圧縮ができるSquoosh.appが便利！

『Squoosh.appで簡単画像編集・圧縮』Web制作をする上で切り離せないのがサイトに挿入する写真やアイコンなどの画像要素です。今回はWebサイト上で画像編集や圧縮さらに拡張子の変更を行えるWebアプリ「Squoosh.app」を紹介します。

【WordPress】独自にCSSやJavaScriptを読み込みさせたい時の注意

今回はアクションフックを使ってJavaScriptファイルとCSSファイルを読み込み、簡単に管理する方法を紹介します。キャッシュによるデザイン崩れ予防やファイル管理のためのバージョンも設定することができるfunctions.phpに記載するだけでよい便利なアクションフックです。

WH-1000XM3 イヤーパッドの交換とお手入れの方法。洗濯はNG？

今回はいつも愛用しているSONYから出ているヘッドホンのWH-1000XM3のイヤーパッドの交換とお手入れ方法について紹介していきます。ずっと使っているとイヤーパッドがボロボロになったり、臭くなったりしますよね。ということでヘッドホンのお手入れの際の注意事項や購入したイヤーパッドとその交換方法とその対策を記事です。

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

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