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 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の「ウィンドウ枠の固定」みたいなやつ。
WordPressプラグインを公式リポジトリに登録する手順
readme.txtを作成 プラグインの登録にはreadme.txtが必要です。公式サイトのガイドラインにてreadmeファイルのテンプレートや検証ツールで書き方を確認しましょう。 プラグインフォルダのZIPを作成 プラ […]