この記事は、<strong><a href="https://techfeed.io/events/techfeed-experts-night-31">TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来</a></strong>の開催に際し、TechFeedのデータを元に日本語記事ランキングを紹介していくものです。 本記事は、TechFeed Experts Night#31 〜 フロントエンドアーキテクチャの現状と未来のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 こんにちは、TechFeed CEOの白石です。 この記事は、TechFeed Experts Night#31 〜 フロントエンドアーキテクチャ

6月12日、The Astro Blogで「JavaScript を使わないビュー遷移(Zero-JavaScript View Transitions)」と題した記事が公開された。この記事では、Astroが提供する新しい機能であるJavaScriptを使わないビュー遷移について詳しく紹介されている。以下に、その内容を簡潔にまとめて紹介する。 ビュー遷移APIとは？ ビュー遷移APIは、ネイティブブラウザ遷移を実現するための新しいAPIのセットである。Webの標準技術として実装が進んでいるため、近い将来すべてのブラウザ上で利用可能になる。従来、この機能はJavaScriptを多用するシングルページアプリケーション（SPA）でしか実現できなかったが、最近の進歩により、ネイティブページ遷移がウェブプラットフォームにもたらされた。 クロスドキュメントビュー遷移とは、ウェブブラウザにおいてページ間

今回のTechFeed Experts Nightは、「 フロントエンドアーキテクチャの現状と未来 」がテーマです。 プログラミングのエキスパートたちが、 フロントエンドアーキテクチャのトレンドからマニアックまで15分間のLTに凝縮！それらをネタに、エキスパートたちが語り合う！ エキスパートも、エキスパートを目指す方々も、楽しめること必至の60分！ セッション開始通知機能もあるので、見たいところだけ見れる！ さあ、技術をネタに盛り上がろう！🍻 TechFeed ❤ Developers & Communities

Googleは内部ドキュメントを誤ってGitHubに公開し、Apacheライセンスが恒久的に付与された ー そんな珍事が、SEO業界を中心としたWebの世界を大きく揺るがせている。 特に、過去の説明との矛盾がSEO専門家たちの怒りを大きく買っているようだ。 Googleは内部の技術文書をGitHubに誤って公開し、その文書には検索エンジンがウェブページをランク付けする方法の一部が詳細に記載されている。 （そのコードを元に公開されたWebサイト） この情報はSEOコミュニティにとって驚きであり、過去にGoogleが提供した情報と矛盾する部分も含まれている。 公開されたドキュメントの内容 技術文書の詳細: 公開されたドキュメントには、Googleの「ContentWarehouse」に関するAPIドキュメントが含まれている。これには2,596のモジュールと14,014の属性が記載されており、検

このリリースは、いくつかの新機能追加とバグ修正を含むマイナーアップグレードである。 ハイライト no-loop-funcルールはIIFE（即時関数）に対して報告しなくなった。 --inspect-config CLIフラグは最新バージョンのESLint Config Inspectorを起動するようになった。 no-constructor-returnルールは、コンストラクタ内で値を持たないreturn文を許可するようになった。 新機能 89a4a0a: no-loop-funcルールでIIFEを無視するようになった（#17528 Nitin Kumar）。 バグ修正 f6534d1: 普遍的なパターンのみに一致するプロセッサコードブロックをスキップするように修正（#18507 Milos Djermanovic）。 7226ebd: no-constructor-returnルールで暗黙

5月31日、GitLabが「A beginner's guide to the Git reftable format」と題した記事を公開した。この記事では、Gitの新しいリファレンス形式である「reftable」について詳しく紹介されている。 Gitのreftable形式について Gitのリファレンスストレージは、Git 2.45.0のリリースで「reftable」という新しい形式をサポートするようになった。これは従来の「ファイル」形式に代わるものであり、いくつかの重要な改善点を提供する。以下に、reftable形式の特徴と利点について詳しく解説する。 1. 高速で効率的なリファレンス検索 reftable形式は、単一のリファレンスの検索やリファレンス範囲の反復処理を可能な限り効率的かつ迅速に行うことを目指して設計されている。これにより、大規模なリポジトリにおいても高速な操作が可能になる

