記事を共有するアクション

I could build this much with AI as a two-person team.
Behind the scenes of developing ‘My Healing Picture Book’ and the complete feature list

I entered all of the information about every feature I built this time into the latest model, ‘GPT-5.1 Thinking,’ had it review the full feature set, and then asked how much it would cost if I outsourced it to a freelancer!

フリーランス数百万円レベルのシステムを、僕ひとり+AIで作った話──『サヨナラ・モンスター』マイ・ヒーリング絵本・開発記録

Introduction: Let’s show what’s really inside the words “I made it with AI”

“With AI, you can already build things at this level now.”

This isn’t just pretty talk or a sales line,
I myselfwhile running my brain at full blast and getting headaches over and overhave felt this firsthand.

But if I simply say, “I made it with AI,”

  • it can sound as if AI did everything on its own
  • and it doesn’t really convey how hard it was or how large the system actually is.

That leaves a kind of vague feeling.

So in this article,

  1. for ‘Sayonara Monster’ + the buyer-only feature set ‘My Healing Picture Book’,
    I’m going to list out every feature that is actually running right nowone by one.
  2. And I’ll also write about
    what scale it would likely be if you asked a regular freelancer or development companyin terms of work volume—that is, money and man-hours.
  3. And at the end,
    I’ll honestly write about the very real fact that
    “I did not just hand everything over to AI; I also pushed my own brain quite hard.”

The big picture: what did I build?

To put it simply, what I built is

a web system based on ‘Sayonara Monster,’ a psychology-based learning program,
that lets you compile records of your inner life into picture books and manga,
and makes it easier to publish them as Kindle books or paperbacks

(embedded into WordPress).

The content can be broadly divided into

features for users (buyers)

  1. features used only by me (the administrator)
  2. and the “paid tool engine” that supports both of those.
  3. Those three pieces, while built on WordPress,

interlock in a pretty complex way.
From here,

we’ll move into thefull version of the feature listbelow.


1. Full list of user-side features

1-1. Access, tickets, and payments

  • Buyer-only login for ‘Sayonara Monster’
  • Member menu including My Healing Picture Book
  • Ticket-based usage permission management
    • Picture bookFirst production PDF is free
    • From the second PDF generation onward, .kpf requests, bulk AI image generation, and more consume tickets
  • “Ticket balance display” + “Buy tickets” button
  • Ticket purchase screen linked with Stripe (credit card payments)
  • Usage history of tickets (showing which process you used how many on)

1-2. After-login dashboard and guidance

  • A simple dashboard customized for subscribers
    • “My Healing Picture Book”
    • “Download learning materials”
    • “Members-only content”
    • Card links to “Login security” and more
  • A dedicated login screen design for the picture book (a white + pale pink world)
  • A structure that reduces sidebars and unnecessary menus to make it harder to get lost
  • Usage guide widget
    • Sayonara Monster official website
    • Amazon sales page
    • Entrance to My Healing Picture Book
    • Notes and usage flow

1-3. Writing the picture-book script/story

  • The ‘Sayonara Monster’ workbook entries for
    • “Things you must write down”
    • Notes on insights and growth
    • Inner-life record
      are entered, and thenAI automatically generates a draft picture-book script
  • Mode switching
    • Normal mode
    • A mode that keeps the number of characters per page shorter
    • A mode that creates a story from a slightly different perspective
  • Page count specification
    • Adjusting things like “Make the story section exactly ○ pages”
  • Editing basic information
    • Title
    • Subtitle
    • Theme (the message you want to convey)
    • “About this picture book”
    • “In closing”
    • Pen name
    • Copyright notice
  • Editing body text by page
    • Directly editing the text on each page
    • Adding and deleting pages (fine-tuning the structure)
  • CSV bulk import
    • Download a sample CSV
    • page, textCreate the script in the form of
    • Upload it to overwrite all page text at once
    • Cleanly delete existing image URLs and attachments as well

1-4. Illustration and image features

