PHP 初心者が WordPress の プラグイン 作成 ! part38 ( ココナラの公開設定を調査 その8 )

この記事では PHP 初心者 が WordPress プラグイン を 作成 します。 part38 ではヘッドレスブラウザでココナラブログの公開設定にまだまだ挑みます!

前回、またしても公開設定の「カテゴリを選択」に失敗してしまいました。

PHP 初心者が WordPress の プラグイン 作成 ! part37 ( ココナラの公開設定を調査 その7 )

なんだか足踏みしているようでモヤモヤ😒
しかも今回は調査ばかりでほとんど進むことができませんでした(´・ω・`)
メモを記載しておきます。

Vue.jsを少し知る

Vue.jsについて調べていると、よく「双方向バインディング」なんていう言葉を見かけます。

Vue.jsの双方向バインディング再入門 – Qiita

「本文」でもそうでしたが「カテゴリを選択」の部品は、ココナラ側でこの双方向バインディングをしていないのではないでしょうか。
もしくは部品が複雑でできないとか。

ソースコードを調べて双方向バインディングを後付けで追加するなどの対応が考えられますがVue.jsへの理解が浅すぎて自分ではどうにもできそうにありません。

やはりソースコード追跡!

ここは原点に返って単純なソースコード解析を行うことにしましょう。

カテゴリを選択しないまま「公開設定」ボタンを押すと「カテゴリを選択を入力してください」とエラーメッセージが表示されます。

なんだか日本語がおかしいですがおそらく ラベル名 + “を入力してください"の組み合わせなんだろうと察しがつきます。
ブラウザ側に届いたJavaScriptを全検索しました!するとめぼしい箇所を発見!

https://d38quxh3lusp65.cloudfront.net/_nuxt/prod/4c75ed7.js

ここにこのような実装がありました。

ここにブレークポイントを仕掛けて公開設定画面の「公開する」を押してみました。
すると期待通りここで停止します。

 

・・・ここを手掛かりに探そうと思います。

まとめ

ココナラブログの公開設定を調査しました。

なんとか今回も爪痕を残すことができたようです(笑
やはりソースコードを解析するのが地味ですが一番!

次回も地道にがんばります。

今日はここまで!