WordPress 【WordPress】WordPress REST APIで投稿データを外部アプリに配信する方法
WordPressは標準でREST APIを備えており、投稿やページ、カスタム投稿タイプなどの情報をJSON形式で外部に配信できます。これにより、SPA（シングルページアプリケーション）やモバイルアプリ、外部のWebサービスと簡単に連携可能...
WordPress 
WordPress 【WordPress】投稿保存時に自動でカスタムフィールドを設定・初期化する方法
WordPressでカスタムフィールド（投稿メタ）を使って情報を管理している場合、「新規投稿時に特定のカスタムフィールドを自動で設定しておきたい」「未入力のフィールドに初期値を入れておきたい」といった要望はよくあります。本記事では、投稿の保...
WordPress 【WordPress】投稿に添付された画像をすべて取得してギャラリー表示する方法
WordPressでは、投稿に画像をアップロードすると、それらは「添付ファイル」として投稿に関連付けられます。本文中に挿入されていなくても、アップロードされた画像をすべて取得してギャラリー形式で表示することが可能です。この記事では、現在の投...
WordPress 【WordPress】特定の投稿にだけパスワード保護を自動で適用する方法
WordPressでは投稿ごとに「パスワード保護」の設定が可能ですが、運用上「特定の条件に合致する投稿には自動でパスワードをかけたい」という場面があります。毎回手動で設定するのは手間がかかるため、自動化することで作業効率が大幅に向上します。...
WordPress 【WordPress】投稿タイプごとにエディター（Gutenberg／クラシック）を切り替える方法
WordPress 5.0以降、デフォルトの投稿エディターはブロックエディター（Gutenberg）に変更されましたが、すべての投稿タイプでGutenbergを使いたいとは限りません。カスタム投稿タイプごとに、Gutenbergとクラシック...
WordPress 【WordPress】フロントエンドで現在ログイン中のユーザー情報を取得・表示する方法
会員サイトやユーザーごとの情報表示が必要なサイトを運営している場合、ログイン中のユーザー情報をフロントエンド（投稿・固定ページ・テンプレート）で表示したいことがあります。WordPressではwp_get_current_user()関数を...
WordPress 【WordPress】投稿本文内にショートコードでカスタムHTMLを挿入する方法
WordPressでは、ショートコードという仕組みを使って、投稿や固定ページの本文中に任意のHTMLやPHPの出力を埋め込むことができます。特定の装飾や定型コンテンツ、広告ブロックなどを簡単に挿入したいときに便利です。この記事では、オリジナ...
WordPress 【WordPress】カテゴリ・タグ選択をモーダルで実装する方法
WordPressでは投稿編集画面でカテゴリやタグをチェックボックス・入力欄で選択できますが、選択肢が多くなると見づらく、操作性が低下します。特にタクソノミーの項目が大量にある場合、標準UIでは目的の項目を探すのが大変です。そこで本記事では...
WordPress 【WordPress】カスタムタクソノミーを管理画面に階層付きで表示する方法
WordPressでは、カテゴリのように階層構造を持つタクソノミーを自由に作成できます。しかし、カスタムタクソノミーを管理画面で使う場合、階層がうまく表示されない・扱いにくいといった問題が起こることもあります。本記事では、カスタムタクソノミ...
WordPress 【WordPress】管理画面でカスタムフィールドをソート可能にする方法
WordPressでは、管理画面の投稿一覧でタイトルや公開日などのカラムはクリックで並び替えができますが、カスタムフィールド（例：価格や優先度など）の値で並び替えるにはカスタマイズが必要です。本記事では、ACFやmeta boxなどで登録さ...
WordPress 【WordPress】ページネーションをAjaxで非同期読み込みにする方法
WordPressで投稿一覧などを表示する際、通常のページネーションはページの再読み込みが発生します。しかし、ユーザー体験を向上させたい場合、Ajaxを使って非同期で次ページの投稿を読み込む方法が効果的です。本記事では、Ajaxによるページ...
Vue.js 【Vue.js】リアルタイム文字カウント機能を作る｜入力制限と残り文字数表示
Vue.jsを使えば、フォーム入力欄に対してリアルタイムで文字数をカウントし、残りの入力可能文字数を表示する機能も簡単に実装できます。本記事では、最大文字数制限とともに、残り文字数の表示や制限超過時の警告を含む実用的な文字カウント機能を紹介...
Vue.js 【Vue.js】複数のトースト通知をグローバルイベントで制御する
シンプルなトースト通知は便利ですが、実務では「複数の通知を同時に表示したい」「どこからでも呼び出したい」といったニーズも多くなります。本記事では、Vue 3で複数トーストの同時表示とグローバルイベントによる通知呼び出しを可能にする拡張実装を...
Vue.js 【Vue.js】トースト通知を作る方法｜イベントで表示・非表示を制御する簡易実装
Vue.jsを使えば、ユーザーに一時的なメッセージを表示する「トースト通知」も簡単に実装できます。本記事では、ボタンクリックなどのイベントを契機に表示し、数秒後に自動で消えるシンプルなトースト通知機能の作り方を紹介します。トースト通知とは？...
Vue.js 【Vue.js】モーダルウィンドウを作成する方法｜スロット・クリック外で閉じる処理付き
Vue.jsでは、クリック一つで開閉できるモーダルウィンドウも簡単に作成できます。本記事では、再利用性の高いモーダルコンポーネントを作成し、スロットによる中身の差し替えや、モーダルの外側クリックで閉じる処理まで含めた実用的な実装方法を紹介し...
Vue.js 【Vue.js】ページネーション付きリスト表示を実装する方法｜1ページ○件表示に対応
Vue.jsを使えば、大量のリストデータをページ単位で表示する「ページネーション機能」も簡単に実装できます。本記事では、1ページあたりの表示件数を制御し、前後のページ切り替えができるシンプルなページネーション付きリストの作成方法を紹介します...
Vue.js 【Vue.js】検索フィルター付きリストの作成｜computedで絞り込みを実装
Vue.jsでは、入力フォームとcomputedプロパティを組み合わせることで、リアルタイムで絞り込みができる検索フィルター機能を簡単に実装できます。本記事では、シンプルなリスト検索の例を通じて、v-modelとcomputedの連携方法を...
Vue.js 【Vue.js】入力フォームのバリデーション機能を実装する方法｜リアルタイムでエラー表示
Vue.jsを使えば、リアルタイムでの入力チェックやエラー表示を備えたバリデーション機能を簡単に実装できます。本記事では、v-modelとcomputedを活用して、基本的な入力バリデーションを構築する方法を解説します。バリデーション機能と...
Vue.js 【Vue.js】タブ切り替えUIの作り方｜アクティブなタブを動的に切り替える実装例
Vue.jsを使えば、タブ切り替えインターフェースも簡単に実装できます。本記事では、v-forによるタブの自動生成や、アクティブ状態の管理、クリックによる表示切り替えまで、実用的なタブUIの作り方を解説します。タブ切り替えUIとは？タブUI...
Python 【Python】定期レポートを自動でExcelに出力しメール送信するスクリプトの作成
業務の自動化を進める上で、「定期レポートを作成し、Excel形式でメール送信する」という処理は非常に需要があります。この記事では、Pythonを使ってExcelファイルを生成し、SMTP経由でメールに添付して送信する一連のスクリプトを紹介し...