【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の設定を変えるだけで簡単にできるのでこれを紹介します。

【2時間悩んだ】JavaScriptのfetchでPHPにPOSTしようとしたらうまくいかないぞ

JavaScriptでAjax通信ができるfetch関数を使って自作のPHPのRestAPIに接続したときにうまくPOST送信ができなかった問題の解決方法をまとめます。

【Photoshop】超簡単モザイクのかけ方！

今回はphotoshopで簡単にモザイクをかける方法を紹介します。選択ツールで選択した箇所にモザイクをかけるだけの簡単作業でできます。photosopにはもともとモザイクフィルターが用意されているのでこれを使うことでモザイクをつけることができます。

ベクター・ラスターってなんだ？デジタルグラフィックの種類について

デジタルグラフィックは「ラスター」「ベクター」の2種類に分類できます。今回はそんなベクター画像・ラスター画像についてそれぞれどんな特徴があるのか、使い分け、使われている例についての記事です。illustratorやphotoshopを使う上で理解しておくべき知識ですので、この記事を通して理解を深めていってください！