車いすなコーダーAbout小樽で3年と少し経験を積み、現在は札幌でコーダーをしております。赤い電動車いすに乗って生活をしています。不便はありますが、行列待ち等の椅子がない状況では、真価を発揮します。※スロープやエレベーターに関しては、もはや好きという感情では収まり切れません。OctVue.jsWordPress今回この記事を作成するにあたり「五十音別でカテゴライズされたアーティスト検索ツール」というサンプルを作ってみました。_)m)WordPress側の設定情報としては、以下のような形です。カスタム投稿タイプartistカスタムタクソノミーgojuonカスタムフィールドurl(Wikipediaにリンク)カスタム投稿タイプ「artist」から記事を取得し、カスタムタクソノミー「gojuon」からア行~ワ行まで取得するという流れになります。「artist」というカスタム投稿ですので、リクエスト先は以下のようになります。http://hoge.com/wp-json/wp/v2/artistがしかし、まだこの状態ではアクセスをしてもJSONは吐き出されておりません。カスタム投稿タイプの場合デフォルトは無効のようで、register_post_typeのオプションで指定する必要があります。今回の場合は、以下のような感じですね。APIが許可されJSONが吐き出されるようになります。「gojuon」というカスタムタクソノミーを設けておりますので、以下のようなリクエスト先でJSONが吐き出されております。http://hoge.com/wp-json/wp/v2/gojuonですが、こちらもカスタム投稿タイプ同様にデフォルトでは許可されていないんですね。register_taxonomyのオプションを指定しましょう。);?>カスタム投稿タイプと同じで、show_in_restをtrueにします。これで、ターム一覧(ア行~ワ行まで)も取得可能になりました。コンテンツ一覧へ戻るレスポンス内容にカスタムフィールドを追加する今回「url」というカスタムフィールドを設けましたが、そのままではJSONの内容に含まれておりません。よって、phpでレスポンス内容の追加(修正)をする必要があります。カスタム投稿タイプ:artistに、カスタムフィールド:urlを追加したい場合は、以下のように記述します。);}?>公式ドキュメントの記述ほぼそのまま引用ですが、このようにするとJSONのレスポンス内容にurlというカスタムフィールドが含まれるようになります。以上でWordPress側の準備は完了ですね。後は取得して描画というわけですが、今回もVue.jsを使いサンプルを作成しました。五十音でカテゴライズされたサイドメニュー(gojuon)アーティスト名で絞り込めるインクリメンタルサーチアーティスト名クリックでWikipediaに飛ぶ(url)という想定で、サンプルを構築してみました。サンプルを確認するコンテンツ一覧へ戻る以上、今回はWordPress側に目線を置いた内容でした。Vue.js側の記述等に関しては割愛させていただきます。Posts2019.07.15「別のプログラムがこのフォルダーまたはファイルを開いているので、操作を完了できません。