静的サイトジェネレータ「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
避難所の“密”を防ぐ「ダンボール・スリープカプセル」、年内登場
くらテク
2021-06-30 22:55
AWS、NFSサービスの「Amazon EFS」の料金を最大47%下げる「Amazon EFSワンゾーンストレージクラス」発表。冗長化を省略して安価に提供
AWS
2021-03-11 07:50
Apple、ポッドキャストをサブスク対応に 5月から提供
IT関連
2021-04-22 15:15
Slackにプロジェクト管理機能が追加、「Slackリスト」正式リリース。タスクリストなどの作成と共有が可能に
Salesforce
2024-06-11 23:50
AI時代の相続はどうなる? 可能性と限界、専門家の未来を考察
IT関連
2024-08-01 10:05
反トラスト法に阻まれてVisaがPlaid買収中止、フィンテック関係者に落胆の声が広がる
フィンテック
2021-01-15 17:37
AIスタートアップSnorkelが目指す、エキスパート主導のAI開発
IT関連
2022-12-31 17:56
文字を“ディープフェイク”するAI、Facebookが開発 フォントや手書き感をコピーして別単語に変換
ロボット・AI
2021-06-16 01:13
自動操縦フライトスタートアップのXwingが約43.5億円の資金を調達
モビリティ
2021-04-18 08:02
Apple、AirTagのアクセサリーガイドライン公開
IT関連
2021-04-27 00:22
アリババ、経営体制を刷新へ–現CEOはクラウド事業に専念
IT関連
2023-06-22 08:36
やった!ついにSnapが黒字に
IT関連
2022-02-05 14:26
米国のAppleマップで新型コロナワクチンの接種場所が表示されるように
ライフ
2021-03-18 23:43
アドビ、電子サインサービスのLGWAN対応を推進
IT関連
2022-06-30 16:39