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

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

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

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

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

「初心者のラズパイ勉強日記その5」しばらくするとtimed outしてSSH接続できない

ラズパイを起動してから操作しない時間が長く続くとSSH接続ができなくなってしまいログインしようとしてもTimed outとエラーが出てしまいます。VNCもSSH同様にタイムアウトして接続できませんでした。今回は原因と考えられるパワーマネジメント機能のoffの仕方と再起動時にoffにする方法を試してみます。

6年前、初めてCSSを触ってからCSSモジュールを使うようになるまでの時系列

WEBサイト制作を6年してきて、CSSの書き方は素のCSS・フレームワーク・命名規則設計・モジュールのように派生・発展していくことを知りましたので、それぞれ今考えていることをまとめておこうと思います。