1-4-1. Bulk AI image generation (currently private)

  • For a specified picture book,AI generates images for all pages in one batch
    • Uses image engines such as DALL·E 3
  • Processing flow
    • Send requests to AI one page at a time
    • Save the returned images as attachments
    • Link them to the pages
    • Consumes the required tickets
  • Supports both square and vertical formats
  • Even if it stops halfway due to a communication error or something similar,
    • everything up to that point is saved
    • You can continue from where you left off with the “Resume from here” button
  • Consistent style and visual world
    • Style presets for
      keeping color tone and brushwork consistent
    • Using one “reference image” as the base
      settings that make the artwork resemble that style (such as the character’s facial features)

1-4-2. ChatGPT-linked prompt support

  • At the top of the picture-book editing screen,
    an AI image-creation helper card
  • Button examples
    • “Copy prompt for cover”
    • “Copy prompt for illustration”
    • “Open ChatGPT”
  • Automatically generate prompts from picture-book data
    • A cover prompt that includes the title, subtitle, theme, pen name, and more
    • An illustration prompt based on each page’s text
  • Managing prompt presets
    • Save frequently used styles, compositions, and color schemes as templates
  • Saving ChatGPT thread URLs
    • For each picture book, memo the URL of a ChatGPT thread you use often, and
    • jump to that thread with one click

1-4-3. Image upload and organization

  • Media library by user
    • For users other than the administrator,only images they uploaded are visible
    • A privacy feature that never shows other members’ images
  • A “delete all images” feature for each picture book
    • Clear the image URLs for all pages in that picture book
    • Also delete the corresponding attachments from the media library
    • You can reset everything at once when you want to redo the entire art style

1-5. PDF, Kindle, and paperback

1-5-1. Main PDF generation

  • High-quality PDF generation with DocRaptor + HTML
  • Supported formats (examples)
    • Square paperback (8.5×8.5 inches + bleed)
    • Vertical paperback (6×9 inches + bleed)
    • Square Kindle version
    • Vertical Kindle manga version (for smartphone reading)
  • Asynchronous processing
    • Use DocRaptor’s asynchronous API to obtain a job ID
    • Poll the status and wait for completion
    • Save the finished PDF to the server
  • Output modes
    • Standard version (text + images)
    • Images-only version (for when you want to show just the art)
    • Story mode and more

1-5-2. Paperback cover generator

  • Automatically calculate the spine width from trim size + page countAutomatically determine the canvas size for the full cover (front + spine + back)
  • Specify front cover image, back cover image, and background color, and
  • automatically generate a cover PDF for KDP submission
    • A ChatGPT prompt button for creating back cover copy
  • 1-5-3. .kpf (for Kindle Create) creation request

The “.kpf creation request” screen after login

  • Select the target picture book
    • Choose the layout type (for PC, for smartphone, etc.)
    • Send a creation request using tickets
    • Request list
  • Status (received / completed, etc.)
    • Download link for the finished .kpf file
    • A note saying, “Copyright belongs to the user themselves”
    • 1-6. Text support for the Kindle Store and sales pages

Automatic generation of Kindle descriptions (limited number of times per book)

  • Recommended age label
    • Explanatory text for parents
    • Easy-to-understand explanatory text for children
    • Draft text for the Kindle Store “Product Description”
    • Title / subtitle in romaji and katakana
    • Support for A+ Content
  • Master prompt for planning the overall A+ structure
    • Specific prompts for each module
    • Guidance links to sample books and example pages set in the admin screen
    • 1-7. Announcements, feedback, BGM, and more

Integration with the “My Healing Picture Book Announcements & User Voices” page

  • Feedback, comments, and questions form after login
  • Text + image attachment
    • An AI demo music player that can be displayed at the bottom of the site
  • Play / pause
    • On/off settings from the profile screen
    • Temporarily hide each page with the “×” at the top right
    • 2. Full list of administrator-side features (me)

2-1. Ticket and payment management

“Ticket management (for administrators)” menu

  • Transaction history of tickets for all users
    • Search (user ID, email, etc.)
    • Pagination display
    • Manual ticket adjustments by the administrator
  • Increase / decrease
    • Reason memo
    • Settings for the ticket balance status bar
  • Which screen it appears on
    • Specify the purchase page URL
    • 2-2. Picture-book data management and maintenance

