
どんなサービスか。
大谷翔平選手で知られるマンダラチャート(曼荼羅思考法)のAI版です。中央に置いた目標から、8つのテーマと64の行動をAIが自動で提案します。テーマ単位での作り直し、全81マスの直接編集、共有URLの発行、画像出力に対応しています。
81マス一括生成するチャート
ログイン不要保存と共有
実装のポイント。
- 中央の目標から 8テーマ × 8行動 = 64マスを一括生成
- 各テーマの再生成ボタンで、そのテーマの8行動だけを作り直し
- 中央のテーマ名と外側のテーマ名を自動同期しながら全81マスを直接編集
- 保存すると共有URLを発行し、SNS用のティザーOGP画像を自動生成
- PNG出力と印刷用CSSの最適化
使っている技術。
- 外部CDNに依存しない静的 HTML / CSS / JS
- PHP(保存はJSONファイル、ログイン不要)
- 自社VPS上の Claude プロキシへ JSON モードでリクエスト
- html2canvas による PNG 出力
- XServer ホスティング
— AI の使いどころ
自社VPS上に立てた Claude プロキシへJSONモードでリクエストし、返ってきた構造化データをそのままチャートに流し込んでいます。テーマ単位の再生成も同じ経路を使うことで、実装を共通化しています。
こういうもの、つくれます。
LINEミニアプリ、AIアプリ、AI Webアプリ、Webアプリ、AI画像生成、AI動画生成。 企画から開発・インフラ運用まで自社で一貫して手がけます。打ち合わせは LINE 完結・訪問なしで、徹底的にコストを削っています。