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

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

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

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

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

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

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

【使いやすいわ】3年間CSS生で書いてた人が初めてBootstrapを触ってみた感想

WEB制作3年間、今までCSSをゴリゴリ書いていた自分が初めてBootstrapでデザインする機会があったので感想を書こうとまとめます。