サイト売買のサイトストック / サイト売買専業企業No.1の取引実績 サイト売買のサイトストック

Mermaid記法で作成した図表を高品質なPNG画像に変換するWebアプリケーションです。フローチャート、シーケンス図、ガントチャートなど、様々な図表をブラウザ上で作成し、すぐにPNG形式でダウンロードできます。デザイナー、エンジニア、プロジェクトマネージャー、学生など、図表作成が必要な方に向けた直感的なツールとして開発いたしました。


◆アピールポイント

- リアルタイムプレビュー機能: コード入力と同時に図が表示され、作業効率が大幅に向上します
- 高品質PNG出力: 2倍スケールの高解像度画像で、プレゼンテーションや資料作成に最適です
- 完全日本語対応: UIからサンプルコードまで、すべて日本語で提供しています
- 豊富なサンプル: フローチャート、シーケンス図、ガントチャートのテンプレートを用意
- モダンな技術スタック: Next.js 15とMermaidライブラリによる安定した動作
- レスポンシブデザイン: デスクトップからスマートフォンまで、どのデバイスでも快適に利用可能
- インストール不要: ブラウザがあればすぐに使える手軽さ

◆運営開始から現在までの状況

Mermaid記法の主要な図表タイプに対応し、PNG変換機能も安定して動作しています。Vercelでの本番環境デプロイも完了しており、自社アプリケーションとして活用している状態です。

◆収益と費用

収益: 自社アプリケーションのため直接的な収益はなし
費用: ドメイン代のみ

サーバーレスで低コスト運営が可能です。

◆アクセス・ユーザー状況

自社用に使っていたため、機能そのものに対しての本格的なユーザー獲得活動は未実施です。

◆機能一覧

- Mermaidコード入力: シンタックスハイライト付きのコードエディタ
- リアルタイムプレビュー: 入力と同時に図が更新される即座性
- PNG変換・ダウンロード: 高解像度（2倍スケール）での画像出力
- サンプルコード集: よく使われる図表パターンのテンプレート提供
- エラーハンドリング: 記法エラー時の分かりやすいメッセージ表示
- 図の再生成機能: 手動での再描画オプション
- レスポンシブUI: タブレット・スマートフォン対応
- 使い方ガイド: 初心者でも迷わない丁寧な説明

◆使用技術/インフラ等

- フロントエンド: Next.js 15, React 19, TypeScript, Tailwind CSS
- 図表生成: Mermaid.js（最新版）
- UI コンポーネント: shadcn/ui, Radix UI
- インフラ: Vercel（CDN、サーバーレス）
- 開発ツール: Git, npm, ESLint, Prettier
- 設計: レスポンシブデザイン、アクセシビリティ対応

◆運営体制/運営に必要なスキル

- 必要スキル: JavaScript/TypeScript, React/Next.js の基礎知識
- 運営体制: 1名での運営が十分可能な設計
- 保守: 必要に応じたライブラリアップデート
- サポート: 基本的にはセルフサービス型、必要に応じてFAQ整備

技術的な複雑さを極力排除しているため、Web開発の基礎知識があれば十分に運営していただけます。

◆競合との比較

- 既存サービス: Draw.io、Lucidchart、有料図表作成ツール
- 差別化要因:
- Mermaid特化: コードベースでの図表作成に特化した唯一性
- 完全無料: 登録不要で即座に利用開始可能
- 日本語完全対応: 国内ユーザーにとって使いやすい設計
- 軽量・高速: 重いソフトウェアのインストールが不要
- エンジニアフレンドリー: GitHubのREADMEなどで使われるMermaid記法をそのまま活用

◆ネガティブ事項

- ブラウザ依存: インターネット接続が必要（オフライン利用不可）
- 複雑な図表の限界: Mermaidの仕様上、極めて複雑な図表には不向き

◆売却理由

直近まで利用していましたが、ユーザー獲得のリソースは割けないためプロダクトを有益に使っていただけるパートナーを探しています。技術的な基盤は完成しており、マーケティングとユーザー獲得に注力できれば収益化が見込めるプロダクトかと思います。

◆今後の成長性/活かし方

市場の成長性:
- リモートワークの普及により、オンライン図表作成ツールの需要が急拡大
- エンジニア・デザイナー人口の増加に伴うMermaid記法の認知度向上
- 教育分野でのデジタル化推進による学習ツールとしての需要

収益化の可能性:
- フリーミアム: 基本機能無料、高度機能（バッチ変換、API提供等）有料化
- 広告収益: 適切な広告配置による収益化
- 企業向けプラン: チーム機能、ブランディング機能の追加
- API提供: 他サービスとの連携機能

機能拡張の方向性:
- SVG出力対応: PNG以外の形式への対応
- テーマ機能: ダークモード、カスタムカラーパレット
- コード保存機能: ローカルストレージ、クラウド保存
- 共有機能: 作成した図表のURL共有
- AI支援: 自然言語からMermaidコード生成

特に、エンジニアコミュニティやデザイナーコミュニティでの認知度向上により、大きな成長が期待できる分野です。