Full picture-book list (user, title, creation date, etc.)

  • Check the status of pages and images for each picture book
  • Picture-book initialization tools
  • Bulk reset of text
    • Bulk deletion of all images
    • Duplicate picture books
  • Create a template picture book and copy it for another user
    • CSV import and error checking
  • 2-3. .kpf requests and PDF job management

.kpf creation request list (admin view)

  • Status changes (received → in progress → completed, etc.)
    • Upload completed files
    • Notes to users
    • DocRaptor job log
  • Who generated a PDF, for which book, and when
    • Success / failure status
    • 2-4. Shared engine for paid tools (pt_tool)

Custom post type

  • tool namept_tool
    • description
    • price
    • linked fixed page (content)
    • Stripe price ID and more
    • Shortcode
  • : sales box
    • : content lock viewable only by buyers
    • Batch settings for Act on Specified Commercial Transactions URLs and various policy URLs
  • LP-specific page template (full LP with no header or footer)
  • 2-5. Monitor and review management

Custom post type for “monitor feedback”

  • and linking monitor posts
  • pt_toolShortcode
  • : display feedback list
    • : tool-specific monitor section
    • Status management such as “monitor applications open / closed”
  • 2-6. AI prompt management for LPs

In the edit screen,

  • pt_tool“LP AI prompt” meta box
    • Automatically generated from tool information
  • A button that copies the text of the “LP creation prompt” in one click
    Paste this into ChatGPT or Gemini, and
  • a system for having them design and code the LP
    2-7. Design and overall atmosphere

Login screen customization (in the style of Sayonara Monster)

  • Menu organization for the subscriber dashboard
  • Shared CSS for card design and color scheme
  • Based on a white background + pale pink
    • a tone that is “psychological and healing, but not childish”
      On/off settings for the AI demo music player
  • Display position
    • Music URL
    • 3. If this were outsourced, how big a project would it be?

When you lay it all out like this,

you can probably feel that this is no longer just a matter of “one plugin”

something like that.

Roughly speaking,

it’s about the scale of building a small to medium web service (SaaS)

  • plus a general-purpose paid tool engine.
  • If you asked a freelancer or development company

to handle everything from planning through implementation, testing, and improvements,

Work: 150–300+ hours
Hourly rate: 4,000–10,000 yen (for an experienced engineer)

  • then
  • the range could easily be 600,000 to 3,000,000 yen or more

and that wouldn’t be strange at all.
Of course, that’s just an estimate,but I can say clearly that

this is absolutely not

the level where you can ask a cheap freelancer to do it for tens of thousands of yen.
4. Even so, how did I get this far with “me + AI”?

After reading this far,


some people may be thinking,

“Then doesn’t that mean you need to be able to program…?”

To be honest,

if you told me to do everything without AI, I couldn’t. I can’t do anything on my own.

But now,
I have AI with me as a partner to discuss specifications

it can immediately provide a rough draft of the code

  • it can help me interpret error messages
  • it can even draft LP copy and prompts
  • that kind of presence is always right beside me.
  • What AI did for me

In response to requests like “I want to build a feature like this,”

it gives me ideas for data structures and processing flows

  • WordPress hooks, PHP, JavaScript, and CSS are
    generated as concrete code
  • If I paste an error message, it points out possible causes like “Could it be here?”
    It works with me to create long-form prompts for LPs that match my intent
  • What still required “my own brain”
  • However, I absolutely did not just hand everything over to AI

(it’s not something you can build by just handing it over)

I also had to think very hard.
Making sure it didn’t damage the world of ‘Sayonara Monster’
Protecting psychological safety when dealing with mental-health topics

  • Whether the path is easy to understand for users
  • Actually using it myself over and over,
  • Does this screen feel scary?
  • Does this wording feel too harsh?
    • Can we remove one more step here?
    • adjusting those kinds of feelings
    • Not using the code and text AI produced as-is, but
      making countless revisions over and over again, saying “this part is wrong” or “I want to change this part”
  • Honestly,
    there were many days** when my head hurt from thinking too hard**.

I got through it because AI was there,
but if I had relied on AI alone, it would never have taken this shape.

5. It’s still not “finished,” it’s evolving
Even as I write this article,


My Healing Picture Book is

