[VS Code] マークダウン文書上で画像や動画がマウスオーバーだけでプレビュー可能になっていました

[VS Code] マークダウン文書上で画像や動画がマウスオーバーだけでプレビュー可能になっていました

Clock Icon2024.08.18

こんにちは、製造ビジネステクノロジー部の若槻です。

今回は、VS Code(Visual Studio Code)の最近のアップデートにより、マークダウン文書上で画像や動画がマウスオーバーだけでプレビュー可能になっていたのでご紹介します。

機能概要

マークダウン文書上で ![](リンク) のような形式で画像および動画ファイルへのリンクを記述すると、そのリンクをマウスオーバーするだけでプレビューが表示されるようになっています。

画像ファイル

インターネット上に配置された画像ファイル(png)をプレビューできました。

動画ファイル

ローカル上に配置された動画ファイル(mp4)をプレビューできました。

いつ追加された機能?

今年 4 月にリリースされた v1.89 で追加されていた機能となります。
https://code.visualstudio.com/updates/v1_89#_hover-to-preview-images-and-videos-in-markdown

Hover to preview images and videos in Markdown
Want a quick preview of an image or video in some Markdown without opening the full Markdown preview? Now you can hover over an image or video path to see a small preview of it:

おわりに

VS Code(Visual Studio Code)の最近のアップデートにより、マークダウン文書上で画像や動画がマウスオーバーだけでプレビュー可能になっていたのでご紹介しました。

今までは文書全体を別タブでプレビューして確認するか、Image previewのような拡張機能を入れて対応していましたが、今後は既定の機能でプレビュー可能になったのは便利ですね。VS Code でのドキュメント執筆がより捗りそうです。

以上

この記事をシェアする

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.