IDEAREAL — 制作実績 2026

合同会社アイディアリアル / 坂本健太 ── 2026年4月〜8月

AIで、
ここまで作れる。

ここに並んでいるものは、すべて外注ゼロ・1人で作りました。
企画・設計・実装・デザイン・コピー・資料まで、AI(Claude Code)を実務の相棒として使い、 Webアプリ、EC、LP、商品画像、提案資料、社内の業務自動化までを同じ手つきで作っています。
「AIで何ができるか」ではなく、「AIで実際に何を作って、何が動いているか」の記録です。

ここには、途中でやめたものや、作ったけれど使っていないものも、そのまま載せています。AIで作れる量は増えましたが、作ったものが全部動くわけではありません。何が動いていて、何が止まっているか。そこも含めて記録です。

8
毎日動いている
業務自動化
11
実装したWebアプリ
/ プロトタイプ
3
公開・
稼働中のサービス
79,000行
自作アプリのコード量
(TypeScript / Astro)
01 — AUTOMATION

毎日動いている業務自動化

見せるためのデモではなく、自社の実務でそのまま回っているもの。ここが「AIを使えます」と「AIで会社が回っています」の差です。

受注取込・出荷処理
倉庫から届くExcelを読み込み、注文と突き合わせて Shopify に発送完了を反映するまでを Google Apps Script で自動化。運用開始後、通知が出る前に誤出荷を1件検出しています。
本番稼働中
立替経費の精算
レシートの写真・PDF・メールを読み取り、既存の精算ファイルに月次シートを追加して合計まで出す。経理作業を撮って送るだけにしました。
本番稼働中
月次請求書の作成と送付
前月分の請求書PDFを所定のフォルダから拾い、宛先・件名・本文を整えてメールの下書きまで自動で用意する。人がやるのは、内容を確認して送信ボタンを押すところだけです。
毎月 稼働中
日報とナレッジの蓄積
毎晩自動で日報を書き、案件ごとのWikiへ還流させる仕組み。「あの案件どうなってたっけ」に答えられる状態を、人の記憶ではなくファイルで保つ設計。
毎日 自動実行
SNS発信の下書き
X・Instagram・note それぞれの役割を分けて、媒体ごとの文体で下書きを作る仕組み。投稿の可否だけを人が判断します。
運用中
診断書の自動配信
Googleフォームの回答から診断レポートを生成し、そのまま配信するところまで GAS で自動化。ワークショップの申込〜フォローで稼働中。
本番稼働中
動画の台本照合カット
撮影素材を文字起こしして台本と照合し、必要な箇所だけを切り出す編集作業を自動化。編集ソフトを使わず完了させました。
運用中
動画のテロップ焼き込み
台本照合カットの最後に残っていたテロップ工程。畳んだ自作SaaS「Subbit」から焼き込みエンジンだけを取り出し、コマンド一発のCLIに作り直してOSSとして公開しました(github.com/kenta-1987/subbit-cli)。字幕ツールの契約を1本外せます。
OSS公開・運用中
02 — PRODUCT

作ったプロダクト

企画から DB 設計・実装・デプロイまで一貫して作ったWebアプリケーション。ここに載せているものはすべて実際に起動して撮影したスクリーンショットです。

TOTONOE Dock ─ AIと働いた仕事が、会社に残る場所

クローズドα提供中 Next.js / Supabase

AIとの仕事が増えるほど、タスクも判断も知識もセッションの中に散らばって消えていく。Dock は AI が仕事の履歴を整理して「残すべきもの」を提案し、人が承認したものだけを次のセッションへ引き継ぎます。会社を毎回説明するAIから、会社の続きから働けるAIへ──という転換をプロダクトにしたものです。
ここに並ぶ全プロダクトの中で最大規模、本体だけで約42,000行。タスク・判断・知識・議事録・人物・企業・承認キューまでを1つのアプリに収めています。

TOTONOE Dock 紹介ページ

プロダクト紹介ページ(Founding枠を募集中)

