[フレーム]
はてなブックマークアプリ

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

アプリで開く

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

190users がブックマーク コメント 11

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

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

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

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

よく使うタグ

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

190 users zenn.dev/mkt

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

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

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

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

よく使うタグ

はてなブックマーク

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

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

ユーザー登録

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

記事へのコメント11

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

その他
yomotsu
".next/trace"

その他
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.4 tailwind css@3.2.4 postcss@8.4.14 Next.js の開発中に、コンパイル時間が長くなっていることに気づく 最近、Next.jsアプリケーションのローカル開発時に待ち時間が長くて生産性が低いのでなんとかしたい、という相談を受け、調査を開始しました。 まず、おもむろにyarn devでプロセスを立ち上げてみたところ、以下のようなコンパイル時間を示すログが表示されました。 yarn dev yarn run v1.22.19 $ next dev

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

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

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

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

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

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

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

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /