💻 Webトレンド
Our $1 million hacker challenge for React2Shell
出典: Vercel Blog
React2Shellの脆弱性が公開された後、VercelのWebアプリケーションファイアウォール（WAF）Seawallは、6百万件以上の攻撃試行をブロックしました。特に、ピーク時には24時間で230万件の攻撃を防ぎました。この成果は、116人のセキュリティ研究者と協力し、WAFのバイパスを特定するために行ったハッカーチャレンジによるもので、100万ドル以上の報酬が支払われ、48時間以内に20のユニークなアップデートが実施されました。この取り組みは、Next.jsを使用しているデプロイメントのセキュリティを大幅に向上させる重要なステップです。
Introducing vercel.ts: Programmatic project configuration
出典: Vercel Blog
Vercelは新たにvercel.tsというTypeScriptベースの設定ファイルを導入しました。これにより、プロジェクトの設定をコードとして表現でき、動的なロジックや型安全性を提供します。具体的には、高度なルーティング、リクエスト変換、キャッシュルール、cronジョブの定義が可能で、静的なJSONでは表現できない柔軟性を持ちます。また、環境変数へのアクセスや条件付きの動作もサポートされ、開発者の体験が向上します。この技術は、複雑なプロジェクト設定をより簡潔に管理できるため、開発効率を大幅に向上させる重要なアップデートです。
Masonry Layout is Now grid-lanes
出典: CSS-Tricks
新しいCSSの表示プロパティキーワード「grid-lanes」が導入され、これによりマソニーレイアウトモードが利用可能になります。この機能は、要素を不規則に配置することで、視覚的に魅力的なデザインを実現します。具体的には、異なるサイズのコンテンツを効率的に配置し、空白を最小限に抑えることができます。これにより、開発者はより柔軟でダイナミックなレイアウトを簡単に作成できるようになります。この技術は、特に画像ギャラリーやブログの投稿リストなど、視覚的な要素が重要なウェブサイトにおいて重要な役割を果たします。