[B! JSX] gazza069のブックマーク

静的サイトジェネレーターminista（ミニスタ）とは？特徴や魅力を解説！ | Web Design Trends

Next.jsのような開発体験 100%静的なファイルSSG Vite v4をビルドツールとして採用 MDX v2を統合相対パスに対応 TypeScriptでの開発ビルド後のHTMLは読みやすく整形ページに必要なCSSとJSを個別でエントリー・生成画像の最適化、リモート画像のダウンロード複数のSVGアイコンファイルをスプライト化非同期関数でAPIからデータを取得してページ生成部分的なReact Component化で動的なエリアを作成納品用のページリストやZipファイルの生成を自動化シンプルなフレームワークながら、静的サイトジェネレーターとして必要な機能が一通り揃えられていて、画像の最適化やMarkdownによるコンテンツ作成など細かな所まで機能として提供されています。上記のような機能の中から、いくつかの特徴をピックアップしてご紹介していきたいと思います。 JSXで記述

gazza069 2024/09/12

リンク

Next.jsにMarkuplintを入れてHTMLの品質を向上させる

はじめに世間はAIの時代ですが、web制作はアクセシビリティを気にしないといけない時代なのではないでしょうか？今回はNext.jsのプロジェクトにMarkuplintを導入していきます。あなたのマークアップに安寧をすべてのマークアップ開発者のためのHTMLリンター Markuplintを入れることによって Markuplintを入れることによって主に、 HTML Standardの仕様に沿ったマークアップ WAI-ARIAの仕様に沿ったアクセシブルなマークアップなどのチェックをすることができます。 JSXやVueなどさまざまな構文やテンプレートにも対応しています。「HTML知らないこと割とあるなぁ。」 Markuplintを入れることできっとみんなこう思うと思います。 HTMLをきちんと学んだことがあるフロントエンドエンジニアどれくらいいるんですかね。ちなみに私は、HTML解