メインコンテンツまでスキップ

あなたのマークアップに安寧を すべてのマークアップ開発者のためのHTMLリンター

主な機能

適合性チェック

マークアップは、有効なコードを記述する必要があります。これは、各ユーザーエージェントを介してウェブページを壊さないという標準の約束を守るために重要なことです。Markuplintは、HTML StandardやWAI-ARIAなどの仕様を踏まえた上で、適合性チェックを行うことができます。

ハウスルールに利用する

プロジェクトや組織でハウスルールがある場合があります。方針や管理手法に基づいてチェックすることができます。設定次第で、アプリケーションをよりアクセシブルで、より安全で、より高いパフォーマンスを得ることができ、高い品質を得ることができます。

デザインシステムに利用する

Markuplintは、プロジェクトのデザインシステムで作られたコンポーネントが正しく使われているかどうかをチェックすることができます。属性やプロパティ、要素の親子関係などをチェックします。今以上に堅牢なデザインシステムになるでしょう。

セレクタごとに適用する

状況によっては、ある要素に部分的に適用したいこともあるでしょう。あるいは一部を除外したい。Markuplintには、CSSセレクタや正規表現セレクタなどで部分的に選択をして適用する機能があります。

テンプレートエンジンのサポート

Markuplintは、プラグインを通じてHTML以外の構文やテンプレートエンジンについても評価することができます。Pug, JSX(React), Vue, Svelte, Astro, Alpine.js, HTMX, PHP, Smarty, eRuby, EJS, Mustache/Handlebars, Nunjucks, Liquid用のプラグインが用意されています。また、欲しい構文に対応したプラグインを作成するAPIも提供します。

エディタ拡張機能

Visual Studio CodeのMarkuplint拡張があります。入力時に問題を検出することは大切です。なぜなら、CLIよりも簡単かつ迅速に問題を認識することができるからです。そして、それは初心者のHTMLコーディングのトレーニングにも役立ちます。