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

【keen-slider.js】mouseupのイベントリスナーでmoveToIdxが効かない

最近メインで使ってるスライダーやカルーセルを作れる「keen-slider.js」でaddEventListenerでmouseUpとtouchStartのイベントの中でmoveToIdx関数でカルーセルを移動させようとした時に発生した、バグ（仕様？）でつまったのでメモしておきます。

【Procreate】の使い方解説！

今回はiPadで絵を描くにはもってこい！Apple Pencilにも対応！超画期的なイラスト制作用アプリケーション【Procreate】の使い方についての記事です。どんなツールがあるのか、どうやって使うのかを解説しました！

20代の男がカラーバリエーション豊富な「名刺入れ」を買ったのでおすすめする記事。メンズレディース兼用

20代の男が名刺入れを新調したので紹介します。比較的リーズナブルでデザインも良く、牛革を使っているので質感も高級感がある名刺入れです。初めて買うときに何を買ったらいいか迷ったり、プレゼントに迷う際はなどにもおすすめです。

【全部知ってる？】background-imageでできるCSSの背景操作全て説明

WEBサイトは良い画像が使われているかで、デザインの良し悪しがかなり左右されます。imgタグを使わずCSSの"background-image"プロパティでも画像を表示できます。今回は、基本的な画像の操作から高度な表示までできる"background-image"について、最も詳しくを目指して解説します。