[Show HN] MDV:データ対応で Docs、ダッシュボード、スライドを統括できるマークダウンスーパーセット

2026/04/19 0:24

[Show HN] MDV:データ対応で Docs、ダッシュボード、スライドを統括できるマークダウンスーパーセット

RSS: https://news.ycombinator.com/rss

要約

Japanese Translation:

MDV は、カスタムコードを必要とせずにチャート、KPI カード、テーブル、スタイル付き領域などのリッチメディア文書、ダッシュボード、スライドを作成することを可能にする Markdown の超集合です。厳密な CommonMark を基盤とし、YAML フロントマター、データ/ビジュアル用フェンスブロック、レイアウト用の「:::」コンテナ、自動生成目次用の「::::」の 4 つの追加機能を持っています。セレクターやクラスを使用せず、テーマと名前付きスタイルでデフォルトを定義することでこの必要を取り除いています。ツールはインライン SVG チャート(JavaScript ランタイムを使用しない)を備えた自立型 HTML ファイルをレンダリングし、PDF 出力もサポートします。ユーザーは VS Code で並列プレビュー機能を利用してプロジェクトに相互作用できます。

最初に行うことは、リポジトリをクローンする(

git clone <repo> mdv
)、
npm install
を実行し、プロジェクトをビルドすることです。例のレンダリングは CLI 経由で行います(例:
node packages/mdv-cli/dist/index.js render examples/09-full-report.mdv
)。 whereas 自動リロード付きライブプレビューを開始するには、preview コマンドを使用します(
node packages/mdv-cli/dist/index.js preview ...
)。ドキュメントには「Getting Started」「Syntax Reference」「Charts & Stats」「Data handling」「Themes & Styles」「CLI usage」「VS Code extension」などのセクションが記載されています。マーケットプレイスは拡張機能の公開に使用され、
examples/
ディレクトリには 10 つのサンプルファイルが含まれ、そのレンダリング出力は
examples/out/
にあります。現在はバージョン 1(プレリリース)であり、Node.js バージョン 20 以上が必要です。詳細な仕様とロードマップは
docs/superpowers/specs/2026-04-18-mdv-format-design.md
に記載されています。

本文

MDV — Markdown データおよび可視化フレームワーク

Markdown のスーパーセットを用いて、文書、ダッシュボード、スライドを記述します。単なるフェンス付きコードブロックと命名されたスタイルを追加するだけで、チャート、KPI カード、テーブル、スタイリング可能な領域を容易に追加できます。

