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

「初心者のラズパイ勉強日記その3」ほかのパソコンからVNCで接続。

メインPCとラズパイを２台並行して使うとキーボードやマウスが増えたり、モニターを切り替えたりと面倒じゃないですか？ メインPCでラズパイを操作できたらいいなぁと思っていたら結構簡単にできるではないか！というわけで今回は「VNCについて」「IPアドレスの固定」「ラズパイの設定」「メインPCの設定」を記事にしていきます。

【3D開発のオトモ】サンプル多！3Dを操作できるlil-guiを理解する！

今回はWebで3Dを使った開発をする場合に必須とも言えるライブラリ「lil-gui」の使い方と、使い道がわかるサンプルについて紹介します！使い方はとても簡単で、即座に開発に導入できます！3Dのみに限らず通常のWeb制作の手助けにもなるのでぜひ身につけておきましょう！

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

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

TwitterCardで画像が正しく表示されないときの解決方法。

ブログを更新したときTwitterで投稿した記事ページを毎回ツイートしているのですが、あるときからツイートのリンク画像（Twitterカード）が表示されなくなってしまいました。今回はその表示問題の解決方法を記事でまとめました。