Visual Studio CodeでMovable TypeのMTMLファイルを開く拡張機能「Movable Type Markup Language Syntax」

最近Movable Typeの.mtml拡張子のMTMLファイルを開くことがありました。
MTMLはMovable Type Markup Languageの略で、基本的にはHTMLと同じなのですが、mtから始まるMovable Type独自のタグが使えるファイル形式です。
たとえば記事のタイトルを表示したい場合は<$mt:EntryTitle$>タグを使用すると、その場所にタイトルが出力されます。
そんなMTMLファイルですが、デフォルトのVisual Studio Codeではシンタックスハイライトが当たりません。
Visual Studio Codeの拡張機能をインストールすることで表示されるようになります。
Movable Type Markup Language Syntax
「Movable Type Markup Language Syntax」というそのままの名前ですが、インストールすることでシンタックスハイライトが当たります。
デフォルトだと下記のように特にスタイルは当たっていなくて、プレーンテキストと変わらない状態です。

プラグインをインストールすることで下記のように表示されます。



TwitterとFacebook用のOGP設定方法と表示確認方法
Android実機で表示しているサイトを、Chrome開発者ツールで開いて検証する方法
Visual Studio Codeの「Debugger for Chrome」でJavaScriptのデバッグを行う
HTTP通信をラクに実装できる「axios」の基本
js-cookieでウェブサイトのダークモード表示設定をユーザーごとに保存しておく方法
Vue CLIでの画像パスの指定方法・配置場所まとめ
ブラウザでこれ以上スクロールできない場合の挙動を制御する「overscroll-behavior」プロパティ
Safari 12.1から外観モード(ライト/ダーク)の判定をCSSで行えるように!
HTMLが書ければすぐ習得できるテンプレートエンジン「EJS」の基本的な書き方
Google Maps APIを使ってGoogle Mapsをウェブサイトに表示させる方法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する