静的サイトジェネレータ「Astro 4.5」正式版、コードの問題点などを実際のWebブラウザ上で指摘してくれる「Dev Audit UI」など新機能

今回は「静的サイトジェネレータ「Astro 4.5」正式版、コードの問題点などを実際のWebブラウザ上で指摘してくれる「Dev Audit UI」など新機能」についてご紹介します。

関連ワード (使用、最新、表示等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 4.5」が正式にリリースされました。

Astro 4.5 is here!

Introducing the new Dev Audit UI — Catch real-world a11y & perf issues during development, right in your browser. Available today in the Astro Dev Toolbar!

Plus: View Transition improvements, Multi-CDN, Shiki 1.0, and more.https://t.co/VIFluKrhZp

— Astro (@astrodotbuild) March 11, 2024

Astro 4.0が登場したのは4カ月前の2023年12月ですので、4カ月で5回という速いペースで新バージョンが登場しています。

Astroは、ReactやVue、Svelte、Alpine.js、TypeScriptなどのさまざまなフレームワークやライブラリに対応した静的サイトジェネレータです。

ビルド時にWebサイト全体のHTMLが生成され、しかもそのHTMLには全くJavaScriptが含まれないか、もしくはWebブラウザ上での動作に必要な最小限のJavaScriptのみが残されます。

そのため、非常に高速に表示されるWebサイトの生成が可能である点が、Astroの大きな特徴です。

性能の上の問題などを指摘してくれる

Astro 4.5の新機能は「Dev Audit UI」です。

Dev Audit UIは、下記のようなUIパネル上でコードの問題がある部分を、実際にUIの要素に合わせてビジュアルに表示してくれます。

しかもDev Audit UIでは、Webブラウザ上で実際に動作してみないと分からない問題点について実際にWebブラウザ上で監査し、それを表示してくれるというところが利点とされています。

Astro 4.5の新機能Dev Audit UI

2月に登場した前バージョンのAstro 4.4では、同様にUIパネルを用いてパフォーマンスに問題がある部分を表示してくれる「Pearformance Audits」機能が提供されています。下記がその例です。

Astro 4.4の新機能Performance Audits

Astro 4.5ではそのほか、シンタックスハイライトツールとしてこれまで使用してきたShikijiからShikiに変更したことや、JSON Schemaの自動生成機能の実験的実装、バグフィクスなどが行われています。

詳細は「Astro 4.5」をご覧ください。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
重要なカギを握る5つのテーマ–F5・ジュッド アジア太平洋・中国・日本担当シニア・バイスプレジデント
IT関連
2023-01-13 11:56
都立中高生が「Power Apps」でハッカソン–アプリで“青春の問題”に立ち向かう
IT関連
2023-08-22 10:20
「Amazon Q Developer」正式サービスに。AIがAWSの専門家となり、設計、コーディング、テスト、トラブルシュートなどを支援。Freeプランも
AWS
2024-05-01 00:53
Google、マルウェアと判明した9本のアプリを公式ストアから削除
アプリ・Web
2021-07-06 09:08
温度上昇を防ぐ–「Raspberry Pi 4」公式ケースに取り付け可能なファンを見る
IT関連
2021-02-14 18:40
freee、契約書のリスク検知と修正案をAIが示唆–スモールビジネスの契約に特化
IT関連
2023-11-10 06:38
HashiCorp、「HCP Packer」でアーティファクトのPackerバージョンを確認可能に
IT関連
2024-04-26 18:13
Docker Desktop 4.16登場。AWSをローカルエミュレーションするLocalStackなど拡張機能が正式版。AppleシリコンMacでx86/amd64版Linuxバイナリの実行がβ版に
Apple
2023-01-16 09:56
東京学芸大と内田洋行が連携–未来型教室で得た教育ITの知見を全国へ
IT関連
2024-02-15 03:39
日経平均3万円超え、米長期金利1.3%–金利上昇で株高終わる?
IT関連
2021-02-22 16:04
大阪大学レーザー研究所、核融合に不可欠な固体トリチウムの新しい物性値を60年ぶりに解明
IT関連
2022-02-18 08:05
パーパスは「あなたの会社は社会にとって必要な存在か」から問え
IT関連
2022-10-14 10:34
富士通グループ、2040年度にバリューチェーン全体のネットゼロ目指す
IT関連
2023-08-30 03:26
「OAからDXへ」と転換を図るリコーに求められることは何か
IT関連
2023-12-15 13:49