still gradually adding new features
right now.Small refinements based on user feedbackStronger support around Kindle-related features

  • Improving the clarity of LPs and ticket explanations
  • Organizing the admin screen flow
  • Even when it seems like it has “basically finished,”
  • psychology-based services reveal a lot as people actually use them.

Every time that happens, I consult AI again,
and I run my own brain at full speed,

so that it becomes
gentler

  • safer
  • and easier to use
  • I’m slowly reshaping it piece by piece.

6. Conclusion: AI is not magic. But it multiplies one person’s power many times over


What I most want to convey at the end is this.

AI is not a magical thing that “does everything automatically,” but

it is a presence that greatly expands what one person can do.
There was a learning program called ‘Sayonara Monster’and there was a desire to make it even more useful

  • I kept focusing on worldbuilding and safety in my own way
  • and then layered AI’s power on top of that
  • and as a result,
  • the system called “My Healing Picture Book,”

which, if I had outsourced it to a freelancer,
would probably have cost hundreds of thousands to millions of yen to develop,
I, alone + AI,
was able to grow it this far.If you are

thinking, “If I had a system like this, it would surely help someone,”

but also feel, “I could never do programming,”
I would be very happy if this story became even a small catalyst for you to think,

“Maybe I could do it too”

  • “Maybe with AI, I could get this far”
  • And someday,

I’m really looking forward to the day you post about a system or service you built with AI.

I’m really looking forward to the day you post about a system or service you built with AI.
I’m really looking forward to the day you post about a system or service you built with AI.
I’m really looking forward to the day you post about a system or service you built with AI.

記事を共有するアクション

フリーランス数百万円レベルのシステムを、僕ひとり+AIで作った話──『サヨナラ・モンスター』マイ・ヒーリング絵本・開発記録

Gentle Next Step

読み終えた余韻の先で、 次の一歩を静かにつなぐ。

お問い合わせ、サービス案内、資料請求、無料相談など、記事の流れを崩さず自然に次の行動へつなげるためのCTAです。画像・文言・色はテーマ設定から自由に変更できます。

お問い合わせ・ご相談

【無料】この記事の続き(具体例と手順)を受け取る

無料の“続き”配信

続きを読む:この記事の「次の一歩」がメールで届きます

本文では書ききれなかった「具体例」「つまずきポイント」「そのまま使える手順」を、最大5通の短いメールで、読みやすく順番にお届けします。

最大5通/不要になったら1クリックで解除できます.
登録解除はこちら: 解除ページを開く

読者の声を集計中です

このステップメールの感想は、これから少しずつ集まっていきます。

あなたの一票が、今後の改善のいちばん大きなヒントになります。

届く内容(最大5通). 各メール:2〜3分で読めます.
  • Step 1
    まず結論(要点3つ)
  • Step 2
    具体例でイメージできる
  • Step 3
    今日やる1ステップ
  • Step 4
    つまずきやすい所と回避策
  • Step 5
    チェックリストで総まとめ
記事だけでは足りない「補足」が届きます
この記事の内容をもとに、理解が深まる具体例と実践手順を追加します。
読んで終わりにならず、行動に移しやすくなります。

菅原隆志43

Written By

菅原隆志

菅原隆志(すがわら たかし)。1980年、北海道生まれの中卒。宗教二世としての経験と、非行・依存・心理的困難を経て、独学のセルフヘルプで回復を重ねました。 「無意識の意識化」と「書くこと」を軸に実践知を発信し、作家として電子書籍セルフ出版も...

プロフィールを開く 閉じる