本記事は、TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 ではVue.jsの最新動向ということで、話していきたいと思います。早口の紹介になりますが、スライドは後日じっくり読んでいただければと思います。 まず自己紹介なんですけども、@kazuponと言います。PLAID株式会社というところで働いています。 Vue.jsのコアチームメンバーで、Nuxtのコミュニティチームに参加していたり、Vue.js日本ユーザーグループのオーガナイザーもしています。

5月25日、Fedora Magazineに掲載された「RedisからValkeyへの移行」と題した記事が人気だ。 この記事では、Redisのライセンス変更に伴い、代替プロダクトとしてのValkeyに注目が集まる中、その方法について詳しく紹介されている。 以下に、その内容を簡潔にまとめて紹介する。 背景 数週間前、Redisの開発会社はブログ投稿で、今後のRedisプロジェクトのバージョンがBSD-3条項ライセンスからRSALv2/SSPLv1の二重ライセンスに移行することを発表した。この変更により、Redisはもはやオープンソースとして認められなくなる。これに応じて、複数のRedisの既存の貢献者とメンテナがLinux Foundationの新プロジェクト「Valkey」を立ち上げた。ValkeyはRedisのオープンソース版として機能し、同じコードベースから派生している。 移行方法 F

本記事は、TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 では始めさせていただきます。今日はSvelteのこの1年の最新情報をキャッチアップできるということをゴールに発表します。

5月15日、DenoチームはJSR（JavaScript package registry）にDeno Standard Libraryを正式に移行したと発表した。このライブラリは高品質のTypeScriptパッケージの充実したコレクションであり、これまで<https://deno.land/std>で基本的なパッケージとして提供されていた。ファイルシステム管理から高度な暗号化機能まで、すべてのパッケージはDenoチームによって監査され、Denoとの互換性が保証されている。 JSRは単なる別のパッケージマネージャではなく、JavaScriptパッケージの配布を異なる環境間で統一し、簡素化するために設計された先進的なレジストリだ。Denoおよび他のJavaScriptランタイムとシームレスに統合され、JavaScriptエコシステムを大幅に強化する機能を多数導入している。その互換性は、Nod

今回のTechFeed Experts Nightは、「コンテナ技術最前線」がテーマです。 プログラミングのエキスパートたちが、コンテナ技術のトレンドからマニアックまで15分間のLTに凝縮！それらをネタに、エキスパートたちが語り合う！ エキスパートも、エキスパートを目指す方々も、楽しめること必至の60分！ セッション開始通知機能もあるので、見たいところだけ見れる！ さあ、技術をネタに盛り上がろう！🍻 TechFeed ❤ Developers & Communities

5月8日、Tailwind LabsはReact用の「Headless UI v2.0」をリリースした。 Headless UIとは、Tailwind CSSベースのUIコンポーネント集である。 Tailwind CSSチーム自身が開発を行っており、GitHubスター数も2.4万を超えるなど、高い人気を博している。 このアップデートは、開発者がより少ないコードでより良い開発体験を実現できるようにするための多数の改善を含んでいる。 主な更新点は以下の通りだ。 組み込みアンカーポジショニングのサポート 新しいチェックボックスコンポーネントの追加 HTMLフォームコンポーネントの拡充 状態検出の向上 コンボボックスリストの仮想化 新しいウェブサイトと改善されたドキュメント 組み込みアンカーポジショニングのサポート Floating UIがHeadless UIに直接統合され、Menu、Popov

4月23日、Angularチームが「Event Dispatch in Angular」と題した記事を公開した。この記事では、Angularの新しいイベントディスパッチシステムの裏側の詳細について詳しく紹介されている。 4月23日、Angularチームが「Event Dispatch in Angular」と題した記事を公開した。この記事では、Angularの新しいイベントディスパッチシステムの裏側の詳細について詳しく紹介されている。 イベントディスパッチの導入 Angularは、 JSAction というライブラリを使用して、 発生したイベントをアプリケーションのルートで捕捉し、完全なハイドレーションが完了したあとに再生する 機能を導入した。この機能により、ページがインタラクティブに見えるが反応しないという問題を解決している。 例えば、クリック時に onSave() を呼び出す、以下のよ

