Google AntigravityでWPのプラグインを作る

by ⠀

Google Searchに対応したプラグインを欲しくて色々探してみたが、
同様のプラグインは数多くヒットするが、機能が多すぎて
操作性に難があるものが多く、痒いところに手が届かない。

そこで、 Antigravityで 必要最低限の機能を持つプラグインを速攻で実装させてみた
“`
wordpressで googleの検索を利用した プラグインを作成してください。 inputフォームは [google_search_box action=”/g_result” , method=”GET”]で作成可能にしてください。 ＜div class=”input-group”＞ ＜input type=”search” class=”form-control”＞ ＜button class=”btn btn-success “＞検索＜/button＞ ＜/div＞ placeholderは Google 検索 文字とロゴ 設定画面も用意してください。 設定画面内は、やさしい日本語で説明すること。使い方など。 [google_search_result] で 検索結果を表示するようにすること。固定ページは自分で作るので [google_search_result]で 呼び出せると最高 検索結果は固定ページ・カテゴリー・投稿・ユーザ・メディアに対応すること。 これで作成可能ですか？ ただし、非公開ページは表示しない。
“`
と打つと仕様を作成してくれた。

“`

# Implementation Plan – Google Search WordPress Plugin
Create a WordPress plugin that integrates Google Custom Search Engine (CSE) with a custom-designed search box and a dedicated results page.
## User Review Required
> [!IMPORTANT]
> This plugin requires a **Google Search Engine ID (CX)** to function. The user must create one at [Google Programmable Search Engine](https://programmablesearchengine.google.com/).
> [!NOTE]
> Standard Google Custom Search Engine (CSE) indexes public URLs. For “Users”, “Categories”, and “Media” to appear in results, they must have public URLs that Google has indexed. Private pages are naturally excluded from Google’s index.
## Proposed Changes
### [Plugin Core]
#### [NEW] [google-search-plugin.php](/plugins/google_search/google-search-plugin.php)
– Main plugin entry point.
– Registers settings, styles, and shortcodes.
#### [NEW] [admin-settings.php](/plugins/google_search/includes/admin-settings.php)
– Implements the admin settings page.
– Uses **Easy Japanese (やさしい日本語)** for explanations.
– Fields: Search Engine ID (CX).
#### [NEW] [shortcodes.php](/plugins/google_search/includes/shortcodes.php)
– `[google_search_box]`: Creates the HTML structure:
  “`html
  <div class=”input-group”>
     <input type=”search” class=”form-control” name=”q” placeholder=”Google 検索 …”>
     <button class=”btn btn-success”>検索</button>
  </div>
  “`
– `[google_search_result]`: Renders the Google CSE result component.
#### [NEW] [style.css](/plugins/google_search/assets/css/style.css)
– Custom styling for the search box and results to ensure “Visual Excellence” and “Premium Design”.
## Verification Plan
### Automated Tests
– None (Visual/Integration based).
### Manual Verification
1. Activate the plugin in WordPress.
2. Go to “Settings > Google Search Settings” and verify the “Easy Japanese” descriptions.
3. Enter a valid Search Engine ID.
4. Create a page with `[google_search_box action=”/search-results” method=”GET”]`.
5. Create a page at `/search-results` with `[google_search_result]`.
6. Perform a search and verify that results are displayed.
7. Verify that the search box looks premium and has the Google logo/placeholder.
8. Verify that private pages do not appear in results (by checking Google’s index behavior).

“`
問題ない。

すると3分で完成した。

正直、楽。

ただ、Antigravityを使用するたびに、セキュリティ的に大丈夫か、ロジックはおかしくないか、コードに目を通して、検査するので
その部分の仕事が増えるため、プログラムのコードなどの処理を理解していない人が最初にAntigravityを使用するのは、大変だと思う。