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

【Three.js】さて、ひねるか。

今回はマウス操作で、Three.jsで作成した3Dオブジェクトをグネッとひねって（ねじって）変形させるプログラムを紹介します。Three.jsのベクトルの知識、Quaternionの知識、BufferGeometryの知識を深めていきます！

Three.jsのジオメトリ（Geometry）の総まとめ【前編】

Three.jsの3Dオブジェクトはジオメトリとマテリアルの組み合わせでできています。特に重要な形状を作るジオメトリについて、（個人的に）どこよりも詳しく、わかりやすくまとめます。用意されているジオメトリの数が多いため前編後編に分けています。この記事の前編だけでもかなりジオメトリについて理解が深まると思います！

スマホでできるDapps「ナイトストーリー」って知ってる？

このアプリはすでに消えています。 どーもー！Zionです！ 今回は「Knightstory」というブロックチェーンゲームについて記事を書いていきたいと思います！ 目次 ナイトストーリーとは？ ゲームの内容 ゲームの進め方…

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

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