やったこと
プロダクト構想/情報設計/DB・認証・承認フロー実装/Claude Code連携/紹介ページ制作/クローズドα運用設計
規模
TypeScript 約42,000行
画面: タスク/判断/知識/議事録/人物/企業/承認キュー ほか
状態
クローズドα提供中
(Claude Code / macOS・Windows 向け)

TOTONOE Chart / Pages ─ Dock の上と下のレイヤー

Next.js / Supabase

Chart(航海図)は、経営者が話し言葉のまま相談すると「向かう先・戦い方・今月の数字・今週の3つ」に整理し、そのまま実行の場所(Dock)へ渡せる経営設計レイヤー。Pages は「誰に、何を伝え、どう変わってほしいか」を先に決めないと何も生成しない、伝達物のためのレイヤー。
3つで、決める → 実行する → 伝える が1本につながる構成にしています。

TOTONOE Chart 海図室

Chart / 話し言葉での相談から経営の指標へ(テストデータ)

TOTONOE Pages Case作成

Pages /「目的なくして、何も生成しない」入力画面

やったこと
ドメイン設計/AIエンジン/対話UI/航海図の生成/Dockへのエクスポート連携
規模
Chart 約8,000行(テスト115件通過)
Pages 約2,400行
状態
開発中・未公開
Chart: Phase0完了・実DB接続済み/Pages: ローカルまで

Watch Style Club

本番公開中 Next.js 14 / Supabase / Vercel

Apple Watch の「Style(本体 × バンド × 文字盤)」を共有し、そのまま同じ組み合わせを再現・購入できるコミュニティ。SNSではなく SKU中心の Style Commerce Platform として設計し、将来アパレル・スニーカーへ横展開できる構造にしてあります。

Watch Style Club トップページ
タイムライン