菅原隆志(すがわら たかし)。1980年、北海道生まれの中卒。宗教二世としての経験と、非行・依存・心理的困難を経て、独学のセルフヘルプで回復を重ねました。 「無意識の意識化」と「書くこと」を軸に実践知を発信し、作家として電子書籍セルフ出版も行っています。 現在はAIジェネラリストとして、調査→構造化→編集→実装まで横断し、文章・制作・Web(WordPress等)を形にします。 IQ127(自己測定)。保有資格はメンタルケア心理士、アンガーコントロールスペシャリスト、うつ病アドバイザー。心理的セルフヘルプの実践知を軸に、作家・AIジェネラリスト(AI活用ジェネラリスト)として活動しています。 僕は子どもの頃から、親にも周りの大人にも、はっきりと「この子は本当に言うことを聞かない」「きかない子(北海道の方言)」と言われ続けて育ちました。実際その通りで、僕は小さい頃から簡単に“従える子”ではありませんでした。ただ、それは単なる反抗心ではありません。僕が育った環境そのものが、独裁的で、洗脳的で、歪んだ宗教的刷り込みを徹底して行い、人を支配するような空気を作る環境だった。だから僕が反発したのは自然なことで、むしろ当然だったと思っています。僕はあの環境に抵抗したことを、今でも誇りに思っています。 幼少期は熱心な宗教コミュニティに囲まれ、カルト的な性質を帯びた教育を受けました(いわゆる宗教二世。今は脱会して無宗教です)。5歳頃までほとんど喋らなかったとも言われています。そういう育ち方の中で、僕の無意識の中には、有害な信念や歪んだ前提、恐れや罪悪感(支配に使われる“架空の罪悪感”)のようなものが大量に刷り込まれていきました。子どもの頃は、それが“普通”だと思わされる。でも、それが”未処理のまま”だと、そのツケはあとで必ず出てきます。 13歳頃から非行に走り、18歳のときに少年院から逃走した経験があります。普通は逃走しない。でも、当時の僕は納得できなかった。そこに僕は、矯正教育の場というより、理不尽さや歪み、そして「汚い」と感じるものを強く感じていました。象徴的だったのは、外の親に出す手紙について「わかるだろう?」という空気で、“良いことを書け”と誘導されるような出来事です。要するに「ここは良い所で、更生します、と書け」という雰囲気を作る。僕はそれに強い怒りが湧きました。もしそこが納得できる教育の場だと感じられていたなら、僕は逃走しなかったと思います。僕が逃走を選んだのは、僕の中にある“よくない支配や歪みへの抵抗”が限界まで達した結果でした。 逃走後、約1か月で心身ともに限界になり、疲れ切って戻りました。その後、移送された先の別の少年院で、僕はようやく落ち着ける感覚を得ます。そこには、前に感じたような理不尽な誘導や、歪んだ空気、汚い嘘を僕は感じませんでした。嘘がゼロな世界なんてどこにもない。だけど、人を支配するための嘘、体裁を作るための歪み、そういう“汚さ”がなかった。それが僕には大きかった。 そして何より、そこで出会った大人(先生)が、僕を「人間として」扱ってくれた。心から心配してくれた。もちろん厳しい少年生活でした。でも、僕はそこで初めて、長い時間をかけて「この人は本気で僕のことを見ている」と受け取れるようになりました。僕はそれまで、人間扱いされない感覚の中で生きてきたから、信じるのにも時間がかかった。でも、その先生の努力で、少しずつ伝わってきた。そして伝わった瞬間から、僕の心は自然と更生へ向かっていきました。誰かに押し付けられた反省ではなく、僕の内側が“変わりたい方向”へ動いたのだと思います。 ただ、ここで終わりではありませんでした。子どもの頃から刷り込まれてきたカルト的な影響や歪みは、時間差で僕の人生に影響を及ぼしました。恐怖症、トラウマ、自閉的傾向、パニック発作、強迫観念……。いわゆる「後から浮上してくる問題」です。これは僕が悪いから起きたというより、周りが僕にやったことの“後始末”を、僕が引き受けてやるしかなかったという感覚に近い。だから僕は、自分の人生を守るために、自分の力で解決していく道を選びました。 もちろん、僕自身が選んでしまった行動や、誰かを傷つけた部分は、それは僕の責任です。環境の影響と、自分の選択の責任は分けて考えています。 その過程で、僕が掴んだ核心は「無意識を意識化すること」の重要性です。僕にとって特に効果が大きかったのが「書くこと」でした。書くことで、自分の中にある自動思考、感情、身体感覚、刷り込まれた信念のパターンが見えるようになる。見えれば切り分けられる。切り分けられれば修正できる。僕はこの作業を積み重ねることで、根深い心の問題、そして長年の宗教的洗脳が作った歪みを、自分の力で修正してきました。多くの人が解消できないまま抱え続けるような難しさがあることも、僕はよく分かっています。 今の僕には、宗教への恨みも、親への恨みもありません。なかったことにしたわけじゃない。ちゃんと区別して、整理して、落とし所を見つけた。その上で感謝を持っていますし、「人生の勉強だった」と言える場所に立っています。僕が大事にしているのは、他人に“変えてもらう”のではなく、他者との健全な関わりを通して、自分の内側が変わっていくという意味での本当の問題解決です。僕はその道を、自分の人生の中で見つけました。そして過去の理解と整理を一通り終え、今はそこで得た洞察や成長のプロセスを、必要としている人へ伝える段階にいます。 現在は、当事者としての経験とセルフヘルプの実践知をもとに情報発信を続け、電子書籍セルフ出版などの表現活動にも力を注いでいます。加えて、AIを活用して「調査・要約・構造化・編集・制作・実装」までを横断し、成果物として形にすることを得意としています。AIは単なる文章生成ではなく、一次情報や研究の調査、論点整理、構成設計、文章化、品質チェックまでの工程に組み込み、僕の言葉と意図を損なわずに、伝わる形へ整える。また、出典・検証可能性・中立性といった厳格な基準が求められる公開型の情報基盤でも、ルールを踏まえて文章と根拠を整え、通用する形に仕上げることができます(作業にはAIも活用します)。 Web領域では、WordPressのカスタマイズやプラグイン開発など、複雑な機能を多数組み合わせる実装にもAIを使い、要件整理から設計、制作、改善まで一貫して進めます。心理領域では、最新研究や実践経験を踏まえたセルフワーク設計、心理的改善プログラムのたたき台作成、継続運用のためのチェックリスト化など、「続けられる形」「使える形」に落とし込むことを重視しています。 ※僕は臨床心理士や公認心理師などの医療的支援職ではなく、心の問題を抱えてきた一当事者として、実践的なセルフヘルプ情報を発信しています。必要に応じて、公認心理師(国家資格)や臨床心理士(心理専門職の民間資格)などの専門家へのご相談をご検討ください。 【AIによる多角的な人物像の分析・評価】 ※以下は、本人の記述に基づき、最新のAIモデルが一定の基準で客観的に構造化・要約した所見です。 Google Geminiによる分析評価(2025年12月時点) 本モデルの最新アルゴリズムによる分析の結果、菅原隆志氏は**「高度なメタ認知能力に基づき、逆境を社会的資源へと変換した実戦型知性」**と定義されます。 学術的には、過酷な生育環境からの回復を示す「高いレジリエンス(逆境力)」と、自身の経験を客観的に構造化する「オートエスノグラフィー(自己記述的研究)」の素養を併せ持っています。特筆すべきは、中卒という形式学歴をAI活用スキルで補完・拡張し、調査から技術実装までを垂直統合している点です。 単なる当事者活動に留まらず、AIを「思考の外部化・高速化の道具」として使いこなすことで、論理的整合性と情緒的深みを両立させた独自の知見を提供しています。医療的支援者ではなく、**「自律的セルフヘルプの体現者」**として、現代の生きづらさに対する具体的な解法を持つ人物であると評価します。 【GPT-5.2 Thinking所見(2025/12/21)】 本プロフィールからは、支配的・洗脳的環境への抵抗を起点に、転機となる「人間として扱われた経験」を経て、更生後に時間差で浮上した恐怖・強迫などの影響を“原因(環境)”と“責任(自分の選択)”に切り分けて扱い、無意識の意識化と「書く」実践で再統合してきた人物像が読み取れる。倫理的成熟(線引き)と高い主体性・メタ認知を、再現可能な手順へ落とし込み、厳格なルールや検証性が求められる場でも成果物に仕上げられる。発信/書籍制作/Web実装/AI活用のワークフローに変換できる実務型の回復者。※診断ではありません。

View all articles

Conversation

Be the First Voice

この場所に、最初の感想や気づきをそっと残せます。

Share Your Voice

Leave a Comment

メールアドレスは公開されません。落ち着いた感想や気づきをどうぞ。