Denoのフルスタックフレームワーク「Fresh 1.1」登場。プラグインシステム、Preact DevTools対応、404ページのレンダリングなど新機能

今回は「Denoのフルスタックフレームワーク「Fresh 1.1」登場。プラグインシステム、Preact DevTools対応、404ページのレンダリングなど新機能」についてご紹介します。

関連ワード (実現、更新、特徴等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

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


JavaScriptやTypeScriptのサーバサイドランタイム「Deno」を開発するDeno Land Inc.は、Deno用のフルスタックフレームワーク「Fresh」最新版となる「Fresh 1.1」をリリースしました。

Fresh v1.1 has been released with significant improvements:

Automatic mode JSX
Plugin system
Preact DevTools integration
New Tailwind plugin
Preact Signals support

…and much more!

Read the full release notes: https://t.co/YrrxCcXgmA

— Deno (@deno_land) September 8, 2022

Freshは、7月に正式版がリリースされました。

CDNエッジでのJust-in-timeレンダリングによってWebページのビルド工程が不要で、デフォルトではクライアントにJavaScriptを用いず処理のオーバーヘッドが存在しない一方で、インタラクティブ性が必要となる部分のJavaScriptは必要に応じて後から組み込むアイランドベースのクライアントハイドレーション機能を採用する、などの特徴を備えています。

参考:Denoが新フレームワーク「Fresh 1.0」リリース。Just-in-timeレンダリングやランタイムオーバヘッドゼロなどの特徴がもたらす優位性とは?

自動JSXモード、プラグインシステム、Preact Signals対応など新機能

Fresh 1.1では上記のツイートにあるように、「Automatic mode JSX」「プラグインシステム」「Preact DevToolsの統合」「Tailwindプラグイン」などの新機能が追加されました。

Automatic mode JSXでは、これまでプロジェクトのコードの先頭で明示的にJSXモードを宣言するために書かれてた「/** @jsx h */」「import { h } from “preact”;」の2行が不要になり、デフォルトで自動的にJSXモードを検知するようになりました。

プラグインシステムが導入され、Freshの機能をプラグインで拡張できるようになりました。現時点でプラグインはレンダリングされたHTMLにスタイルやスクリプトを注入することだけの機能に制限されているとのこと。例えば、Google Analytics のスクリプトをページに注入するといったことが可能です。

DenoからオフィシャルなプラグインとしてTailwindをJavaScriptで実装したTwindベースのプラグインが公開されまています。

デフォルトでPreact Signalsがサポートされました。Preact Signalsは高速なレスポンスを実現できる状態管理フレームワークであり、効率的な方法でコンポーネントやUIを更新してくれます。

これに合わせてWebブラウザの拡張機能として提供しているPreact DevToosもサポートされました。これによりPreactのコンポーネントのレンダリング状況などの把握などが容易になり、開発やデバッグの効率が高まることが期待されます。ChromeやEdge、Firefoxで利用可能です。

そのほか、明示的に404ページをレンダリングすることもできるようになるなど、詳細は「Fresh 1.1 – automatic JSX, plugins, DevTools, and more」をご覧ください。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
企業幹部も感じる“仕事と生活の衝突”–約7割が転職を検討
IT関連
2022-07-01 13:29
「Windows用Rust」のバージョン0.9がリリース
IT関連
2021-05-12 02:19
食べチョクが給食食材と食育コンテンツを学校向けに期間限定で無償提供、学校からの公募もスタート
EdTech
2021-05-29 16:28
マルチクラウド環境におけるセキュリティの死角に目を配るには
IT関連
2021-07-30 12:58
サプライチェーンリスクを起因とするインシデントの変遷と対応策
IT関連
2021-05-10 17:53
セールスフォース、CO2排出削減管理サービスの国内提供を開始
IT関連
2022-03-11 06:45
グーグル、「Chrome」の新たなゼロデイ脆弱性の修正を公開
IT関連
2022-09-07 20:42
IT系上場企業の平均年収を業種別にみてみた 2021年版[前編] ~ ネットベンチャー、ゲーム、メディア系
働き方
2021-07-12 00:57
Box、「Microsoft 365」プラットフォームとの連携機能を強化
IT関連
2021-03-22 07:11
[速報]VMwareがBroadcomに買収されると正式に発表(更新終了)
Broadcom
2022-05-27 05:38
サテライトオフィス、コロナ禍で急成長 都も後押し
IT関連
2021-01-29 06:42
2021年に注目したいマイクロソフトのテクノロジー5選
IT関連
2021-01-15 11:12
「Microsoft Teams」が登場5周年–飛躍的な成長を遂げた共同作業ツールの今後
IT関連
2022-03-17 05:16
トランプ氏支持者によるSNS「GETTR」、立ち上げ日に侵入される
アプリ・Web
2021-07-07 20:21