タイムライン(Editor's Pick / 今週人気 / 新着)

ギャラリー

ギャラリー(機種・ブランド・色で絞り込み)

やったこと
プロダクト設計/DBスキーマ・RLS設計/認証3方式/投稿・ランキング・ブックマーク/管理レビュー画面/Vercel デプロイ
規模
TypeScript 約10,900行・102ファイル
Supabase マイグレーション管理
状態
公開済み(watch-style-club.vercel.app)
本番の導線はまだ配置していません

AI健康診断

本番公開中 Next.js / LLM

会社のURLを入れるだけで「AIはあなたの会社をどう理解しているか」を返す診断ツール。点数を出す競合と違い、主役は 「AIには、ここが読み取れませんでした」 という欠落の可視化。登録不要・Web完結なので、商談中にその場で相手のURLを入れて見せられます。

AI健康診断 トップ
やったこと
商品コンセプト設計/競合分析/LLMプロンプト設計/UI実装/Vercel デプロイ
規模
TypeScript 約5,200行
状態
本番稼働中
ai-kenko-shindan.vercel.app

TRADEWINDS ─ AIが運営するテックメディア

Astro / GitHub Actions

「試している会社が書くテックメディア」。ネタ収集(毎日のレーダー)→ 週刊下書き生成 → 記事別OGP画像の自動生成までを AI とCIが回し、人間は公開可否を判断するだけという運営体制で作っています。数字には必ず出典か測定条件を添えるルールを、記事の構造(frontmatter)とビルド時のゲートで機械的に強制しています。

TRADEWINDS トップ
やったこと
メディア戦略設計/サイト実装/記事自動生成パイプライン/品質ゲート/OGP自動生成
仕組み
毎日レーダー巡回 → 編集キュー
毎週金曜に週刊下書きを自動生成
状態
構想段階で停止
差別化の軸を「自分の一次情報」に置きましたが、読者が本当に欲しい情報を届けられる確信が持てず、公開前に止めました。記事を自動生成する仕組みは動きます。ただ、動く仕組みがあることと、読まれるものが作れることは別でした。

会議まわりのツール 2本

Next.js / Whisper / Claude

Meeting Crew は、録音をアップロードすると話者を分けて文字起こしし、議事録と要約まで作るツール。参加者の同意チェックと音声の自動削除をUIに組み込み、実務で使える形に寄せています。
MeetingBridge は、海外との商談・OEM工場交渉・展示会をその場で支える AI通訳アシスタント。音声入力から翻訳・読み上げ・返信案の提示・要約までを担当します。自分の実務(中国工場・海外ブランド交渉)がそのまま要件になったツールです。

Meeting Crew 画面

Meeting Crew / 録音 → 議事録・要約

MeetingBridge 画面

MeetingBridge / 海外会議のリアルタイムAI通訳

やったこと
アーキテクチャ選定(完成品のForkを避け薄いUIを自作)/worker + web 構成/文字起こしコネクタの切替設計/翻訳・TTS・返信案APIの実装
規模
Meeting Crew 約5,400行
MeetingBridge 約2,000行
状態
作ったが、いまは使っていない(v0.1・ローカル動作まで)

MVP Crew ─ アイデアを「作り始められる状態」へ

Next.js 16 / React 19

やりたいことを書くと、AIが3〜5問だけ質問して、そのまま開発に着手できる成果物一式(要件・画面設計・Claude Code用プロンプトなど8点)を出すツール。「欲しいのはプロンプトではなく、作り始められる状態」というのがこのプロダクトの主張です。

MVP Crew トップ
やったこと
体験設計/対話フロー/SSEでCrewが働く様子を可視化/成果物テンプレート8種
規模
TypeScript 約1,800行
状態
v0.1 実装済み(デモモードあり)

TOTONOE 経営ダッシュボード

プロトタイプ v6

中小企業向けの経営診断を「点数を出して終わり」にしないための画面。今月何が変わったかを主役に置き、診断を重ねるほど会社の軌跡が資産として積み上がる設計にしています。v1(鏡)→ v6(磨き)まで、設計書を6版重ねて到達したもの。

TOTONOE ダッシュボード v6

経営ダッシュボード v6(デモデータ)

AI経営人間ドック 診断結果書

AI経営人間ドック 診断結果書(自動生成・自社の実例)

やったこと
診断ロジック設計(Claudeスキル+Python)/診断書の自動生成/Googleフォーム連携(GAS)/画面プロトタイプ
成果物
設計書8本・プロトタイプ5本
診断書は自動でPDF/HTML出力
状態
実クライアントの診断で運用

KACHI Catch ─ ブラウザゲーム

公開中 HTML / Canvas

自社ブランド企画「BUCKLEBOT」の世界観を、読ませるのではなく遊んで体験してもらうための小さなゲーム。PC・スマホ両対応で、日ごとに難度が上がり、続けるほどキャラクターの色が変わっていきます。ブランドの入口を、資料ではなく体験で作った例です。

KACHI Catch
やったこと
ゲーム企画/ドット絵アセット/実装(HTML+Canvas)/PC・スマホ操作対応
ねらい
ブランド世界観の体験化
(BUCKLEBOT企画からの派生)
状態
公開中
ideareal.co.jp/ai/kachi-catch/

Subbit ─ AI字幕SaaS(2025年6月)

開発停止 部品はOSS公開 TypeScript / Stripe

私が最初に作ったプロダクトです。動画をアップロードすると Whisper で文字起こしし、字幕を焼き込んで書き出すところまで。課金・会員管理・管理画面まで実装した、動くフルスタックのSaaSでした。商標も出願しています。
止めた理由は、AIエージェントの普及で「字幕SaaS」という単位そのものが成立しなくなったからです。ツールを1つ売る形が、汎用のエージェントに吸収されていきました。作り切ったうえで、事業として畳んだ判断です。
畳んで終わりにはしていません。約39,000行から字幕焼き込みエンジンだけを取り出し、コマンド一発のCLIに作り直して自分の動画実務で使い、OSSとして公開しています(github.com/kenta-1987/subbit-cli)。

Subbit ─ AI字幕SaaS
やったこと
企画/UI設計/実装(TypeScript 約39,000行)/Whisper連携/字幕焼き込み(ASS・SRT)/Stripe課金・会員管理・管理画面/LP・デモ動画/商標出願
ここから学んだこと
作り切れることと、事業として成立することは別。市場の前提が動いたら、畳む判断も要る。そして畳んだ後も、動く部品は取り出して使える
状態
開発停止(SaaS本体。この記録(2026年4〜8月)より前に作ったものです)
焼き込みエンジンは subbit-cli としてOSS公開・実務で運用中(2026年9月〜)
03 — COMMERCE

ECと商品まわりの実務

実際に販売している商品の、LP・商品ページ・モール用の訴求画像・プレスリリース・動画まで。「作れます」ではなく、売り場に載っているものです。

Campagne Sélection ナイロンバンド ── 商品まわり一式

LP / 商品ページ / 訴求画像 / PR / 動画

1つの新商品に対して、必要なものを全部まとめて用意しました。測定データのない性能表現は書かないという社内基準を作り、画像に焼き込むコピーまで同じ基準で点検しています。

ナイロンバンド LP

ランディングページ

楽天訴求画像 ヒーロー

楽天モール用 訴求画像(全5点)

構造解説画像

構造解説画像(AI生成+作図)

プレスリリース

プレスリリース(Apple風トーン)

商品動画

商品動画(HTMLから書き出したモーション動画)

商品説明HTML

Shopify 商品説明欄HTML+FAQ構造化データ

やったこと
ブランドコピー/LP制作/モール訴求画像の生成と作図/プレスリリース原稿/商品動画/SEO構造化データ
基準
「測定データのない性能表現は使わない」を全成果物に適用
展開
自社EC/楽天/Amazon

Amazon 売上成長要因分析

15ヶ月・8,253明細

「売れた」で終わらせず、なぜ伸びたのかを全注文データから分解したレポート。市場全体の伸びと比較して自社要因を切り分け、伸びの実体・単発案件の影響・広告費の無駄までを特定しました。結論を先に3行で置く構成にしています。

Amazon売上成長要因分析レポート

※ クライアントの実売上が含まれるため、本ポートフォリオでは全体をぼかしています。実物は商談時に別途。

やったこと
全注文レポート+ビジネスレポートの結合/要因分解/市場データとの比較/レポート制作(HTML/PDF)
見つけたこと
成長の大半が広告以外の要因であること、および費用対効果の合っていない広告の特定
使い道
来期計画の前提づくり

Shopify EC構築のご提案

提案 → 受注

既存クライアントへの公式EC構築提案。人日単価を開示したうえで工数を積み上げ、構築費・保守・成果報酬・LP単価まで明示した提案書です。

Shopify EC提案書

提案書(HTML/PDF)

提案スライド

提案スライド版

その他のLP・ページ制作

チタンバンドLP

SOLID チタニウム LP

エアコンクリーニングLP

エアコンクリーニング LP

TOTONOE LP

TOTONOE サービスLP

04 — DOCUMENT

提案・戦略資料

海外ブランドの日本参入戦略、ブランドIP企画、ワークショップ資料まで。調査・構成・デザイン・組版をひと続きで作っています。

Ultrahuman 日本GTM戦略

Ultrahuman 日本市場 GTM戦略

先行ブランドが日本で成功した理由を分析し、参入・拡大の戦略を提言した20枚のデッキ。日本語版・英語版を制作。

BUCKLEBOT ブランド企画

BUCKLEBOT ブランドIP企画

Apple Watchバンドの金具が「顔に見える」という着眼をブランドIPに育てる提案。世界観設計から20枚のデッキまで。

AWJ POPUP 提案

POP UP ストア出店提案

自社ブランドのリアル接点をつくるための出店提案書。

AIと働く見取り図ワークシート

「AIと働く見取り図」ワークシート

経営者向けワークショップで実際に配布している記入式シート。印刷版とPDF入力版を用意。

体験会スライド

体験会・セミナー登壇資料

進行台本とセットで、版を重ねながら運用しているセミナー資料。

スターターキット

スターターキット(配布物)

参加者が持ち帰って翌日から使える形にまとめた冊子。