【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】超シンプルな自作プラグインを作成

WordPressは先人たちが開発してきたプラグインが数多く用意されています。開発者界隈では「車輪の再開発はするな」と言われていますので、何か実装したいプログラムがある場合、そのプログラムは既存のプラグインを探すほうが良…

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

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

【Procreate】の使い方解説！

今回はiPadで絵を描くにはもってこい！Apple Pencilにも対応！超画期的なイラスト制作用アプリケーション【Procreate】の使い方についての記事です。どんなツールがあるのか、どうやって使うのかを解説しました！

【WordPress】preg_match_allを使って投稿のHTMLにクラス属性をつける

直接HTMLタグにCSSを付けるのが嫌いになりました。なので投稿で使用されてるdiv要素以外の<h2><p><blockquote>に全てクラス属性を自動的に付けるプログラムを作成しま…