[{"data":1,"prerenderedAt":655},["ShallowReactive",2],{"content-/vscode-markdown-highlight-snippet":3,"all-pages-for-dir":632,"related-/vscode-markdown-highlight-snippet":633,"og-image-/vscode-markdown-highlight-snippet":654},{"id":4,"title":5,"body":6,"category":615,"concepts":615,"description":616,"extension":617,"meta":618,"navigation":619,"ogImage":615,"path":620,"project_name":615,"published":621,"publishedAt":622,"seo":623,"source":615,"stem":624,"tags":625,"todo":615,"unpublished":621,"updatedAt":615,"__hash__":631},"pages/2025-11/2025-11-20/vscode-markdown-highlight-snippet.md","VS Code: Markdownでテキストをハイライト（\u003Cmark>タグ）するスニペット設定",{"type":7,"value":8,"toc":593},"minimark",[9,14,23,27,32,58,62,68,185,188,231,234,237,272,275,280,288,293,299,303,306,310,313,352,356,359,363,383,387,390,394,407,518,526,529,532,551,554,568,571,589],[10,11,13],"h1",{"id":12},"vs-code-markdownでテキストをハイライトするスニペット設定","VS Code: Markdownでテキストをハイライトするスニペット設定",[15,16,17,18,22],"p",{},"VS Codeのマークダウンファイルで、選択したテキストを",[19,20,21],"code",{},"\u003Cmark>","タグで囲んでハイライト表示するためのスニペット設定方法。",[24,25,26],"h2",{"id":26},"スニペットの設定",[28,29,31],"h3",{"id":30},"_1-スニペットファイルを開く","1. スニペットファイルを開く",[33,34,35,46,53],"ol",{},[36,37,38,41,42,45],"li",{},[19,39,40],{},"Ctrl+Shift+P"," (Windows/Linux) または ",[19,43,44],{},"Cmd+Shift+P"," (Mac)",[36,47,48,52],{},[49,50,51],"strong",{},"\"Configure User Snippets\""," を選択",[36,54,55,52],{},[49,56,57],{},"\"markdown.json\"",[28,59,61],{"id":60},"_2-スニペットを追加","2. スニペットを追加",[15,63,64,67],{},[19,65,66],{},"markdown.json"," に以下を追加：",[69,70,75],"pre",{"className":71,"code":72,"language":73,"meta":74,"style":74},"language-json shiki shiki-themes vitesse-light vitesse-light","{\n    \"Highlight with mark\": {\n        \"prefix\": \"mark\",\n        \"body\": \"\u003Cmark>$TM_SELECTED_TEXT$1\u003C/mark>$0\",\n        \"description\": \"Wrap selection with mark tag\"\n    }\n}\n","json","",[19,76,77,86,106,132,153,173,179],{"__ignoreMap":74},[78,79,82],"span",{"class":80,"line":81},"line",1,[78,83,85],{"class":84},"shFtX","{\n",[78,87,89,93,97,100,103],{"class":80,"line":88},2,[78,90,92],{"class":91},"sqvqQ","    \"",[78,94,96],{"class":95},"sz8Xr","Highlight with mark",[78,98,99],{"class":91},"\"",[78,101,102],{"class":84},":",[78,104,105],{"class":84}," {\n",[78,107,109,112,115,117,119,123,127,129],{"class":80,"line":108},3,[78,110,111],{"class":91},"        \"",[78,113,114],{"class":95},"prefix",[78,116,99],{"class":91},[78,118,102],{"class":84},[78,120,122],{"class":121},"sMJiu"," \"",[78,124,126],{"class":125},"sdGka","mark",[78,128,99],{"class":121},[78,130,131],{"class":84},",\n",[78,133,135,137,140,142,144,146,149,151],{"class":80,"line":134},4,[78,136,111],{"class":91},[78,138,139],{"class":95},"body",[78,141,99],{"class":91},[78,143,102],{"class":84},[78,145,122],{"class":121},[78,147,148],{"class":125},"\u003Cmark>$TM_SELECTED_TEXT$1\u003C/mark>$0",[78,150,99],{"class":121},[78,152,131],{"class":84},[78,154,156,158,161,163,165,167,170],{"class":80,"line":155},5,[78,157,111],{"class":91},[78,159,160],{"class":95},"description",[78,162,99],{"class":91},[78,164,102],{"class":84},[78,166,122],{"class":121},[78,168,169],{"class":125},"Wrap selection with mark tag",[78,171,172],{"class":121},"\"\n",[78,174,176],{"class":80,"line":175},6,[78,177,178],{"class":84},"    }\n",[78,180,182],{"class":80,"line":181},7,[78,183,184],{"class":84},"}\n",[28,186,187],{"id":187},"スニペットの説明",[189,190,191,199,226],"ul",{},[36,192,193,195,196,198],{},[49,194,114],{},": ",[19,197,126],{}," - スニペットを呼び出すキーワード",[36,200,201,195,203,205,206],{},[49,202,139],{},[19,204,148],{}," - 選択テキストをmarkタグで囲む\n",[189,207,208,214,220],{},[36,209,210,213],{},[19,211,212],{},"$TM_SELECTED_TEXT"," - 選択されたテキストを挿入",[36,215,216,219],{},[19,217,218],{},"$1"," - 最初のカーソル位置（タグの内側）",[36,221,222,225],{},[19,223,224],{},"$0"," - 最終カーソル位置（タグの外側）",[36,227,228,230],{},[49,229,160],{},": スニペットの説明文",[24,232,233],{"id":233},"使い方",[28,235,236],{"id":236},"手動での使用",[33,238,239,244,254,260,265],{},[36,240,241],{},[49,242,243],{},"ハイライトしたいテキストを選択",[36,245,246,195,249,251,252,45],{},[49,247,248],{},"コマンドパレットを開く",[19,250,40],{}," (Win) / ",[19,253,44],{},[36,255,256,259],{},[49,257,258],{},"\"Insert Snippet\""," と入力して選択",[36,261,262,52],{},[49,263,264],{},"\"Highlight with mark\"",[36,266,267,268,271],{},"選択したテキストが ",[19,269,270],{},"\u003Cmark>テキスト\u003C/mark>"," で囲まれる",[28,273,274],{"id":274},"実行例",[15,276,277],{},[49,278,279],{},"Before:",[69,281,286],{"className":282,"code":284,"language":285},[283],"language-text","これは重要なテキストです\n","text",[19,287,284],{"__ignoreMap":74},[15,289,290],{},[49,291,292],{},"\"重要な\"を選択してスニペット実行後:",[69,294,297],{"className":295,"code":296,"language":285},[283],"これは\u003Cmark>重要な\u003C/mark>テキストです\n",[19,298,296],{"__ignoreMap":74},[24,300,302],{"id":301},"stream-deckへの割り当て","Stream Deckへの割り当て",[15,304,305],{},"Stream Deckを使えば、ボタン一つでハイライトを適用できます。",[28,307,309],{"id":308},"方法1-マルチアクション推奨","方法1: マルチアクション（推奨）",[15,311,312],{},"Stream Deckのマルチアクション機能で以下を順番に実行：",[33,314,315,323,332,340,346],{},[36,316,317,195,320,322],{},[49,318,319],{},"System > Hotkey",[19,321,40],{}," を送信（コマンドパレット起動）",[36,324,325,195,328,331],{},[49,326,327],{},"System > Text",[19,329,330],{},"Insert Snippet"," をタイプ",[36,333,334,195,336,339],{},[49,335,319],{},[19,337,338],{},"Enter"," を送信",[36,341,342,195,344,331],{},[49,343,327],{},[19,345,96],{},[36,347,348,195,350,339],{},[49,349,319],{},[19,351,338],{},[28,353,355],{"id":354},"方法2-vs-code拡張機能を使用","方法2: VS Code拡張機能を使用",[15,357,358],{},"VS Code拡張機能「Command Runner」などを使用して、カスタムコマンドを作成し、Stream Deckから呼び出す方法もあります。",[28,360,362],{"id":361},"stream-deckボタンの設定例","Stream Deckボタンの設定例",[189,364,365,371,377],{},[36,366,367,370],{},[49,368,369],{},"アイコン",": 蛍光ペンや黄色のハイライトアイコン",[36,372,373,376],{},[49,374,375],{},"ラベル",": \"Highlight\" または \"Mark\"",[36,378,379,382],{},[49,380,381],{},"フォルダ",": \"VS Code\" または \"Markdown\"",[24,384,386],{"id":385},"キーボードショートカットオプション","キーボードショートカット（オプション）",[15,388,389],{},"Stream Deckを使わない場合、キーボードショートカットも設定可能です。",[28,391,393],{"id":392},"keybindingsjsonに追加","keybindings.jsonに追加",[33,395,396,404],{},[36,397,398,400,401],{},[19,399,40],{}," → ",[49,402,403],{},"\"Preferences: Open Keyboard Shortcuts (JSON)\"",[36,405,406],{},"以下を追加：",[69,408,410],{"className":71,"code":409,"language":73,"meta":74,"style":74},"{\n  \"key\": \"ctrl+alt+h\",\n  \"command\": \"editor.action.insertSnippet\",\n  \"when\": \"editorTextFocus\",\n  \"args\": {\n    \"snippet\": \"\u003Cmark>$TM_SELECTED_TEXT\u003C/mark>\"\n  }\n}\n",[19,411,412,416,437,457,477,490,508,513],{"__ignoreMap":74},[78,413,414],{"class":80,"line":81},[78,415,85],{"class":84},[78,417,418,421,424,426,428,430,433,435],{"class":80,"line":88},[78,419,420],{"class":91},"  \"",[78,422,423],{"class":95},"key",[78,425,99],{"class":91},[78,427,102],{"class":84},[78,429,122],{"class":121},[78,431,432],{"class":125},"ctrl+alt+h",[78,434,99],{"class":121},[78,436,131],{"class":84},[78,438,439,441,444,446,448,450,453,455],{"class":80,"line":108},[78,440,420],{"class":91},[78,442,443],{"class":95},"command",[78,445,99],{"class":91},[78,447,102],{"class":84},[78,449,122],{"class":121},[78,451,452],{"class":125},"editor.action.insertSnippet",[78,454,99],{"class":121},[78,456,131],{"class":84},[78,458,459,461,464,466,468,470,473,475],{"class":80,"line":134},[78,460,420],{"class":91},[78,462,463],{"class":95},"when",[78,465,99],{"class":91},[78,467,102],{"class":84},[78,469,122],{"class":121},[78,471,472],{"class":125},"editorTextFocus",[78,474,99],{"class":121},[78,476,131],{"class":84},[78,478,479,481,484,486,488],{"class":80,"line":155},[78,480,420],{"class":91},[78,482,483],{"class":95},"args",[78,485,99],{"class":91},[78,487,102],{"class":84},[78,489,105],{"class":84},[78,491,492,494,497,499,501,503,506],{"class":80,"line":175},[78,493,92],{"class":91},[78,495,496],{"class":95},"snippet",[78,498,99],{"class":91},[78,500,102],{"class":84},[78,502,122],{"class":121},[78,504,505],{"class":125},"\u003Cmark>$TM_SELECTED_TEXT\u003C/mark>",[78,507,172],{"class":121},[78,509,510],{"class":80,"line":181},[78,511,512],{"class":84},"  }\n",[78,514,516],{"class":80,"line":515},8,[78,517,184],{"class":84},[15,519,520,522,523],{},[49,521,233],{},": テキストを選択 → ",[19,524,525],{},"Ctrl+Alt+H",[28,527,528],{"id":528},"注意点",[15,530,531],{},"既存のショートカットと競合しないキーを選んでください：",[189,533,534,540,546],{},[36,535,536,539],{},[19,537,538],{},"Ctrl+Shift+H"," → 既に「置換」に割り当て済み",[36,541,542,545],{},[19,543,544],{},"Ctrl+Shift+M"," → 「問題パネル表示」に割り当て済みの可能性",[36,547,548,550],{},[19,549,525],{}," → 比較的競合が少ない",[24,552,553],{"id":553},"まとめ",[189,555,556,562,565],{},[36,557,558,559,561],{},"スニペットを設定することで、選択テキストを効率的に",[19,560,21],{},"タグで囲める",[36,563,564],{},"Stream Deckを使えば、マウス・キーボード操作なしでハイライト可能",[36,566,567],{},"マークダウンファイルでの文書作成効率が大幅に向上",[24,569,570],{"id":570},"関連リンク",[189,572,573,582],{},[36,574,575],{},[576,577,581],"a",{"href":578,"rel":579},"https://code.visualstudio.com/docs/editor/userdefinedsnippets",[580],"nofollow","VS Code User Snippets Documentation",[36,583,584],{},[576,585,588],{"href":586,"rel":587},"https://www.elgato.com/ja/gaming/downloads",[580],"Stream Deck Software",[590,591,592],"style",{},"html pre.shiki code .shFtX, html code.shiki .shFtX{--shiki-default:#999999;--shiki-dark:#999999}html pre.shiki code .sqvqQ, html code.shiki .sqvqQ{--shiki-default:#99841877;--shiki-dark:#99841877}html pre.shiki code .sz8Xr, html code.shiki .sz8Xr{--shiki-default:#998418;--shiki-dark:#998418}html pre.shiki code .sMJiu, html code.shiki .sMJiu{--shiki-default:#B5695977;--shiki-dark:#B5695977}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":74,"searchDepth":88,"depth":88,"links":594},[595,600,604,609,613,614],{"id":26,"depth":88,"text":26,"children":596},[597,598,599],{"id":30,"depth":108,"text":31},{"id":60,"depth":108,"text":61},{"id":187,"depth":108,"text":187},{"id":233,"depth":88,"text":233,"children":601},[602,603],{"id":236,"depth":108,"text":236},{"id":274,"depth":108,"text":274},{"id":301,"depth":88,"text":302,"children":605},[606,607,608],{"id":308,"depth":108,"text":309},{"id":354,"depth":108,"text":355},{"id":361,"depth":108,"text":362},{"id":385,"depth":88,"text":386,"children":610},[611,612],{"id":392,"depth":108,"text":393},{"id":528,"depth":108,"text":528},{"id":553,"depth":88,"text":553},{"id":570,"depth":88,"text":570},null,"VS Codeでマークダウン編集時に選択テキストを\u003Cmark>タグで囲むスニペットの設定方法とStream Deckへの割り当て方法","md",{},true,"/vscode-markdown-highlight-snippet",false,"2025-11-20T00:00:00.000Z",{"title":5,"description":616},"2025-11/2025-11-20/vscode-markdown-highlight-snippet",[626,627,628,629,630],"VSCode","Markdown","スニペット","StreamDeck","効率化","cTzDT1OHFXg-lXaxnCR5hJH4MCF4JCkh0-ogcf7PIk4",[],[634,638,642,646,650],{"title":635,"path":636,"publishedAt":637},"VS CodeのMarkdownプレビューでpublic画像のパスを正しく表示する方法","/vscode-markdown-preview-setup","2025-11-27T00:00:00.000Z",{"title":639,"path":640,"publishedAt":641},"マークダウン記事の$隣接**が数式化されて崩れる問題を発見、115ファイルの修正を明日に持ち越し","/dollar-sign-math-render-issue-triage","2026-07-16T00:00:00.000Z",{"title":643,"path":644,"publishedAt":645},"@nuxt/content で外部リンクを別タブで開く＋GFM autolinker の二重リンク回避ルールを永続化","/external-link-target-blank-rule","2026-06-06T00:00:00.000Z",{"title":647,"path":648,"publishedAt":649},"高千穂峡貸しボートの研究ノートを、矢印キーで進めるスライド形式UIに変えた","/takachiho-boat-research-slide-ui-2026-05-21","2026-05-21T00:00:00.000Z",{"title":651,"path":652,"publishedAt":653},"yomitoku OCR変換と画像表示改善 - 日本語PDF112ページを3分でMarkdown化する実践記録","/yomitoku-ocr-markdown-conversion-2026-02-07","2026-02-07T00:00:00.000Z","https://log.eurekapu.com/og/blog/vscode-markdown-highlight-snippet.png?v=2025-11-20T00%3A00%3A00.000Z&title=VS%20Code%3A%20Markdown%E3%81%A7%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%92%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%EF%BC%88%3Cmark%3E%E3%82%BF%E3%82%B0%EF%BC%89%E3%81%99%E3%82%8B%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88%E8%A8%AD%E5%AE%9A&author=Kei%20Komatsu&sig=8b425e43ffea08e3",1785654663555]