【3D開発のオトモ】サンプル多！3Dを操作できるlil-guiを理解する！

今回はWebで3Dを使った開発をする場合に必須とも言えるライブラリ「lil-gui」の使い方と、使い道がわかるサンプルについて紹介します！使い方はとても簡単で、即座に開発に導入できます！3Dのみに限らず通常のWeb制作の手助けにもなるのでぜひ身につけておきましょう！

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

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

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

モニターがチカチカする！？EIZOのディスプレイ「EV2451」が壊れたので無償修理に申請してみる。

僕が愛用しているEIZOのディスプレイ「FlexScan EV2451」の調子が悪くなってきました。4隅が黒っぽくなったりピカピカ、チカチカと点滅します。EIZOは無償修理を行なっており保証期間が5年と長いので壊れたときは修理してもらう一択です。ということで今回は調子が悪いEIZOのモニターを無償修理に出す方法と注意点について解説していきます。

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

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