フロントエンドに関する2023年の振り返りと2024年の予想

xguru · 2024-01-15T10:29:01+09:00

[2023年の振り返り] SSR (Server-Side Rendering) SSR は新しい概念ではないが、Vercel がこの市場を積極的に攻略している。 Ruby on Rails コミュニティと HTMX は、ビルド不要のワークフローを提案しながら SSR を広めている。 React と Svelte は Vercel と密接な関係にあり、Vue はコミュニティ主導の Nuxt を通じて独立した立場を維持している。モバイル領域でも SSR への関心が高まっているが、モバイルでの適合性は依然として議論が続いている。 AI フロントエンドのワークフローに AI を統合しようとする試みが活発である。 ChatGPT や GitHub Copilot のようなツールは、コード生成およびプログラミング支援ツールとして定着している。 Microsoft は OpenAI に追加で 100 億ドルを投資し、AI 分野の潜在力を認めた。ブラウザエンジン、JS エンジン、ランタイム新しいブラウザエンジン Ladybird が登場し、Servo Web レンダラーも進化している。 Hermes JS エンジンは性能向上を実現し、QuickJS プロジェクトも復活した。 Bun ランタイムは Node.js に挑戦状を突きつけ、注目を集めている。クロスプラットフォームフレームワーク React Native は依然として強く、Amazon が主要アプリ開発に採用している。 Flutter 開発者は将来に対する不確実性を感じており、Google の支援が弱まる可能性を懸念している。 Tauri と Dioxus は Rust ベースの GUI アプリ開発を可能にしている。 UI フレームワーク Solid、Web Components、Svelte などが注目を集め、それぞれのやり方でフロントエンド開発の革新を試みている。 HTMX は複雑なビルドツール時代において、シンプルなアプローチで注目されている。ビルドシステム SWC や Esbuild のような次世代ビルドツールの利用が増えている。新しいバンドラーが登場し、Metro は React Native の主要ビルドツールとして定着している。開発ツール Eslint はフォーマット規則の維持への不満を示し、Prettier の代替として Biome が登場した。 Bun はパッケージインストール速度を大幅に向上させる一方で、それによる欠点も存在する。 [2024年の予想] スタック全体を所有しようとする傾向ソフトウェアスタックの垂直統合全体を所有しようとする傾向がある。たとえば Bun は、ランタイム、コンパイラ、パッケージマネージャー、HTTP サーバー、テストランナーになろうとしている。 Vercel は、ホスティング、ドメイン名登録、Edge 機能、データベース、分析、主要 UI フレームワーク向け SSR 統合など、さまざまな製品を提供している。 Vercel は中間サービスを排除し、自社ソリューションを開発することで利益率を改善できる。 Vercel の価値提案を「自分でもできるが、私たちが労力を減らす」から「自分ではできない」へと変えることで、さらに魅力を高められる。ユーザーを自社スタックに閉じ込めるのは極端な選択肢だが、顧客維持戦略として使われる可能性がある。 Vercel はスタック内で独占的な地位を占め、技術スタックをさらに魅力的にして雇用を生み出し、ユーザーの貢献を引き出すだろう。競合: Biome には潜在力があるが、十分な資本がない。 Bun には資本があるが、現在多くの課題に直面している。 Deno は慎重に市場へ参入しているが、スタック全体への答えは提供していない。 Expo はモバイル分野で Vercel より強みがあり、ユーザーベースを構築した後、収益化段階へ移行している。フロントエンドユーザーとしての願い: フロントエンドは複雑化しており、それを単純化して統合しようとする試みは歓迎したいが、それがユーザーの選択を制限するのは望ましくない。 Web の多様性の増加 2024 年 3 月 5 日をもって、Apple の App Store における Web エンジンへのゲートキーピングは終了する予定である。 Safari チームは市場シェアを守るために努力している。 Servo は、デスクトップ分野で競争するにはまだ不十分である。 Ladybird は 2023 年の Web Engine Hackfest に参加し、注目を集めた。 Chrome は Manifest V2 の廃止により、市場シェアを失う可能性がある。 Firefox には、広告ブロックとプライバシーに集中できる機会がある。人工知能の始まり OpenAI は AGI に向かって進んでおり、GPT-4 はその方向への中間地点と見なせる。 Apple は ML プロセッサを搭載したデバイスを投入し、消費者に AI 技術を提供することに注力している。 Apple は GPT-3.5 と競合できる「Ajax」という生成 AI モデルを開発中である。主要 UI フレームワークの継続 React のような主要 UI フレームワークは、当面の間市場を支配し続けるとみられる。モバイル開発に大きな変化はないネイティブ開発者は引き続きネイティブで開発していくとみられる。開発者はこれまで使ってきたフレームワークに忠実であり続けると予想される。結論 SSR と AI が強調されており、JavaScript エコシステムはツールからエンジンまで繁栄している。 2024 年には、ツールとフレームワークの統合、業界権力の拡大、AI の日常的なプロセスへの関与がさらに進むと予想される。

(buttondown.email)

24 ポイント投稿者 xguru 2024-01-15 | 3件のコメント | WhatsAppで共有

[2023年の振り返り]

SSR (Server-Side Rendering)

