【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を表示することができるプログラムを作っていきます。

【WordPress】カスタムフィールドの値を投稿管理ページに表示させる

【WordPress】カスタムフィールドの値を投稿管理ページに表示させる 今回はWordPressのカスタムフィールドに格納しているメタデータをWordPress管理ページの記事一覧のカラムに閲覧数の項目を追加するプログラムを作ります。

「初心者のラズパイ勉強日記その5.5」LEDの光り方を変えて電源が入ってるのをわかりやすくする。

Raspberry Piの基板には2つのLEDが載っていますが、シャットダウン後と起動時で同じ光り方をしてしまっています。これではラズパイ本体をみて判断ができないので、シャットダウン後と起動時でLEDの光り方を変えてわかりやすします。/boot/config.txtの設定を変えるだけで簡単にできるのでこれを紹介します。

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

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