静的サイトジェネレータ「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
Duality Labsはハードウェアアクセラレーション利用の準同型暗号テクノロジーで15.3億円のDARPA契約を獲得
人工知能・AI
2021-02-05 18:26
ウイングアーク、サプライチェーンのCO2排出量を可視化する基盤サービス
IT関連
2022-06-02 18:51
バイデン政権のジーナ・ライモンド商務長官にはファーウェイをエンティティリストから外す理由がない
ハードウェア
2021-02-06 22:32
コロナワクチンの接種状況、マイナンバーとひも付け 国が新システムを構築へ
クラウドユーザー
2021-01-27 11:51
練馬区、未納対策業務にAIを活用–富士通Japanと共同開発
IT関連
2024-03-30 09:19
イオンネクスト、ネットスーパーで複数注文の配送ルートを最適化する新機能
IT関連
2024-11-23 06:39
大分の百貨店トキハ、11社4600人対象に勤怠管理システムを刷新
IT関連
2021-07-19 20:52
「20世紀の遺物からの脱却へ」–SailPoint、新機能を発表
IT関連
2024-08-30 02:41
AIエージェントが人間のバディーに–アクセンチュア、2024年の技術トレンドを解説
IT関連
2024-05-30 22:50
シスコがSplunkに買収提案との報道。2兆3000億円を提示か
Cisco
2022-02-14 23:38
東海コンクリート工業、新工場をスマートファクトリー化–NTT Comが全面支援
IT関連
2024-07-07 18:54
輸出可能な商品を一覧表示–小林順蔵商店、日本酒の輸出見積もりを支援する新システム
IT関連
2023-02-11 23:59
国民的アニメのリメイクは「デマ」 カラー、庵野監督次回作についての一部報道を否定
くらテク
2021-05-18 22:14
Fraunhoferがリチウムイオン充電池の10倍のエネルギー密度で水素を蓄えられる素材を開発
ニュース
2021-02-05 13:14