管理人

React

【React】React Router dom v6, v6.4

v6とv6.4以上でルートの作成方法が変わったので、メインで6.4のものを、後半にv6のものをメモしていきます。v6.4以上のルート作成createBrowserRouterを使うReact Router v6.4+ で導入された新しいルー...
Web制作

Google reCAPTCHA 設定

google reCAPTCHAを使ってみようと思い、設定などをメモどうやら2024/8くらいに大幅な変更があったようで、今までのようにreCAPTCHAを単独で使うことが不可能になっていた。(あったのかもしれないが探せなかった。)今まで使...
WordPress

【WordPress】Meta Boxプラグインでカスタムフィールドを使いやすくする

WordPressでカスタムフィールドを使うとき、デフォルトのものだと味気ないしわかりにくい。カスタムフィールドを使いやすくしたい、でもACFやSCFはどうなるかわからなくて不安、そういうときのベストプラクティスを見つけてしまいました。Me...
WordPress

【WordPress】カスタムフィールドを投稿記事につけて値を取得する

WordPressの投稿記事にカスタムフィールドを設置し、値を取得する方法についてのまとめです。(※ACF,SCFを使っててもfunctions.phpで強制的に表示可能)カスタムフィールドの優良プラグインであるACFがあったんですが、昨今...
Web制作

【VSCode】Code Spell Checkerでスペルチェック除外設定(関数エラーについても追記)

動点PVSCodeでスペルのエラーが消えない!直さないといけないエラーと混ざってわかりにくいよ‼動点QちゃんCode Spell Checkerは単語を登録するとエラーが出なくなる設定があるのでそれを使うのです・・・。快適なコーディング環境...
React

React-Responsive

Reactのライブラリです。useMediaQueryというメディアの幅を検知してくれるフックスがあったので便利そうだったからメモimport { useMediaQuery } from "react-responsive";const ...
Web制作

プロジェクトをgithubに上げる

実行前に.gitignoreで上げないファイルをきちんと指定する最初にプロジェクトを上げるまでの処理ターミナルgit init でgit管理下にプロジェクトを置くgit add . すべてのファイルをインデックスに登録git commit ...
React

モデルの読み込み【drei,fiber】

モデルの読み込みはfiberだけでもできますが、dreiを使うとさらに簡単に読み込めます。ファイルの場所publicファイル・・・静的ファイルとしてアクセスしたいときsrcファイル・・・Webpackの管理下でファイルを扱いたいときpubl...
React

react three drei

React Three Drei(drei)は、React Three Fiberと一緒に使われる便利なユーティリティライブラリです。Dreiは、3Dシーンの作成を簡素化し、よく使われるコンポーネントやヘルパー関数を提供します。React ...
React

【React】React Three fiber を使ってアニメーションを実装する

webでアニメーションを実装したい場合の一つの手段として、今回はReact Three fiberを使ってReactでThree.jsのように3Dアニメを実装する方法をメモしておきます。(※環境構築は解説していません)今回はアニメーションさ...