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

Google認証システム「Google Authenticator」のPHPライブラリを読んで仕組みを理解します

ログインの2段階認証でよく使われるGoogle認証システムの「Google Authenticator」。PHPで簡単に認証システムが作成できるライブラリがGitHubに公開されていたので、そのコードを読んで認証のシステムを理解していきます。

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

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

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

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

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

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