- 月間訪問数
- 44.4K
- 下降54.5%前月比2026年10月
- 公開された売上
- 非公開
- 公開収益の証明はまだありません
- 最低料金
- 無料
- 月額サブスク価格なし
- 公開日
- 不明
- 公開ローンチ記録なし
訪問
過去12ヶ月
マーケティング動向
公開・検索＆コンテンツ・参照・プロモーションこの製品の公開・検索・参照・プロモーション動向はまだ記録されていません。
第三者レビュー＆事例分析
集客チャネル分析・エンジニア評価・OSS指標Console.dev
2025-09-04出典
- 評価されている点：
- Full language designed for diagramming. Includes themes and animations. Use custom fonts and icons. Supports embedding code with syntax highlighting and Markdown for adding explanations. Has web editor and VS Code extension. CLI to generate the diagram output.
- トレードオフ＆制限事項：
- Can currently only export to PDF, SVG, PNG - more formats are on the roadmap.
- 適したユーザー：
- Developers who need to create diagrams with code embedding and syntax highlighting should consider D2
OSS＆Agentエコシステム
GitHub · MCP / Skill
最終コミット 2026-10-26
- GitHubスター数
- ★ 44
- フォーク数 (Forks)
- 3
- ライセンス
- MPL-2.0
- 主要言語
- JavaScript
流入元
2026年10月
訪問構成
チャネル
- 自然検索37%
- ダイレクト32%
- SNS13%
- AIアシスタント10%
- その他8%
国・地域
- アメリカ合衆国30%
- ドイツ18%
- ベトナム17%
- インド12%
- インドネシア5%
検索
ドメイン評価 (DR) —ドメイン登録 2022-10-24
| キーワード | 月間検索数 |
|---|---|
| d2 diagram | 600 |
| d2 diagrams | 450 |
| d2lang | 440 |
| d2 (declarative diagramming) — | 380 |
| online d2 diagram viewer | 120 |
トラフィックデータ：Vaneform
料金
料金ページが未特定か、公開価格が記載されていません。
ページ＆変更履歴
2026-11-06 から記録開始
主要ページ
週次スナップショットd2lang.com/ スナップショット 2026-11-10
デザイン
ファーストビューの視覚分析と :root CSS
ミニマル・モノクローム（ライト背景・標準密度）：中央見出し＋CTAボタンレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。
ファーストビュー · クリックで拡大
ファーストビューの訴求とコンバージョン導線
“D2: Declarative Diagramming”
中央見出し＋CTAボタンのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと生成結果のライブショーケースを組み合わせた設計。
Conversion path: 中央見出し＋CTAボタン + 製品UIスクリーンショット・コンポーネント → 無料で開始 / 今すぐ登録 · Trust bar: 生成結果のライブショーケース
- カテゴリ定義・王道アンカー
- 大型ヒーロープロダクトショット
- コード＆ターミナル
パレット · クリックでコピー
5次元デザイン評点7.1 / 10
- フォント＆タイポグラフィ
- 7.0
- 配色＆コントラスト
- 7.0
- レイアウト＆余白
- 8.0
- ディテール＆完成度
- 7.0
- 独自性・スタイル識別度
- 6.0
市場構造
- フォント
- SourceSansPro / monospace
- ファーストビュー構成
- 中央見出し＋CTAボタン
- メインビジュアル
- 製品UIスクリーンショット・コンポーネント
- コンバージョンCTA
- 無料で開始 / 今すぐ登録
- 社会的証明・実績
- 生成結果のライブショーケース
- ナビゲーション
- 全幅トップバー
- 明暗＆情報密度
- ライト · 標準
- 角丸＆階層表現
- 小角丸 · 細線ボーダー
AIデザイン仕様全文をプレビュー（:root CSS変数＆レイアウト規則を含む）スタイルトークンのみ抽出。ブランド名・ロゴ・文言・画像の模倣は禁止
# デザインブリーフ：ミニマル・モノクローム（エンタープライズクリーン 併用）
モノクロパレットに単一のアクセントカラー、極細の区切り線、たっぷりの余白を組み合わせたスタイル。
## デザイントークン
```css
:root {
--background: #ffffff;
--surface: #f3f3f3;
--foreground: #0a0f25;
--muted-foreground: #6b7280;
--accent: #526fe9;
--radius: 4px;
--font-heading: "SourceSansPro", ui-sans-serif, system-ui, sans-serif;
--font-body: "SourceSansPro", ui-sans-serif, system-ui, sans-serif;
--font-mono: "monospace", ui-monospace, monospace;
}
```
配色面積比：背景 #FFFFFF (~74%) · サーフェス #F3F3F3 (~15%) · 本文 #0A0F25 (~6%) · 補助テキスト #6B7280 (~3%) · アクセント #526FE9 (~2%)。背景とサーフェスがキャンバスの大部分を占め、アクセントカラーは主要ボタンとアクティブ状態に限定します。
## レイアウト＆コンバージョン構造
- ヒーローレイアウト：中央見出し＋CTAボタン
- ナビゲーション構造：全幅トップバー
- テーマと密度：ライト · 標準
- 角丸とエレベーション：小角丸；ドロップシャドウなし — 1pxの細線ボーダーと余白で階層を分離
- 主なビジュアル媒体：製品UIスクリーンショット・コンポーネント
- コンバージョン CTA：無料で開始 / 今すぐ登録 · トラストバーに 生成結果のライブショーケース を使用
- 見出しフック：カテゴリ定義・王道アンカー
- ヒーローコンポーネント：大型ヒーロープロダクトショット、コード＆ターミナル
- 空間レイアウトの要点：中央見出し＋CTAボタンのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと生成結果のライブショーケースを組み合わせた設計。
- ビジュアル要約：ミニマル・モノクローム（ライト背景・標準密度）：中央見出し＋CTAボタンレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。
## 避けるべき表現
- 多色ネオングラデーション
- 濃いドロップシャドウ
- 複数の競合するアクセントカラー
上記のデザイントークンとレイアウト仕様に従ってUIを実装してください。カラーはこれらのCSS変数のみを使用し、アクセントカラーは主要CTAとアクティブ状態に限定します。視覚スタイルのみを取り入れ、参考製品のブランド名・ロゴ・文言・画像は一切複製しないでください。
よくある質問と根拠データ
- D2のウェブサイトの訪問数は？
- Vaneformによる2026-10の推定訪問数は44.4Kです。再訪問も含まれます。有料顧客数と売上はそれぞれの根拠で確認してください。出典
- What is D2 and what platforms does it support?
- D2 is catalogued under オンラインホワイトボード・マインドマップ・作図: D2: Declarative Diagramming. Supported platforms: CLI / SDK, API.
- Is D2 open source?
- D2 has a public repository (https://github.com/d2lang/d2) under the MPL-2.0 license, recording 44 GitHub stars.出典
同じカテゴリのプロダクト
生産性・コラボレーション / オンラインホワイトボード・マインドマップ・作図
同じカテゴリに登録されているプロダクトです。代替として使えるかは、解決する課題、機能、導入条件を比べて判断してください。