FOR CLAUDE CODE USERS
テーマを伝えるだけで、記事を書いてnoteの「下書き」まで作ってくれます
Claude Code(パソコンの中で動くAIアシスタント)に 「◯◯というテーマでnoteに記事を書いて投稿して」 と話しかけるだけで、次の4つをまとめてやってくれる道具です。
この先に出てくる言葉です。ここだけ読んでおけば、あとは迷いません。
始める前に、次の4つがそろっているか確認してください。
| 必要なもの | 確認のしかた・入手先 |
|---|---|
| Claude Code (デスクトップアプリ / CLI) |
すでにお使いのはずです。 ブラウザ版(claude.ai)では動きません |
| Google Chrome | 入っていなければ https://www.google.com/chrome/ から無料で入れられます。Microsoft Edge や Safari では動きません。Chromeが必要です |
| Node.js (バージョン18以上) |
入っていなければ https://nodejs.org/ の「LTS」と書かれたほうを入れてください。入っているか自信がなければ、Claude Codeに「Node.jsのバージョンを教えて」と聞けば調べてくれます |
| noteのアカウント | 普段お使いのもので大丈夫です。 ※予約投稿を使いたい場合は「noteプレミアム」(月500円)への加入が別途必要です |
note-post というフォルダを、下の場所にコピーします。
~/.claude/skills/note-post/
「~」はあなたのユーザーフォルダのことです
C:\Users\あなたの名前\.claude\skills\note-post\
「あなたの名前」はWindowsのユーザー名です
場所がわからなければ、自分で探さなくて大丈夫です。Claude Codeにこう頼めば、正しい場所に置いてくれます。
note-post フォルダを Claude Code のスキル置き場に入れて
使えるスキルを教えて
note-post があればOKです。ここは最初の1回だけです。2回目からは必要ありません。
note-post のセットアップをして
ブラウザを自動で動かすための部品を、Claude Codeが入れてくれます。2〜3分かかることがあります。
added 2 packages のような表示が出ます。note にログインして
Chromeのウィンドウが自動で開きます。そこであなたがnoteにログインしてください。
✅ ログインを検知しました(アカウント: あなたの名前) と出ます。完了。 と表示されて終わります。
~/.note-post/profile / Windows: C:\Users\あなたの名前\.note-post\profilenote のログイン状態を確認して
"verdict": "LOGGED_IN" と、あなたのアカウント名が表示されます。
見出し画像をAIで作りたい場合だけ必要です。画像生成の準備 のページを開いて、書いてあるとおりに進めてください(5分ほど)。
自分で用意した画像を使う場合や、画像なしでよい場合は、この準備は要りません。
「美容室の集客をAIで変える方法」というテーマで
noteに記事を書いて投稿して
あとはClaude Codeが進めてくれます。下書きを作る前に、必ずあなたに内容を見せて確認をとります。そこで「これでOK」と答えると、noteに下書きが保存されます。
✅ 下書きを保存しました(公開はしていません) と、記事を編集するURLが表示されます。
この原稿をnoteに投稿して
原稿を書く工程をとばして、note用に整えて下書きにするところから始めます。
見出し画像は何も言わなければ自動でつきます(記事一覧やSNSでの見え方に効きます)。
AIに作らせる場合、画像の中に文字は入りません。AIが日本語の文字を描くと崩れてしまうため、あえて入れない作りにしています。
noteは「あとから検索で見つけてもらう」場所です。誰に向けて・何の悩みについてを入れて伝えると、記事の質がぐっと上がります。
| 良い伝え方 | あいまいな伝え方 |
|---|---|
| 美容室オーナー向けに、予約の取りこぼしをAIで減らす方法 | AIについて何かいい感じの記事 |
| 新人が3ヶ月で辞める問題。原因と、明日からできる対策 | 人材育成の記事 |
このツールは下書きを作るところまでです。「◯月◯日の朝7時に公開」という予約は、noteの画面であなたが設定します。
くわしい手順は 予約投稿の手順 にあります。大事な点は3つです。
| 項目 | 内容 |
|---|---|
| お金がかかる | noteの予約投稿は 「noteプレミアム」(月額500円)に入っている人だけが使える機能です。入っていないと、設定する項目そのものが画面に出てきません |
| パソコンで行う | スマホアプリでは設定できません。パソコンのブラウザで操作してください |
| 設定する場所 | 「公開に進む」→ 詳細設定 → 予約投稿 →「日時の設定」 時刻は30分きざみ(7:00、7:30…)で選びます |
できないこと・気をつけることを、先にお伝えしておきます。
| 項目 | 内容 |
|---|---|
| 斜体は消えます | note側が斜体に対応していないためです。強調したいところは太字を使ってください |
| 表は入りません | note側が表に対応していないためです。箇条書きに置き換えてください |
| ブラウザ版のClaudeでは動かない | パソコンに入れたClaude Codeが必要です |
| note側の変更で止まることがある | noteの画面デザインが変わると動かなくなる可能性があります。その時は黙って失敗せず、理由を表示します |
| 連続で大量に使わない | 短時間に何本も投稿すると、アカウントが止められる可能性があります |
まず、出てきたエラーの文章をそのままClaude Codeに見せてください。たいていはそれで解決します。
こんなエラーが出ました。(エラーの文章を貼りつける)
| 出てきた文章 | どうすればいい? |
|---|---|
| Google Chrome が見つかりませんでした | Chromeを入れてください(https://www.google.com/chrome/)。EdgeやSafariでは動きません |
| ログイン情報のフォルダが、別のウィンドウで使用中です | このツールが開いたChromeがまだ残っています。閉じてから、もう一度実行してください |
| セッションが切れています | 時間が経ってログインが切れました。「noteにログインして」と、もう一度伝えてください |
| noteのエディタが開きませんでした | 同じくログイン切れの可能性が高いです。ログインし直してください |
| Gemini APIキーが見つかりません | 画像づくりの準備がまだです。画像生成の準備 を見てください。画像が不要なら「画像なしで」と伝えれば進みます |
| 予約投稿の項目が出てこない | noteプレミアム(月500円)に入っていない可能性があります |
| 斜体や表が消えた | note側の仕様です。太字・箇条書きに置き換えてください |
Claude Codeに頼めば不要ですが、ご自身で操作したい方のために載せておきます。note-post フォルダを開いた状態で実行してください。
npm install # 部品を入れる(初回だけ)
npm run login # noteにログイン(初回だけ)
npm run check # ログインできているか確認
# 下書きを作る
node scripts/note-post.js 原稿.md
node scripts/note-post.js 原稿.md 画像.jpg
# 見出し画像をAIで作る
npm run image -- --prompt "a bright hair salon interior, warm light" --out header.jpg
画像を作る指示(--prompt)は英語のほうがきれいに仕上がります。
ファイルの先頭に、次の3行を書きます。
---
title: 記事のタイトル
---
ここから本文をふつうに書きます。
使える書き方:見出し(# ##)/箇条書き(- 1.)/引用(>)/太字(**はさむ**)/リンク([文字](URL))/区切り線(---)
ダウンロードするZIPに入っている 03_動作確認用サンプル.md が実際の例です。
~/.note-post/profile / Windows: C:\Users\あなたの名前\.note-post\profile)アカウント乗っ取りにつながります。