Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Focra PreviewNew to Visual Studio Code? Get it now.
Focra Preview

Focra Preview

toteo

| (0) | Free
Focra向けMarkdownカードプレビューとPDF出力を提供します。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Focra Preview

Focra 用の Markdown をカードとしてプレビューし、PDF を出力できる VS Code 拡張です。

機能

  • focra: true のフロントマターを持つ Markdown をカードプレビューで表示
  • ## から次の ## を 1 枚のカードとして解釈
  • Markdown プレビュー起動時、対象ファイルなら Focra プレビューに差し替え
  • PDF 出力(A4・余白・カード間隔・カードサイズは現状固定)

クイックスタート

  1. Markdown の先頭にフロントマターを追加します。
---
focra: true
---
  1. ## でカードを開始し、### でセクションを作成します。
---
focra: true
---

##
- @circle: A
- @statusBar: 機械 / 即時

### タイトル
本文。

### 効果
- 1つ目
- 2つ目

カードの書式

  • ## から次の ## までを 1 枚のカードとして扱います。
  • ## の直下に - key: value 形式のメタ行を並べられます。
    • @circle は円形バッジとして表示(複数可)
    • @statusBar は left / right の形式で左右に分割表示
  • ### でセクションを開始し、次の ### または ## までを本文として扱います。

コマンド

  • Focra: カードプレビューを開く (focraPreview.openPreview)
  • Focra: Markdownプレビューを開く(Focra判定) (focraPreview.openPreviewFromMarkdown)
  • Focra: PDF を出力 (focraPreview.exportPdf)

既定のショートカット:

  • Ctrl+Shift+V / Cmd+Shift+V は Markdown プレビューの置き換えに利用します。

必要条件

  • PDF 出力は Puppeteer を利用します。初回インストール時に Chromium がダウンロードされます。

既知の問題

  • カード内の高さが溢れた際の注意表示は未実装です。

リリースノート

変更内容は CHANGELOG.md を参照してください。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft