【WordPress】preg_match_allを使って投稿のHTMLにクラス属性をつける

直接HTMLタグにCSSを付けるのが嫌いになりました。なので投稿で使用されてるdiv要素以外の<h2><p><blockquote>に全てクラス属性を自動的に付けるプログラムを作成しま…

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

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

【WordPress】独自にCSSやJavaScriptを読み込みさせたい時の注意

今回はアクションフックを使ってJavaScriptファイルとCSSファイルを読み込み、簡単に管理する方法を紹介します。キャッシュによるデザイン崩れ予防やファイル管理のためのバージョンも設定することができるfunctions.phpに記載するだけでよい便利なアクションフックです。

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

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

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