WordPress自動投稿アプリを作ってみた【検証】初心者でも解説記事が書けた話

📌 要するに

REST APIを使ってワンストップの記事生成・自動投稿アプリを作った
キーワードとAFリンクを設定してボタンを押すだけ・今までの作業が秒で終わった
Claudeに頼んだだけで、こんなに便利なアプリを作れてしまった

「毎回チャットを開いて、プロンプト貼り付けて、コピペして投稿して…これ全部ボタン1つにならない？ってなりました😳」

📋 この記事でわかること

記事生成〜WordPress自動投稿まで完結するアプリを作った話
実際のアプリ画面・使い方の手順
スマホからもどこからでも使える理由
Claudeに作ってもらった体験談

前の話でREST APIについて調べていたとき、Claudeにこんなことを言われました。

✨ Claudeに言われた一言

「毎回チャットを開いてコードを作るのが手間ですよね。ワンストップのWebアプリを作れますよ。ブラウザで質問に回答するだけで、AIが記事を自動生成してボタン1つでWordPressに投稿できます」

え、何それ？！今すぐ作りたい！ってなりました。笑

「じゃあ作って」と伝えたら、全部お任せで完成しました。

できあがったアプリがこちら
スマホからも使える・しかもパスワード認証つき
実際の使い方を全部見せます
あとは待つだけ・進捗も確認できる
このアプリのかわいいところ
このアプリを作るのに必要なもの
実際にこのアプリで作った記事はこちら
まとめ

できあがったアプリがこちら

名前は「Earn Lab 記事作成ツール」。PCでもスマホでも、ブラウザからアクセスして使えます。

🖥 PCで開いたときの画面（上部）

🖥 PCで開いたときの画面（下部）

「キーワードを入れるだけで、構成案→記事本文→WordPress投稿まで全部自動で終わります。このデザインもClaudeが作ってくれました😳」

スマホからも使える・しかもパスワード認証つき

このアプリはXserverにアップロードしているので、スマホのブラウザからもアクセスできます。Basic認証もつけたので、自分専用のアプリとして使える形になりました。

🔐 認証画面

自分だけがアクセスできる

📱 スマホで開いた画面

スマホでも快適に使える

実際の使い方を全部見せます

スマホでの操作手順をそのまま紹介します。

📋 操作の全体像

APIキー
設定

→

キーワード
入力

→

AFリンク
設定

→

ボタンを
クリック

→

投稿
完了

STEP 1：APIキーなどの初期設定

一度設定すれば次回から入力不要です。設定する項目はこちら👇

🔑 Anthropic APIキーって何？

ClaudeをアプリやプログラムからAI機能を呼び出すためのパスワードのようなものです。Claude Proとは別で、Anthropicのコンソール画面から取得できます。使った分だけ課金される従量制です。

🔑 アプリケーションパスワードって何？

WordPressに外部から安全に投稿するための専用パスワードです。WordPress管理画面の「ユーザー設定」から発行できます。第17話で設定したものをそのまま使えます。

🖼 画像を自動取得したい場合は画像APIも設定

アイキャッチ画像を自動で取得したい場合は、画像サービスのAPIキーも入力します。わたしはPixabayを使っていて、無料で取得できます。設定しておくと画像もまとめて自動で入ります。

STEP 2：記事のキーワードを設定

ターゲットキーワード・サービス名を入力します。ここが記事の方向性を決める一番大事な部分です。今回は「ここナラ　始め方」とキーワードを設定してみました。

STEP 3：アフィリエイトリンクを設定

CTAに入れるAFリンク・関連記事URLなどを設定します。今回はここナラのアフィリエイトリンクを設定しました。

STEP 4：プリセットを選んでボタンをクリック

アプリ下部にあるプリセット機能を使うと、よく使うAFリンクをワンタップで設定できます。あとは記事生成ボタンをクリックするだけです。

「リンクの設定って毎回手間だったんですが、選ぶだけで全部入るので地味に助かりました😊」

あとは待つだけ・進捗も確認できる

ボタンをクリックすると、あとは自動で進んでいきます。

⚙️ 記事生成が自動で進む

タスクが順番に自動で実行されていく

🟠 プログレスバーで進捗確認

オレンジのプログレスバーで今どのタスクが進行中かリアルタイムでわかる

✅ 投稿完了の画面

グリーンの通知が出たら投稿完了です。記事生成から投稿まで、この画面だけで全部完結します。

「グリーンの通知が出たとき、思ってたより早く終わってびっくりしました。笑」

このアプリのかわいいところ

実は使いやすさとは別に、もう一つ「え、そこまで作るの？」と驚いた部分がありました。

🐹 左下のもふろんアイコンをクリックすると…

左下に固定されている🐹アイコンをクリックするたびに、こんなセリフが順番に出てきます。笑

🐹 もふろんのセリフ一覧

「ほっぺパンパンになるまで稼ぐよ！🍊」
「コツコツが最強！」
「全自動で記事を量産するんだ！」
「失敗してもまた挑戦！」
「もふろんは今日も副業検証中…」

「Claudeのセンスも技術もヤバすぎる🤣 記事生成より、このアプリのクオリティの高さに驚きました。笑」

このアプリを作るのに必要なもの

✅ 必要なものはこれだけ

① Xserver（ブログを運営しているならすでに持っている）

PythonとSSHが使えるので、アプリをそのままサーバーにアップロードできます。

② Anthropic APIキー（Claude Proとは別・従量課金）

Anthropicのコンソール画面から取得します。STEP1のボックスで詳しく説明しています。

③ WordPressのアプリケーションパスワード

第17話で設定したものをそのまま流用できます。STEP1のボックスで詳しく説明しています。

④ 画像APIキー（画像を自動取得したい場合のみ）

PixabayなどのAPIキーを設定すると、アイキャッチ画像も自動で取得できます。Pixabayは無料で使えます。

こんな人には合うと思います

記事生成から投稿までの工程を一括で終わらせたい人
スマホからでもどこからでも記事を投稿したい人
毎回同じ作業を繰り返すのが面倒になってきた人

わたしも全部当てはまってました。

実際にこのアプリで作った記事はこちら

✨ アプリで生成・投稿した記事

「ここナラ　始め方」をキーワードに設定して生成した記事です。キーワード入力からWordPress投稿まで、このアプリだけで完結しました。

→ 実際に生成した記事を見てみる

まとめ

毎回チャットを開いて、プロンプト貼り付けて、コピペして投稿して…という作業が、気づいたらボタン1つになっていました。Claudeに頼んだだけで、こんなに便利なアプリを作れてしまったのが一番の驚きでした。笑同じように記事生成に時間をかけていた人は、ぜひ一度試してみてください。

外出先からでも使えて、パスワード認証もついていて、もふろんアイコンまで動く。専門知識ゼロでも、AIに相談しながら進めればここまで形になるんだと実感しました。

「全部わかってなくても作れてる。それでいいんだと思いました。笑」

このアプリもClaude Codeと一緒に作りました。やりたい形を伝えながら、ここまで作れました。

わたしはこれで全部進めました →

📖 合わせて読みたい

← 前の話：REST APIって何？外からWordPressを操作できた話

REST APIを使って自動投稿ワンストップアプリを作ってみた【検証】