.mdv は厳格な CommonMark に以下の 4 つの機能を追加した規格です:

  • タイトル、テーマ、命名されたスタイル、データセット参照を記述するための YAML フロントマター。
  • データおよび可視化用のフェンス付きブロック:例として、```chart type=bar x=region y=sales のように指定できます。
  • スタイリング可能な領域とレイアウト用のコンテナ ::: :例として、::: callout や ::: columns などがあります。
  • 自動生成された目次用の ::: toc 。

セレクター、クラス、式、コードは一切不要です。テーマにはデフォルト値が設定され、命名されたスタイルは再利用可能な外観を提供します。レンダラーが残りの処理を行います。

簡単なサンプル

title: Q1 リポート theme: report data: sales: ./data/sales.csv

::: toc :::

第 1 四半期の成果

label, value, delta
総収益、$2.06M、+14%
新顧客、1,238 名、+8%

これらは自己完結型の HTML(チャートはインライン SVG、JavaScript ランタイム不要)および PDF へレンダリングされます。VS Code ではサイドバイサイドのプレビュー機能により環境内に組み込むことが可能です。

始め方 git clone <リポジトリ> mdv cd mdv npm install npm run build

サンプルをレンダリングする

node packages/mdv-cli/dist/index.js render examples/09-full-report.mdv

または:自動リロード付きライブプレビュー

node packages/mdv-cli/dist/index.js preview examples/09-full-report.mdv 詳細な手順については docs/getting-started.md をご参照ください。

ドキュメント

  • 始め方 — インストール、初めてのファイル作成、レンダリングの確認
  • シNTAX リファレンス — フロントマター、フェンス付きブロック、::: コンテナ
  • チャートと統計グラフ — 全ての可視化タイプとそのオプション
  • データ — インライン CSV/JSON、ファイル参照によるデータセット
  • テーマとスタイル — 組み込みテーマおよび命名スタイルの定義方法
  • CLI — レンダリング、プレビュー、PDF エクスポート
  • VS Code 拡張機能 — サイドバイサイドライブプレビュー対応
  • VS Code 拡張機能のパブリッシング — Marketplace のワークフロー

サンプル examples/ フォルダには機能を網羅する 10 つのサンプルファイルが含まれています。レンダリングされた HTML は examples/out/ フォルダにあります。

ステータス バージョン 1(リリース前版)。Node.js バージョン 20 以上で動作します。範囲、非目標、ロードマップについては docs/superpowers/specs/2026-04-18-mdv-format-design.md をご参照ください。

同じ日のほかのニュース

一覧に戻る →

2026/04/19 5:54

『好みの色を選べる:NIST の科学家らが、任意の波長のレーザーを開発』

## Japanese Translation: NIST の科学者と協力者が、Scott Papp という NIST の物理学者をリーダーとして発表された「Monolithic 3D integration of tantalum pentoxide nonlinear photonics」という論文に詳述されているように、特殊な材料の複雑なパターンをシリコンウエハーに堆積させることで、統合光子デバイスのチップ作成における画期的手法を開発しました。この革新は、サイズ、コスト、電力に関する重要な歴史的制約を解決し、量子コンピューティングなどの高度な技術用のコンパクトで高品質なレーザーの実現を可能にします。酸化シリコン、リチウムニオブате、タンタル五酸化物(単一のレーザー色を多様な波長に変換しつつ過度の発熱を抑える材料)を含むマルチレイヤーアプローチを用いることで、チームはビールコスター程度のサイズのパターンに、約 10,000 の光子回路を備えた指先ほどの大きさのチップを約 50 個集積することに成功しました。以前是高品質なレーザーは特定の波長(例:980 nm の赤外線)のみに存在し、量子技術の利用が専門的な研究室に限定されていましたが、この画期的進展により、携帯型光原子時計や地震予測システムといった現場での応用が可能になります。光原子時計や量子コンピュータなどの量子技術には、ルビジウム(780 nm の赤)やストロンチウム(461 nm の青)など、異なる原子に合わせた特定の色のレーザーが多く必要とされますが、この新技術はそれを効果的に解決します。この技術は、効率的な光処理を必要とする産業において量子デバイスへのアクセスを民主化するだけでなく、研究機関と Octave Photonics などのスタートアップ間の協力を促進します。*Nature* に掲載されたこれらの発見は、光子機能と電気システムを統合する道を開き、人工知能から暗物質調査に至るまでの分野を変革する可能性があります。これにより、複雑な科学ツールが従来の実験室の外でも手頃な価格で利用できるようになります。

2026/04/19 1:26

ボーイング社の B-52 ストラトフォートレス爆撃機に搭載された、スタートラッカー内の電気式傾斜計。

## Japanese 翻訳: アストロコンパスは、1960 年代の B-52 爆撃機向けに開発され、乗組員が手動で行っていた複雑な三角法の計算を自動化し、天体航法を画期的に変化させました。ジャミングに脆弱な現代デジタルシステムと異なり、この電気機械装置は、外部デジタル信号を使用せずに、シンクロン(変送機)および光増倍管を用いて恒星を追跡する信頼性の高い抗ジャミング方式を提供しました。恒星位置の物理的な追跡と天球のアナログモデルを組み合わせることで、システムはパイロットにリアルタイムでの航法更新を通じて正確な位置を決定することを可能にしました。 公式空軍年誌からのデータに基づいて動作し、この装置は時間や恒星の赤緯などの入力をノブで調整するマスターコントロールパネルを搭載していました。これらの設定は、安定したジャイロプラットフォームとガラスドーム型望遠鏡を含む組立体内の 19 のコンポーネントを駆動しました。アストロコンパスは「位置線」技術を使用し、測定された恒星の高度を計算された期待値と比較することで航空機の軌跡を特定しました。この自動化により、困難な手動手順はスムーズな電気機械プロセスへと変換され、爆撃機艦隊が重要な航法任務において、作戦能力とミッション安全性を大幅に向上させました。

2026/04/19 4:19

Claude のデザインに関する考察と感情

## 日本語翻訳: 要約:中心的な論点是、Figma の専用でロックされたファイル形式がネイティブのスキーマを持たず、深いエイリアシングおよび未文書化されたプリミティブに依存を迫られること(例:946 色の変数を含むネストされたグループのあるファイル)であり、これがコードトレーニング済みの AI モデルが設計論理を正確に解釈することを妨げる。LLM はこれらの特定の不透明な Figma 構造ではなくコードに対してトレーニングされているため、「Figma Make」のような現在のツールは、設計ファイルが依然として規範的であると示唆することでユーザーを誤導し、実質的にワークフローを新しいエージェント時代と不相容の専用エコシステムにロックしている。その対応として、Claude Design とような新たなツールは、「HTML と JS をすべて徹底する」というアプローチを取り、コードと直接統合してレポジトリから AI エージェントへ供給される統一されたフィードバックループを創出する。著者は業界における分岐の予測を行う:一方は誠実なコード連結による生産ツールへの道筋、他方は Photoshop に似た制約のない探求環境への道筋となる。クリーンなコードからのこの転換を批判しつつも、著者は Sketch などの競合業者に対してネイティブ機能に安住するのではなく、粒子エフェクトやメッシュ変換などの特定機能を備えた革新を促し、Figma の形式が AI エージェントに必要なトレーニングデータへの含まれにくさを指摘している。 ## テキストを翻訳 (必要に応じて;そうでない場合は元のものを繰り返す): ## Summary: The core argument is that Figma's proprietary, locked-down file format lacks a native schema, forcing reliance on deep aliasing and undocumented primitives (exemplified by files containing 946 color variables within nested groups) that prevent code-trained AI models from accurately interpreting design logic. Because LLMs were trained on code rather than these specific, opaque Figma structures, current tools like "Figma Make" are misleading users by suggesting the design file remains canonical, effectively locking workflows into a proprietary ecosystem incompatible with the emerging agentic era. In response, new tools like Claude Design adopt an "HTML and JS all the way down" approach, integrating directly with code to create a unified feedback loop where repositories feed AI agents. The author predicts a fork in the industry: one path toward honest, code-linked production tools, and another for unconstrained exploration environments similar to Photoshop. While criticizing this shift away from clean code, the author also urges competitors like Sketch to innovate with specific features (particle effects, mesh transforms) rather than resting on native capabilities, noting that Figma's format prevents its inclusion in necessary training data for AI agents.