【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に公開されていたので、そのコードを読んで認証のシステムを理解していきます。

【WordPress】wp_get_archives()関数で表示されるHTMLを安全にカスタマイズ

wp_get_archives()関数は引数で指定することで年月日別のアーカイブを表示することができる関数です。wp_get_archives()関数を使っていて、「(記事数)」をタグの中に入れたい機会があったので、add_filter()関数を使って安全にwp_get_archives()関数で出力されるHTMLをカスタマイズしていきます。

家でもお店の味「あん肝ポン酢」酒と料理が好きな引きこもりが作るおつまみ#3

今回もおつまみとお酒を楽しんだので記事にしていきます。スーパーで半額だったあん肝を下処理し、あん肝ポン酢を作っておつまみにしました。調理方法と味の感想、日本酒「加賀鳶 山廃純米 本格辛口」の味の感想なんかを引きこもりデザイナーがブログにします。

【WordPress】WP_Queryの一番簡単な使い方

WordPressの記事ページやアーカイブページのコーディングでもサイドバーに表示しがちな関連記事でもループ機能を使用します。ループによって記事情報を取得する方法は様々ですが、その中で最も汎用性が高いWordPress関数である「WP_Query()」クラスの一番簡単な使い方を書いていきます。