WordPress

【WordPress】テーマの翻訳対応(gettextと.po/.moファイル)

WordPressのテーマを国際化対応(i18n)させることで、多言語環境で利用する際に翻訳が容易になります。gettext関数を使ったコー
Editor

【VSCode】tasks.jsonでビルドやLintを自動化する方法

VSCodeではtasks.jsonを使うことで、ビルドやLint、テスト、ウォッチなどの繰り返し作業をエディタ内から統一的に自動化できます。
Docker

【Docker】Nginx + PHP-FPMの環境をComposeで構築する手順

NginxとPHP-FPMをDocker Composeで組み合わせると、本番に近い構成をローカルですばやく再現できます。Nginxが静的配信とリバースプ
Git

【Git】bisectでバグを仕込んだコミットを特定する方法

Gitで「いつからバグが入ったのか分からない」状況に直面したら、git bisectを使って問題を導入したコミットを高速に特定できます
JavaScript

【JavaScript】Intl APIを使った日付・数値の国際化フォーマット

グローバルに利用されるWebサービスやアプリでは、日付や数値の表示をユーザーの地域や言語に合わせることが重要です。JavaScript
WordPress

【WordPress】投稿ごとに好きなCSSやJSを追加する方法

この記事では、WordPress の投稿ごとに「そのページ専用の CSS/JS」を記述・適用できるようにする方法を解説します。メタキ
Git

【Git】ブランチが削除できないときの原因と対処法(安全に消す手順)

Gitでブランチを削除しようとして「チェックアウト中なので削除できない」 あるいは「未マージのため -d では削除できない」と
JavaScript

【JavaScript】MutationObserverでDOM変化を監視する方法

Webアプリや動的なページでは、JavaScriptや外部ライブラリによってDOMが書き換えられることがよくあります。要素が追加された
HTML/CSS

【CSS】object-fitとobject-positionで画像の表示位置を自在に調整する方法

レスポンシブデザインやカード型レイアウトで画像を扱うとき、画像の比率が揃わず表示が崩れてしまうことがあります。そんなときに便
WordPress

【WordPress】テーマに条件付きでCSSやJSを読み込む方法

サイトの読み込み速度や管理のしやすさを高めるには、必要なページだけにCSSやJSを読み込むのが効果的です。WordPressで
Editor

【VSCode】launch.jsonでデバッグ環境を設定する方法

VSCodeは豊富なデバッグ機能を備えており、launch.jsonを設定することでプロジェクトに合わせたデバッグ環境を簡単に構築できます
Docker

【Docker】phpMyAdminを使わずにMySQLを操作する方法(CLI編)

MySQLをDockerコンテナで利用する場合、phpMyAdminのようなGUIツールを使わずに、コンテナ内のCLIから直接操作することも可能です
Git

【Git】revertとresetの違いと使い分け

Gitで作業を巻き戻したいときによく使われるのがrevertとresetです。どちらも「履歴を戻す」ためのコマンドですが、仕組みや使いどこ
Git

【Git】タグ(tag)の使い方|バージョン管理とリリース管理に活用する方法

Gitでソフトウェアのバージョンを明確に管理するために便利なのが「タグ(tag)」です。特定のコミットにラベルを付けることで、リリ
JavaScript

【JavaScript】Event Delegationで効率的にイベントを管理する方法

```html イベントを多数の要素に付与するとき、個々にリスナーを登録するとメモリ消費や再描画コストが増え、動的に追加される要素に
WordPress

【WordPress】REST APIを使ったカスタム投稿データの取得方法

WordPressのREST APIを使うと、テーマやフロントエンドアプリからカスタム投稿タイプのデータをシンプルに取得できます。正しく設定
WordPress

【WordPress】wp_localize_scriptの使い方|JavaScriptにPHPの値を渡す方法

WordPressでJavaScriptを扱う際、PHPの値をそのまま渡したい場面は多くあります。AjaxのURLやセキュリティ用のnonce、テーマやプラ
gulp

【Gulp】Sassのコンパイルと自動リロード環境を構築する方法

フロントエンド開発では、Sassを使った効率的なスタイル管理とブラウザの自動リロードによる即時反映が欠かせません。Gulpを活用
Editor

【VSCode】便利なショートカットキー一覧|作業効率を劇的にアップする

VSCodeは高機能なエディタとして世界中で利用されていますが、その真価を発揮するにはショートカットキーの活用が欠かせません。マ
Docker

【Docker】Nginxを使ったローカル開発環境を構築する方法

Webアプリケーションの開発では、実際のサーバー構成に近い形でローカル環境を構築できると便利です。DockerとNginxを組み合わせれば