WordPressのプレビューでAdvanced Custom Fieldsの値が表示されないときに試してみること

WordPressプラグインAdvanced Custom Fields で入力した値が、下書きのプレビュー時に表示されない問題の解決法です。

PrettierでPHPのBrace Style(波括弧)をAllmanからK&Rに変更する方法

PretteierでPHPを整形する場合、波括弧はAllmanスタイルという、開始側の括弧が改行されたスタイルに整形されます。これを、改行されないK&Rに変更する方法です。

VSCodeでPHPの構文チェックとフォーマットを自動化する

VSCodeで構文チェックの自動化とフォーマット、これまでJavaScript, CSS, HTMLについては解説してきました。今回はその流れでPHPも行っちゃおうということでやっていきます。

ReactでTailwindCSS / HeadlessUI / Heroicons の使うときの初期設定まとめ

TailwindCSS / HeadlessUI / Heroiconsは、React案件ととても相性がよく、効率的に開発を行うことができます。 というわけで、毎回初期設定が面倒なのでまとめておきました。

VSCodeでHTMLの構文チェックとフォーマットを自動化する

Markuplintの構文チェックを使うための設定 .markuplintrc.json (設定ファイル)プリセットのルールを記述しておきましょう。 プリセットの詳細は公式サイトにてご確認ください。 ちなみに、.html […]

ゼロから見直す VSCode x ESLint x Stylelint x Prettier 環境構築 2023

VSCodeでESLintとPrettier、そしてStylelintの環境構築について改めて見直しました。 ここ最近までESLintやStylelintのフォーマット機能を使用しておりPrettierを使っていなかった […]

擬似要素 ::before, ::afterに指定したSVGの色を変えるCSS

セレクトボックスなどにSVGのアイコンを付けたい。でもSVGの色が変わらない!そんなときの対処法。

JavaScript オブジェクトの配列をソートする

JavaScriptでオブジェクトの配列を、特定のプロパティの値順にソートする方法についてご紹介します。 というか、何回やっても忘れるので備忘録も兼ねつつ。

React Routerで作ったページが、本番環境で500エラーになったら試してみること

React Routerで作ったページが、本番環境で500エラーになる。開発環境ではちゃんと表示されるのに。 たとえば、こんなケース。下記のコードで、http://example.com/(本番環境)は表示されるけど、h […]

ヘッダーセル固定で横(縦)スクロールするTableを作成するCSS

左端のセルが固定された、横スクロールのTableをHTMLとCSSで作りたい。Excelの「ウィンドウ枠の固定」みたいなやつ。