Ayairo Creator Engine v2.1 使い方ガイド
このドキュメントは、ayaIro さんが インストール直後 から 毎日の投稿運用 までを一通りできるように、画面の左から右へ、上から下へ進む順番でまとめたものです。
専門用語はできるかぎり避け、出てきてしまう言葉は その場で意味を説明 しています。読むだけで迷わないことを目標にしています 🌸
対象: v2.1.0(インストーラー版)
想定読者: Redbubble で作品を販売しているアーティスト本人(開発者でない方)
0. このアプリで何ができるの?
Ayairo Creator Engine は、ayaIro さんの Redbubble アカウントに 自動で SNS 投稿を作り続ける仕組み です。ただし「自動で投稿する」だけではなく、その前に 人間が必ず確認してから公開する という安心なワークフローが最初から入っています。
具体的には、
- 「信頼」をためる投稿(制作過程、世界観、Tips、日常)をメインで作る
- そこに 10% だけ商品をそっと紹介する投稿 を混ぜる
- 投稿文は ayaIro さんの文体サンプル と ブランドカラー をもとに AI が下書きを作る
- ayaIro さんが内容を確認・編集してから Buffer 経由で Pinterest / Instagram / X / Threads へ予約投稿する
ということをやっています。
💡 「信頼構築」 って何?
「この人の作品が好き」「応援したい」と思ってくれるフォロワーを少しずつ増やすこと。
商品リンクばかりのアカウントは敬遠されやすいので、価値や人柄を先に届け、最後に「できました」と商品を出す、というのが v2.1 の考え方です。
1. アプリの開き方
インストーラーでインストールしたあと、デスクトップに 「Ayairo Creator Engine」 というショートカットが作られています。
- デスクトップの「Ayairo Creator Engine」を ダブルクリック
- 黒い画面(PowerShell / ターミナル)が一瞬開いて、その後ブラウザが自動で立ち上がります
- ブラウザの画面に「Ayairo Creator Engine」と出ていれば成功です
アドレスは基本的に http://127.0.0.1:3000 です。
⚠️ 画面が開かないとき
– 黒い画面に赤い文字が出て止まっている → その赤い文字をコピーして送ってください(エラーメッセージ=原因の手がかりです)
– ブラウザは立ち上がったけど「接続できません」と出る → 黒い画面が閉じていないか確認。閉じていたら、もう一度デスクトップのショートカットから開き直してください
�️ 「127.0.0.1」が表示されない?
問題ありません。localhost:3000でも同じです。どちらも あなたの PC の中だけで動く アドレスで、インターネットには公開されません。
2. 最初に一度だけやること:オンボーディング(4 ステップ)
インストール直後 は、自動でオンボーディング画面が開きます。「設定がもう終わっている」と表示される場合は /settings から変更できます。
画面の左上に 「1 文体 → 2 カラー → 3 動画 → 4 投稿」 と 4 つのステップがあります。
上から順番にやっていく のがコツです。Step 4 まで終われば、普段使いに入れます。
Step 1:文体サンプル(1〜10 件)
ayaIro さんの 普段の文章の “味” を AI に覚えてもらうステップです。
- 最低 1 件、推奨 5〜10 件
- 1 件ずつ、ラベル(例:「普段の投稿文」「作品の説明文」「海外向けフランク文」など)と本文を入れます
- サンプルは ayaIro さんの既存 SNS 投稿、note の一節、ブログの一段落などからコピペで OK
- 5 件以上あると AI が語尾やトーンを掴みやすくなります
💡 コツ
「自分の文体だ」と思うものを そのまま 入れてください。変に整えようとしないでください。絵文字や改行、句読点の癖も全部含めて “ayaIro さんらしさ” になります。
Step 2:ブランドカラー(3 色)
作品や Redbubble で使っている メイン / サブ / アクセント の 3 色を決めます。
- メインカラー: 1 番多く使う色(ロゴ、タイトルなど)
- サブカラー: 背景や差し色
- アクセントカラー: ボタンや強調部分
💡 3 色決まってない…
まずはメインだけ決めて、サブとアクセントは 近い色・反対色 を入れておけば十分です。後で/settingsからいつでも変えられるので、「完璧じゃなくて OK」。
Step 3:動画の長さ(15s / 30s / 60s)
将来使う動画生成機能の長さの 初期値 を決めます。今は動画生成機能はないので、保存だけして次に進んで OK です。
迷ったら 30 秒(デフォルト)を選んでおけば大丈夫です。
Step 4:投稿設定
ここだけは少し大事です。2 つのスイッチを設定します。
① Instagram 手動承認(既定:ON / 推奨:ON)
Instagram への投稿は、毎回 ayaIro さんが「手動承認」ボタンを押してから Buffer へ送られます。OFF にすると自動で予約されてしまうので、最初は ON のまま にしておくのが安全です。
② 画像ソースモード(3 つの選択肢)
投稿に使う画像を、どこから用意するかを選びます。
- 「すべて AI 生成」:投稿のたびに AI が画像を生成(P2 Inspire、P3 Educate 向き)
- 「すべてローカルフォルダ」:PC の中の画像フォルダから選ぶ(P1 Process、P4 Connect 向き)
- 「カテゴリ別(ハイブリッド)」:上の 2 つをカテゴリごとに切り替える
| 迷ったら | おすすめ |
|---|---|
| 自分の写真・制作画面を撮って使うことが多い | ローカルフォルダ(Pictures/ayairo-creator を作っておくと楽) |
| 抽象的な世界観ビジュアルが多い | AI 生成 |
| 両方使う | カテゴリ別 |
💡 ローカルフォルダを使うとき
1. エクスプローラーでC:\Users\(あなたのユーザー名)\Pictures\を開く
2. その中にayairo-creatorというフォルダを作る
3. 使いたい画像(JPG / PNG / WebP)をその中に放り込む
4. アプリ側の「ローカルフォルダのパス」欄にPictures/ayairo-creatorと入力
※ セキュリティのため、..(親フォルダ)や PC の中ではない場所は指定できない仕組みになっています。ユーザー名のフォルダの中 であれば大丈夫です。
すべて入力できたら 「保存」 を押してください。ダッシュボード(最初の画面)に戻れば完了です 🎉
3. 普段の運用:3 つのメイン画面
ここからは 毎週 / 毎月やる作業 の流れです。3 つの画面だけ覚えておけば回せます。
| やりたいこと | 行く画面 |
|---|---|
| どの日にどの種類の投稿を出すか決めたい | /content-plan |
| 実際に投稿を作って予約したい | /posts |
| 投稿する Redbubble 商品を登録したい | /products |
3-1. 商品登録(/products)
最初に 1 回だけ、もしくは新作を出したときにやる作業です。
- 左メニューの 「商品台帳」 をクリック
- 画面の上にある入力フォームに、ayaIro さんの Redbubble 商品情報を入れる
| 項目 | 例 |
|---|---|
| 商品名 | 「夜空のステッカー / Night Sky Sticker」 |
| Redbubble URL | https://www.redbubble.com/.../i/... |
| デザイン名 | 「Night Sky 2026」 |
| 商品種別 | sticker, t-shirt, mug など |
| タグ | sticker, night, sky, blue, gift |
| 所有画像URL | ayaIro さん自身の画像(任意) |
| 画像・デザインの利用権を確認済み | ☑(必ずチェック) |
- 「商品を登録」 をクリック
- 一覧に表示されたら OK
⚠️ 「権利確認済み」チェック は 必ず自分で つけてください。AI が代理でつけることはありません。第三者の画像を勝手に使う投稿を防ぐための仕組みです。
3-2. 月の計画(/content-plan)
月初 または週末に、「来週 / 来月、何を投稿するか」をざっくり決めます。
- 左メニューの 「コンテンツ計画」 をクリック
- カレンダーが出るので、日付をクリック
- その日に出す カテゴリ(後述)と テーマ(例:「秋の配色」)を入れる
- 商品を出したい日は S(Soft Sell)にして商品を 1 つ選ぶ
5 つのカテゴリ(4-Pillar 信頼構築モデル)
| コード | カテゴリ | 目標比率 | こんな日に使う |
|---|---|---|---|
| P1 | 制作過程 | 30% | スケッチ、レイヤー、作業机の写真 |
| P2 | 世界観・哲学 | 25% | 作品コンセプト、詩的な一言 |
| P3 | アート Tips | 20% | 配色のコツ、サムネイルの作り方 |
| P4 | 日常・人物 | 15% | 進捗報告、制作の合間の写真 |
| S | 商品紹介 | 10% | 新作、まとめ carousel |
比率ゲージが右側に出るので、「商品が偏ってないか」 を見ながら調整できます。数字は目安 なので、厳密に守る必要はありません。
3-3. 投稿を作る(/posts)
毎週 / 毎日 のメイン作業です。4 ステップで 1 つの投稿が仕上がります。
① カテゴリとテーマを決める
画面の左上に 「カテゴリ」 「テーマ」 「商品(任意)」 「SNS」 の選択欄があります。
- カテゴリ: その日に出したい種類を選ぶ(P1〜S)
- テーマ: 「秋の配色」「新作の制作裏話」など、日本語で短くて OK
- 商品: 商品を出したい日だけ選ぶ(P1〜P4 は 商品なしでも OK)
- SNS: Pinterest / Instagram / X / Threads から 複数選べる
② 生成ボタンを押す
「v2.1 で生成」 をクリックすると、AI が 選んだ SNS の数だけ下書き を作ります。
数秒〜数十秒で画面下にカードが並びます。
③ 編集する(大事なステップ)
AI の下書きは そのまま使わない のがおすすめです。
- 本文: カード内のテキストエリアを直接書き換え(フォーカスから外れると自動保存)
- 投稿日時: カード内の日時欄を変更(例:
2026-08-15T19:30) - 画像: 「fal 画像」ボタンで AI 画像を追加生成、またはローカルモードの場合は候補から選ぶ
� AI が作った文章を変えるときのコツ
– 1 行目に フック(読みたくなる一言)を入れる
– 絵文字や改行はそのまま ayaIro さんの癖を残す
– ハッシュタグは Instagram / X だけに付ける(Pinterest / Threads には付けない方が自然なことが多い)
④ 承認して Buffer 予約
カードに 「承認」 または 「手動承認」 ボタンがあります。
- Instagram は手動承認が ON の場合、最初は 「承認待ち」 状態
- 「手動承認」 を押すと 「承認」 に変わる
- 最後に 「Buffer 予約」 を押すと Buffer 経由で選んだ日時に公開される
� Buffer って何?
投稿を 予約しておくと決めた日時に自動で公開してくれる外部サービス です。
ayaIro さんはすでにアカウントを持っている / 設定済みのはずです。設定がまだなら、左メニューの 「SNS・時間設定」 から Buffer の API キーを入れてください(API キーは buffer.com → Settings → Developer で取得できます)。
4. 知っておくと安心な設定画面(/settings)
左メニューの 「設定」 から、いつでも変更できます。オンボーディングで入力した内容を 後から変えたい ときはここ。
- JSON をエクスポート: 設定をファイルとして保存(PC の引っ越しや複数端末で同じ設定を使うときに便利)
- JSON をインポート: エクスポートした設定を読み込む
- API キーは JSON に含まれません。引っ越し先で API キーは別途入れ直す必要があります
5. よくある質問・困った時
Q. オンボーディング画面が出てこない
ブラウザのアドレスに http://127.0.0.1:3000/onboarding と直接入れてみてください。
すでに設定済みなら 自動で /settings に切り替わる ので、初めての方は気にしなくて大丈夫です。
Q. 商品登録したはずなのに、投稿の「商品」欄に出てこない
「権利確認済み」チェックが入っていない可能性があります。/products の一覧で 「要確認」 になっている商品は 投稿で選べません。チェックを入れて再保存してください。
Q. 投稿を生成したのに、画像が出てこない
- AI モード の場合: 「fal 画像」ボタンを押して生成してください(fal.ai の API キーが必要です。
/scheduleで設定) - ローカルモード の場合: 指定フォルダ(既定
Pictures/ayairo-creator)に画像が入っていない可能性があります。フォルダを確認してください
Q. Instagram に投稿されない
オンボーディング Step 4 の 「Instagram 手動承認」が ON になっていないか確認してください。
ON の場合、投稿カードは 「承認待ち」 状態になります。カードを開いて 「手動承認」 → 「Buffer 予約」 の順に押すと公開されます。
Q. Buffer 予約を押したのに「失敗」と出る
- Buffer の API キー が入っていない
- Buffer の チャンネル ID が間違っている
- Buffer 側で該当 SNS チャンネルが連携されていない
左メニューの 「SNS・時間設定」 から、4 つの SNS(Pinterest / Instagram / X / Threads)の 「Buffer チャンネル ID」 が埋まっているか確認してください。
Q. 黒い画面が固まって操作できない
- 黒い画面をクリックして、
Ctrl + Cを押す(アプリが止まります) - もう一度デスクトップのショートカットから開き直す
Q. 「npm audit で警告が出ます」と書いてあって不安…
これは開発者向けの注意書きで、ayaIro さんの使い方には影響しません。アプリはあなたの PC の中だけで動くので、安全です。
Q. 動画生成や Instagram の一括承認は使える?
v2.1 では未実装 です。動画長さの設定は将来の動画生成機能のために保存されています。今は画像付きテキスト投稿をお使いください。
6. お問い合わせの前に準備しておくと助かる情報
困ったときに Michiaki / Ana へ連絡するときは、以下を一緒に送ってください。解決がずっと早くなります。
- 実行した手順(例:「オンボーディング Step 3 で保存ボタンを押した」など)
- 黒い画面に出た赤い文字(API キーなど秘密情報は 絶対に 消してから送ってください)
- 使っている Windows のバージョン(設定 → システム → バージョン情報)
/settingsの「JSON をエクスポート」 で出力されたファイル
秘密情報(API キー、Buffer トークン、Redbubble パスワード)は、送らない でください 🙈
7. このアプリの画面マップ(全体像)
迷子になったらこの図を思い出してください。
┌─────────────────────────────────────┐
│ /onboarding(初回ウィザード・4 ステップ) │
└────────────────┬────────────────────�
▼
┌──────────────┐ ┌────────────────┐ ┌─────────────────┐
│ /products │ │ /content-plan │ │ /posts │
│ 商品台帳 │──▶│ 月の計画 │──▶│ 投稿作成・予約 │
│ │ │ (月初/週末) │ │ (週/日) │
└──────────────┘ └────────────────┘ └────────┬────────┘
│
┌─────────────────────┘
▼
┌─────────────�
│ /schedule │
│ SNS 時間設定 │ ── Buffer 経由で公開
└─────────────┘
┌──────────┐ ┌──────────�
│ /settings│ │/analytics│
│ 設定変更 │ │ 分析 │
└──────────┘ └──────────┘
ayaIro さんの SNS が、少しずつ「信頼できるアカウント」に育っていくことを願っています 🌱
作成: Ayairo Creator Engine チーム
バージョン: v2.1.0 対応
