LINE で相談

— AIアプリ

マンダラチャート AI

なりたい自分から、64の行動へ。AIが目標を分解する。

AIアプリClaude共有OGP

mandara.aiapp.jp

マンダラチャート AIのスクリーンショット

どんなサービスか。

大谷翔平選手で知られるマンダラチャート(曼荼羅思考法)の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 完結・訪問なしで、徹底的にコストを削っています。

LINE で相談する 実績一覧