--- title: Xの読み込みが爆速に！？TanStack RouterとTailwindへ移行開始 url: https://roboin.io/article/2026/07/04/x-loading-gets-blazing-fast-with-migration-to-tanstack-router-and-tailwind/ description: Web版のXにTanStack RouterやTailwind、SSRといったモダンなWeb技術が採用され、ページの読み込み速度が大幅に向上したことがわかりました。この変更はログアウト状態のページに展開されており、将来的にログイン状態でも適用されるようになる可能性があります。 publishedDate: 2026-07-04T00:28:32.744Z modifiedDate: 2026-07-04T00:28:32.744Z thumbnail: https://roboin.io/api/media/file/desktop-web-development-react-unsplash.jpg thumbnailAlt: パソコンの画面にReactのサンプルコードとそのプレビューが表示されている写真 thumbnailCaption: N/A --- # Xの読み込みが爆速に！？TanStack RouterとTailwindへ移行開始 Web版のXにTanStack RouterやTailwind、SSRといったモダンなWeb技術が採用され、ページの読み込み速度が大幅に向上したことがわかりました。 この変更はログアウト状態のページに展開されており、将来的にログイン状態でも適用されるようになる可能性があります。 ## XのWeb版の技術スタックが大幅転換 香港のテクノロジーブロガーのJane Manchun Wong氏は、XがWeb版のコードを全面的に置き換えており、まずログアウト状態のページから新しい構成を展開していると[投稿しました](https://x.com/wongmjane/status/2073141434484666724)。 同氏は投稿の中で、新しいWeb版のXはTanStack RouterとTailwindで構築されており、SSRストリーミング、Vite、Rolldown、ES Modulesなど、モダンなWeb技術を採用していると指摘しました。 筆者が実際にログアウト状態のXのソースコードを確認したところ、Wong氏の指摘どおりフロントエンドのHTMLコード内にTailwind由来と考えられるクラス名を確認しました。 また、ログイン状態では従来の技術スタックが引き続き利用されている一方で、ログアウト状態ではスマートフォンのブラウザーでもローディング画面が表示されずに瞬時にページが読み込まれました。 Xの従来のWebフロントエンドには、[React Navive for Webが使われており](https://necolas.github.io/react-native-web/docs/about-project/)、[React Routerのコンポーネントも活用](https://blog.x.com/engineering/en_us/topics/infrastructure/2019/progressively-enhancing-desktop-devices)されていました。 新しい構成について、XのWebフロントエンドを担当しているYagiz Nizipli氏は、[TanStack RouterとSSRを使っている](https://x.com/yagiznizipli/status/2073162308428161167)と述べています。 また、OpenAIのエンジニアのDominic Gannaway氏は、Xが非推奨でサポートされていないDraft.jsをエディターで使うことをやめることを望むという趣旨のポストを[投稿しました](https://x.com/trueadm/status/2073150790944870523)。 これに対してNizipli氏は「[it’s on my agenda](https://x.com/yagiznizipli/status/2073176919755952376)」と返信し、エディターの技術スタックの見直しへの意欲を示しました。 ## 筆者の分析 Xは複雑で大規模なシステムなので、根本から技術スタックを変更することは容易ではありません。 ログアウト状態のページから移行が始まったのは、ログイン時の機能を実装する必要がないために相対的に移行コストが低いことに起因していると考えます。 将来的にはログイン状態のページも新しい技術スタックに移行する可能性があります。 Xの社員のZach Warunek氏は、「[バグレポートのポストをXチャットのエージェントに共有するだけで、1時間後には見るべきPRが用意されている段階に達している](https://x.com/ZachWarunek/status/2073056370732249179)」と述べており、新しい技術スタックへの移行はこうしたAIの進歩が背景にあると考えます。 Web版のXをめぐっては6月上旬、Webアプリの読み込み時間を90％削減したバージョンをまもなくリリースすると、Xの製品責任者のNikita Bier氏が述べていました。 Nizipli氏も当時、低速な4G接続下で新バージョンと従来版を比較する動画を投稿しており、プロフィールページの読み込み時間が約18秒から約5秒へ短縮されたようすを示していました。 [XのWeb版が軽くなる？読み込み時間90％短縮と製品責任者](https://roboin.io/article/2026/06/09/x-web-gets-lighter-as-head-of-product-claims-90-faster/) ## Verification details and sources ### Verification environment - OS：Android 17 - デバイス：Google Pixel 8 - ブラウザー：Firefox Nightly v154.0a1 ### Verification details ログアウト状態のWeb版のXにTailwind由来とみられるクラス名が含まれていることを確認。また、スマートフォンのブラウザーでログアウト状態のXのページが瞬時に表示されることを確認 ### Last verification date 2026-07-04T00:00:00.000Z