サイト内の投稿と、外部リンクをブログカード形式で表示するプラグイン【Simple Link Embed】を制作し、WordPressプラグインディレクトリに公開しました。
こういうリンクを埋め込むようなプラグインは他にもあるのですが、もっとシンプルで使いやすいものが欲しいなと思ったので、自分で作ってみることにしました。
バイブコーディングとは
去年くらいよりバイブコーディング（Vibe Coding）と呼ばれる開発スタイルが広まってきており、AIに日常の言葉で話しかけるだけで、自動的に設計やコーディングをしてくれます。
本プラグインもこのバイブコーディングのスタイルを取っており、見た目調整の為に少しCSSに加え調節しただけで、PHPのコードは自分で書いておりません。
主な機能
「Simple Link Embed」の主な機能としては、自分のサイトの投稿、もしくは外部サイトのURLを入力すると、OGPの情報を元に画像やタイトルなどが表示されるというシンプルなもの。
イメージしたのはnoteの埋め込み機能です。
WordPressの場合、テーマによってはこういうリンクの埋め込み機能を提供しているものもありますが、標準でこの様な見た目の機能はありません。
似たような機能を持つプラグインもあり、実際に使っていたのですが、デザイン的にもあまり好みではなく、エディタ上でもそこまで使いやすいとは感じていなかったので、AIコーディングの練習も兼ねて自分で作ってみることにしました。
使用したAIエージェント
今回のコーディングに使用したAIエージェントは、途中までは「Claude Code＋GLM」を中心に使っていましたが、最終的には「GPT-5.3-Codex」で仕上げました。
自分の場合、GLM Coding PlanのProプランを年間契約しているためGLMで作り始めたのですが、途中なかなか直せないバグがあったり、いまいち思い通りにならない部分があったりと、ちょっとGLMだけで完結させるのは現状まだ難しいかなという印象です。
その点、CodexはGLMでは直せなかったバグをしっかりと直してくれ、リファクタリングや脆弱性チェックなんかをお願いしてもしっかりと穴を潰してくれたりと信頼性は高く感じました。
Codexは本当に優秀で、コーディングだけじゃなくWordPress公式ディレクトリへの登録方法や必要なReadmeファイルなど全て用意してくれ、自分がやった作業は指示出しとデバッグ、WordPress.orgへのアカウント登録、スクリーンショットなどの準備、zipのアップロードなどです。
修正も全てAIにお任せ
プラグインを申請してからは、2回ほど修正依頼が来ました。
1回目はAIが自動的に審査をしたらしく、スラッグが似たプラグインが既にあるのでスラッグ名を変更してくれというお願いと、外部参照していた画像があったので、そこが引っかかったみたいです。
修正依頼はメールで届き、それらは全て英語ですがまるっとAIに投げると全て自動的に解釈して修正してくれます。
2回目の審査はAIではなく実際に人がチェックしている感じでした。当初ファビコンを表示しており、Googleの非公式APIを使っていたのですが、そこが駄目みたいだったので、ファビコンは表示しないようにし、再度審査をすると無事通りました。
WordPressはSVNというバージョン管理システムを使っており、それに沿ってファイルなどをアップする必要がありますが、それらもAIにやり方を聞くと全て教えてくれます。
AI開発をして感じたこと
この様に、AIを活用することでプログラムの深い知識が無くても、何かを形にすることは出来ます。
開発を通じて、人の役割って変わってきてるなと強く感じました。
今まで「エンジニア」と呼ばれる人は、どれだけコードを書けるかという点が価値だったのに対し、AIコーディングが主流になると、コードを書けること自体の価値はあまり無くなります。
それよりも「設計」だったり、「デバッグ」の役割が大きく、なんだか「監督」のような全体を俯瞰して眺める役割を求められる様な気がします。
今後も何か開発をしていきたい
今回のプラグインは本当に簡易的なもので、特に特別にデータを持たせたり管理したりするような仕組みは無く、作りやすいものでした。
ただ、今回の開発を通じ、自分一人でも何かを作ることは出来るという事は分かったので、今後もこういったプラグインだったり、アプリなんかも作ってみたいと考えています。