Movatterモバイル変換

[0]ホーム
URL:

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • Next.js製アプリケーションのコンパイルを約100倍高速化した話
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

189usersがブックマークコメント10

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        Next.js製アプリケーションのコンパイルを約100倍高速化した話

        189 userszenn.dev/mkt

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページへ

            記事へのコメント10件

            • 注目コメント
            • 新着コメント
            yarumato
            “コンパイルに99秒かかっている。コンパイルを遅くさせている原因を特定するため処理時間をツリー構造で表示。tailwindcssのJITが正しく機能していないことが原因と判明。コンパイルが0.9秒に。”

              その他
              gabill
              インタープリターをJIT化するのはよくあるけど、もともと事前コンパイルするものをJIT化するって珍しい。

                その他
                razokulover
                traceの仕方こうやるのか

                  その他
                  circled
                  tailwindcssが悪いみたいに思われそうだがJITを褒めてるし「これはユーティリティ系のコンポーネント群をライブラリ化してNextのディレクトリ外に切り出していたことに起因したものでした」ってところが根本原因かな？

                    その他
                    maruware
                    trace便利そう

                      その他
                      Nyoho
                      “.next/traceを解析して、原因を特定する”

                        その他
                        Keisuke69
                        知見だ。.next/traceもtrace-to-tree.mjsも知らなかった

                          その他
                          efcl
                          Next.jsのビルド速度の問題を`.next/trace`のトレースデータを見て分析する方法について

                          その他
                          yarumato
                          yarumato“コンパイルに99秒かかっている。コンパイルを遅くさせている原因を特定するため処理時間をツリー構造で表示。tailwindcssのJITが正しく機能していないことが原因と判明。コンパイルが0.9秒に。”

                            2023/01/22リンク

                            その他
                            ledsun
                            “tailwindcssのJITは効果大だったので、メジャーを上げる価値が。今回のようにバージョン3を採用していてもJITが有効化されていないケースがあるかもしれません、.next/traceファイルを用いて一度確認し”

                              その他
                              mizdra
                              便利

                              その他

                              注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                              リンクを埋め込む

                              以下のコードをコピーしてサイトに埋め込むことができます

                              プレビュー
                              アプリのスクリーンショット
                              いまの話題をアプリでチェック！
                              • バナー広告なし
                              • ミュート機能あり
                              • ダークモード搭載
                              アプリをダウンロード

                              関連記事

                                usersに達しました！

                                さんが1番目にブックマークした記事「Next.js製アプリケ...」が注目されています。

                                気持ちをシェアしよう

                                ツイートする

                                Next.js製アプリケーションのコンパイルを約100倍高速化した話

                                Next.jsアプリケーションの開発時においてコンパイルが長時間に及ぶ問題が起きていたので、その原因を特...Next.jsアプリケーションの開発時においてコンパイルが長時間に及ぶ問題が起きていたので、その原因を特定した手法と採用した解決策について記載します。 今回は結果的にコンパイル時間を100倍以上高速化することができました。 前提 今回の対応は以下のバージョンで行いました。React@18.2.0 next@12.2.4tailwindcss@3.2.4 postcss@8.4.14Next.js の開発中に、コンパイル時間が長くなっていることに気づく 最近、Next.jsアプリケーションのローカル開発時に待ち時間が長くて生産性が低いのでなんとかしたい、という相談を受け、調査を開始しました。 まず、おもむろにyarn devでプロセスを立ち上げてみたところ、以下のようなコンパイル時間を示すログが表示されました。 yarn dev yarn run v1.22.19 $ next dev

                                ブックマークしたユーザー

                                • c_mutoh2025/02/18c_mutoh
                                • yamaru-simeru2024/11/12yamaru-simeru
                                • udtech2024/04/21udtech
                                • grover2023/10/30grover
                                • t07159ko2023/03/04t07159ko
                                • Tomohiro2023/02/16Tomohiro
                                • tjmschk2023/01/31tjmschk
                                • tasukuchan2023/01/26tasukuchan
                                • jukuringo2023/01/26jukuringo
                                • Toge2023/01/25Toge
                                • gabill2023/01/25gabill
                                • naari_32023/01/25naari_3
                                • razokulover2023/01/25razokulover
                                • kyo_ago2023/01/25kyo_ago
                                • midas365452023/01/24midas36545
                                • poad10102023/01/24poad1010
                                • righm92023/01/24righm9
                                • dkanikama2023/01/23dkanikama
                                すべてのユーザーの
                                詳細を表示します

                                ブックマークしたすべてのユーザー

                                同じサイトの新着

                                同じサイトの新着をもっと読む

                                いま人気の記事

                                いま人気の記事をもっと読む

                                いま人気の記事 - テクノロジー

                                いま人気の記事 - テクノロジーをもっと読む

                                新着記事 - テクノロジー

                                新着記事 - テクノロジーをもっと読む

                                同時期にブックマークされた記事

                                いま人気の記事 - 企業メディア

                                企業メディアをもっと読む

                                はてなブックマーク

                                公式Twitter

                                はてなのサービス

                                • App Storeからダウンロード
                                • Google Playで手に入れよう
                                Copyright © 2005-2025Hatena. All Rights Reserved.
                                設定を変更しましたx
                                [8]ページ先頭
                                ©2009-2025 Movatter.jp