Livetubestar Article

• AI/ツール紹介の記事なら「誰でもできるAI活用！〇〇をClaudeに頼んだら△△になった話」のようなフレーズを使ってもよい
• ポーカー・ゲーム・日常トピックなど、ツール紹介が主旨でない記事には入れなくてよい。「〇〇の本当の理由、話し合ったら深すぎた話」のような自然なタイトルで十分

記事作成フロー

Step 1: 会話内容の整理

ユーザーが話した内容から以下を抽出する：

• 今回の話題・テーマ
• 背景・きっかけ
• 印象的だったやり取りや気づき
• 読者が「へえ」と思えるポイント

Step 2: 記事構成

タイトル: [テーマに合わせたキャッチーなタイトル]

---

皆さんこんにちは、ライブチューブスターの屈辱です。

[導入: 話題の背景・きっかけを1〜2段落で。読者が「あるある！」と思えるような共感できる書き出し]

## ① 問題提起：[何について話したか・何が気になっていたか]

[背景と話題を具体的に説明する]

## ② 実際の会話ログ

「どんな感じで話してるの？」と思った方のために、実際のやり取りをそのまま載せます。
音声入力なので若干ざっくりしてますが、これで十分通じます。

[ここに実際の会話をチャットバブルUIで挿入する ← 下記「会話ログのHTMLフォーマット」を参照]

※音声入力そのままのため、文章は少しざっくりしています

## ③ [解説①：気づきや知識の整理]

[会話から出てきた知識・ポイントをわかりやすくまとめる]

## ④ [解説②：別のポイントや補足があれば]

[複数のポイントがある場合はセクションを分けて解説する]

## まとめ

[総評。読者へのメッセージ]

この記事が参考になったら、Xでシェアしてもらえると嬉しいです！

「同じことをやるには？」セクションについて: AI/Claude/ツールの使い方を紹介する記事の場合のみ追加する。ポーカー・ゲーム知識・日常トピックなど、ツール紹介が主旨でない記事には不要。

会話ログのHTMLフォーマット

「② 実際の会話ログ」セクションでは、チャットバブル形式のHTMLを使う。WordPressの「コードエディター」モードで直接貼り付ける。

<div style="background:#f8f8f8;border-radius:12px;padding:24px;margin:24px 0;font-family:sans-serif;">
  <h3 style="margin:0 0 16px;font-size:15px;color:#555;">🎤 [やり取りのタイトル（例：ゲームが遅くなる原因について）]</h3>

  <!-- ユーザー発言（右寄せ・黒背景） -->
  <div style="display:flex;justify-content:flex-end;margin-bottom:12px;">
    <div style="background:#1a1a1a;color:#fff;border-radius:18px 18px 4px 18px;padding:12px 16px;max-width:75%;font-size:14px;line-height:1.6;">
      🎤 [ユーザーの発言をそのまま記載]
    </div>
  </div>

  <!-- Claude発言（左寄せ・白背景） -->
  <div style="display:flex;justify-content:flex-start;margin-bottom:12px;">
    <div style="background:#fff;border:1px solid #e0e0e0;border-radius:18px 18px 18px 4px;padding:12px 16px;max-width:75%;font-size:14px;line-height:1.6;">
      🤖 [返答を記載]
    </div>
  </div>

  <!-- 必要に応じてユーザー・Claude交互に繰り返す -->

  <p style="font-size:12px;color:#999;text-align:right;margin:12px 0 0;">※音声入力そのままのため、文章は少しざっくりしています</p>
</div>

複数のやり取りがある場合は、トピックごとにこのブロックを分けて使うと読みやすい。

Step 3: SEO対策

• スラッグ（URL）: 必ず英語で設定（例: poker-tournament-slow-game-reason）
• タイトル: 検索されやすいキーワードを含む
• カテゴリ: テーマに応じて適切なものを選択（体験談、AI活用、など）
• タグ: トピックに関連するタグ

Step 4: WordPress投稿

重要: 認証は一切試みないこと。 ブラウザでログイン済みの状態でのみ操作する。REST API・Application Password・Basic認証などの自動化は行わない（詰まる原因になるためユーザーが手動で行う）。

ブラウザを使ってWordPress管理画面から投稿する：

1. https://livetubestar.com/wp-admin/ にアクセス（ログイン済みか確認）
2. 「投稿」→「新規追加」
3. タイトルを入力
4. コードエディターモード（右上「⋮」→「コードエディター」）に切り替えてHTMLを貼り付ける
5. スラッグ（URL）を英語に設定
6. カテゴリ・タグを設定
7. アイキャッチ画像の設定はスキップ（ユーザーが手動で行う。後述）
8. 下書き保存 → ユーザーに確認してから「公開」

ブラウザ自動操作のルール（重要）

ブラウザ操作（Chrome拡張経由）で詰まったとき、何度も試行を繰り返すとトークンをたくさん消費してしまう。詰まりそうだと感じたら、一旦止めてユーザーに相談すること。

止めて相談するタイミング：

• 同じ操作を2〜3回試しても同じエラーが出る
• 認証・ログインが必要な操作にぶつかる
• ページの応答がなく、何をすべきか判断できない
• 「ユーザーが自分でやった方が早い」と感じた瞬間

ユーザーが自分でやってよい操作：

• パスワード入力・ログイン
• ファイルアップロード（アイキャッチ画像など）
• CAPTCHAやセキュリティ確認
• REST API認証・Application Password設定

詰まったときは「〇〇で詰まっています。ここをやっていただくか、別の方法を相談させてください」と素直に会える。試行を重ねるよりも相談した方がトークン節約になる。

サムネイル作成

記事のサムネイル画像はスクリプトで自動生成できる。生成した画像のアップロードとアイキャッチ設定はClaudeにはできないため、必ずユーザーが手動で設定する。

使い方

python3 /path/to/skills/livetubestar-article/scripts/generate_thumbnail.py "記事タイトル" [出力ファイル名.png]

• 出力ファイル名を省略すると thumbnail.png として保存される
• スクリプトは自動的に assets/ フォルダのヘッダー画像・キャラクター画像を使用する
• 生成後は outputs フォルダに保存してユーザーに渡す

アフィリエイトリンクについて

Amazonアフィリエイトを使用している。商品リンクを挿入する場合：

• ユーザーから https://amzn.to/... の形式のリンクをもらう
• WordPressの「カスタムHTML」ブロックでリッチリンクとして表示できる

注意事項

• 記事のURLスラッグは常に英語で（日本語URLはSEOに不利）
• SNSシェアボタンはXとコピーのみ表示（FacebookやPinterestは不要）
• 「ライブチューブスターの星です」ではなく「ライブチューブスターの屈辱です」が正しい

よくある記事テーマ

1. Claudeを使ったWordPressサイトの自動更新
2. 音声入力（Windows H）だけで記事投稿する方法
3. マウスのサイドボタンにショートカットを設定した話
4. Googleアドセンス取得への道
5. Xへの自動投稿・連携
6. ポーカー大会の進行・ディーラー・ルール関連