こんにちは、テックフィード白石です。 日本のエンジニア界隈をリードするエキスパートに、テクノロジーの最前線を語っていただくYouTube動画連載「Ask the Expert」の新着動画が公開されました！ 今回は、TypeScriptのエキスパートうひょさんに、TypeScriptの最新動向について詳しく伺ってきました。 うひょさんのアカウントをぜひフォローしましょう！ うひょさん（株式会社カオナビ　フロントエンドエンジニア） ついでに白石のもフォロー推奨: 聞き手: テックフィード白石 以下に掲載するのは、インタビュー動画の内容の要約です（正確な書き起こしではありません）。 内容をフルにご覧になりたい方は、ぜひ動画をご視聴ください。 （ご質問、ご感想などはYouTubeのコメント、もしくはこの記事のコメント欄でも受け付けております） TypeScript史上初めてのdeprecation

4月11日、AppleはSafari Technology Preview Release 192を発表した。このリリースは、認証、CSS、編集、JavaScript、メディア、レンダリング、Web API、Web Extensions、およびWeb Inspectorに関連する多数の改善と新機能が導入されている。 4月11日、AppleはSafari Technology Preview Release 192を発表した。このリリースは、認証、CSS、編集、JavaScript、メディア、レンダリング、Web API、Web Extensions、およびWeb Inspectorに関連する多数の改善と新機能が導入されている。 特に注目すべき新機能には、View Transitions APIのサポート、メディアソース拡張（MSE）のワーカーでのサポート、JavaScriptのObject

4月6日、CloudflareはCloudflare WorkersにJavaScriptネイティブのRPC（Remote Procedure Call）システムを追加した。 4月6日、CloudflareはCloudflare WorkersにJavaScriptネイティブのRPC（Remote Procedure Call）システムを追加した。 この新機能により、クライアント・サーバー間はもちろん、Worker間の通信も、ほぼボイラープレートなしでシームレスに行えるようになる。 ※RPC（Remote Procedure Call）とは、異なるコンピュータシステム間、または同一システム内の異なるプロセス間で、あたかもローカルのプロシージャ（関数やメソッド）呼び出しのように通信を行う手法。この手法を用いることで、開発者はネットワークの詳細を意識することなく、簡単にシステム間でデータを交換

4月6日、JavaScriptのコード品質管理ツールであるESLintは、その最新版バージョン9.0.0をリリースした。このアップデートでは、新機能の導入、バグ修正、そしていくつかの重大な変更が行われた。 4月6日、JavaScriptのコード品質管理ツールであるESLintは、その最新版バージョン9.0.0をリリースした。このアップデートでは、新機能の導入、バグ修正、そしていくつかの重大な変更が行われた。 新しいバージョンをインストールするには、以下のコマンドを実行するだけでよい。 npm i eslint@9.0.0 --save-dev 主な変更点を以下に挙げる。 Node.jsサポートの更新 主要な変更点の一つとして、Node.jsのサポートが更新された。これにより、Node.js v18.18.0未満およびv19のサポートが終了し、Node.js v20.xが現在のLTSリリース

3月13日、Laravelが最新バージョン「Laravel 11」をリリースした。 Laravel 11は、開発者に向けた新たな機能や最適化が盛り込まれ、ますます洗練された開発体験を提供している。この新バージョンの主な特徴を紹介する。 Laravel 11のハイライト: 最小のアプリケーション構成を導入 Laravel 11では、新しいアプリケーション向けに最小のアプリケーション構成が導入された。appフォルダは劇的にシンプルになりつつも、アプリケーションのカスタマイズ性はさらに向上した。これにより、既存のLaravel開発者が慣れ親しんだ概念や知識を損なうことなく、よりわかりやすく、よりモダンな開発体験を得られるようになった。 Laravel Reverbの導入 Laravel Reverbは、Laravelエコシステムに組み込まれたWebSocketサーバーで、アプリケーションに堅牢な