SSR は新しい概念ではないが、Vercel がこの市場を積極的に攻略している。
Ruby on Rails コミュニティと HTMX は、ビルド不要のワークフローを提案しながら SSR を広めている。
React と Svelte は Vercel と密接な関係にあり、Vue はコミュニティ主導の Nuxt を通じて独立した立場を維持している。
モバイル領域でも SSR への関心が高まっているが、モバイルでの適合性は依然として議論が続いている。

AI

フロントエンドのワークフローに AI を統合しようとする試みが活発である。
ChatGPT や GitHub Copilot のようなツールは、コード生成およびプログラミング支援ツールとして定着している。
Microsoft は OpenAI に追加で 100 億ドルを投資し、AI 分野の潜在力を認めた。

ブラウザエンジン、JS エンジン、ランタイム

新しいブラウザエンジン Ladybird が登場し、Servo Web レンダラーも進化している。
Hermes JS エンジンは性能向上を実現し、QuickJS プロジェクトも復活した。
Bun ランタイムは Node.js に挑戦状を突きつけ、注目を集めている。

クロスプラットフォームフレームワーク

React Native は依然として強く、Amazon が主要アプリ開発に採用している。
Flutter 開発者は将来に対する不確実性を感じており、Google の支援が弱まる可能性を懸念している。
Tauri と Dioxus は Rust ベースの GUI アプリ開発を可能にしている。

UI フレームワーク

Solid、Web Components、Svelte などが注目を集め、それぞれのやり方でフロントエンド開発の革新を試みている。
HTMX は複雑なビルドツール時代において、シンプルなアプローチで注目されている。

ビルドシステム

SWC や Esbuild のような次世代ビルドツールの利用が増えている。
新しいバンドラーが登場し、Metro は React Native の主要ビルドツールとして定着している。

開発ツール

Eslint はフォーマット規則の維持への不満を示し、Prettier の代替として Biome が登場した。
Bun はパッケージインストール速度を大幅に向上させる一方で、それによる欠点も存在する。

[2024年の予想]

スタック全体を所有しようとする傾向

ソフトウェアスタックの垂直統合全体を所有しようとする傾向がある。たとえば Bun は、ランタイム、コンパイラ、パッケージマネージャー、HTTP サーバー、テストランナーになろうとしている。
Vercel は、ホスティング、ドメイン名登録、Edge 機能、データベース、分析、主要 UI フレームワーク向け SSR 統合など、さまざまな製品を提供している。
- Vercel は中間サービスを排除し、自社ソリューションを開発することで利益率を改善できる。
- Vercel の価値提案を「自分でもできるが、私たちが労力を減らす」から「自分ではできない」へと変えることで、さらに魅力を高められる。
- ユーザーを自社スタックに閉じ込めるのは極端な選択肢だが、顧客維持戦略として使われる可能性がある。
- Vercel はスタック内で独占的な地位を占め、技術スタックをさらに魅力的にして雇用を生み出し、ユーザーの貢献を引き出すだろう。
競合:
- Biome には潜在力があるが、十分な資本がない。
- Bun には資本があるが、現在多くの課題に直面している。
- Deno は慎重に市場へ参入しているが、スタック全体への答えは提供していない。
- Expo はモバイル分野で Vercel より強みがあり、ユーザーベースを構築した後、収益化段階へ移行している。
フロントエンドユーザーとしての願い:
- フロントエンドは複雑化しており、それを単純化して統合しようとする試みは歓迎したいが、それがユーザーの選択を制限するのは望ましくない。

Web の多様性の増加

2024 年 3 月 5 日をもって、Apple の App Store における Web エンジンへのゲートキーピングは終了する予定である。
Safari チームは市場シェアを守るために努力している。
Servo は、デスクトップ分野で競争するにはまだ不十分である。
Ladybird は 2023 年の Web Engine Hackfest に参加し、注目を集めた。
Chrome は Manifest V2 の廃止により、市場シェアを失う可能性がある。
Firefox には、広告ブロックとプライバシーに集中できる機会がある。

人工知能の始まり

OpenAI は AGI に向かって進んでおり、GPT-4 はその方向への中間地点と見なせる。
Apple は ML プロセッサを搭載したデバイスを投入し、消費者に AI 技術を提供することに注力している。
Apple は GPT-3.5 と競合できる「Ajax」という生成 AI モデルを開発中である。

主要 UI フレームワークの継続

React のような主要 UI フレームワークは、当面の間市場を支配し続けるとみられる。

モバイル開発に大きな変化はない

ネイティブ開発者は引き続きネイティブで開発していくとみられる。
開発者はこれまで使ってきたフレームワークに忠実であり続けると予想される。

結論

SSR と AI が強調されており、JavaScript エコシステムはツールからエンジンまで繁栄している。
2024 年には、ツールとフレームワークの統合、業界権力の拡大、AI の日常的なプロセスへの関与がさらに進むと予想される。

3件のコメント

fdmswl 2024-01-24

Prettier の代替として Biome が登場。<- biome が注目されていると言うには、npm trends では Prettier にまだかなり及ばないようです。ひとまず代替として登場したとのことなので気になりますね。一度調べてみます！

firea32 2024-01-22

ネイティブビューを使用するクロスプラットフォームは、React Native が最後になりそうですね。本当に残念…

greenhead 2024-01-15

ありがとうございます〜