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

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

アプリで開く

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

214users がブックマーク コメント 19

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

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

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

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

よく使うタグ

Zennで発生した障害の原因と行なった対策のまとめ

214 users zenn.dev/catnose99

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

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

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

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

よく使うタグ

はてなブックマーク

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

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

ユーザー登録

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

記事へのコメント19件

  • 注目コメント
  • 新着コメント
netcraft3
短時間でSSRからCSRへ切り替えられたの凄い

その他
yutaro1985
事象と原因と対策がきっちり書かれていてお手本のような報告書ですね。

その他
z67kjh
確かにレンダリング結果のサイズって気にしたことなかったな

その他
gabill
"Web Components の Custom Elements を取り入れることで、Next.js側の処理をほとんど変えることなく移行ができました" こういう用途にWeb Componentsピッタリなんでもっとそういうパーツ作りが活況にならないかなぁ。

その他
hnishi2509
"KaTex記法がHTMLへ変換されたときにサイズが膨れ上がる"

その他
tkmkg8m
Web Componentsいいよね。フォーム要素で使うにはまだ使いづらいし、Shadow DOMの扱い方をいろいろ知ってないとしんどいけど。

その他
wordi
"KaTeX記法200B程度がHTMLだと20KB近くに"ひえっ

その他
onesplat
さすがに20kbのhtmlはなんかおかしいというか改善の余地がありそう

その他
takezaki
素晴らしい

その他
atsushifx
結果的に、next.jsのようなフレームワークやWebサービスの限界を試していたわけか。今回のようなプロダクト側のハックも良いけど、サービス提供側へ対応を促してもいい気がする。プラグインや非同期で対応させるとか

その他
nicht-sein
KaTeXの変換後HTMLが大きいってのは言われてみればなるほど、という感じ。

その他
everybodyelse
ありそうだけど経験しないとなかなか気づけなさそうだ。

その他
susuharai
お疲れさまです

その他
laiso
"VercelのSeverless Functionsでは5MB以上を超えるペイロードを扱うことができません。" 知らなかった

その他
z67kjh
z67kjh 確かにレンダリング結果のサイズって気にしたことなかったな

2021年02月26日 リンク

その他
gabill
gabill "Web Components の Custom Elements を取り入れることで、Next.js側の処理をほとんど変えることなく移行ができました" こういう用途にWeb Componentsピッタリなんでもっとそういうパーツ作りが活況にならないかなぁ。

2021年02月26日 リンク

その他
yutaro1985
yutaro1985 事象と原因と対策がきっちり書かれていてお手本のような報告書ですね。

2021年02月26日 リンク

その他
napsucks
SSRはスケールの観点で本質的につらいと思う。SSGとかそういうレベルの話ではないのかな。

その他
tune
なるほどなー、学びがある

その他
rin51
中の人

その他
netcraft3
netcraft3 短時間でSSRからCSRへ切り替えられたの凄い

2021年02月25日 リンク

その他
hnishi2509
hnishi2509 "KaTex記法がHTMLへ変換されたときにサイズが膨れ上がる"

2021年02月25日 リンク

その他
a-know
すごい複合的な原因だったんだな...

その他
takc923
これを見越して最初から対応しておくのはかなり難しそう

その他

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

リンクを埋め込む

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

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

関連記事

usersに達しました!

さんが1番目にブックマークした記事「Zennで発生した障...」が注目されています。

気持ちをシェアしよう

ツイートする

Zennで発生した障害の原因と行なった対策のまとめ

2021年02月24日の11時頃〜1時間ほどzenn.devにアクセスしづらい・アクセスできない問題が発生していました。... 2021年02月24日の11時頃〜1時間ほどzenn.devにアクセスしづらい・アクセスできない問題が発生していました。その後も3時間ほど一部のページへのアクセスができない状況となっていました。Zennに投稿してくれた方、見に来てくれた方、ご迷惑をおかけしてすみませんでした。 今回の障害は学びが多かったので、個人の記事として残しておくことにします。 原因 今回の障害は、使用しているクラウドサービスではなく、Zenn自体に原因がありました。 1. KaTeX記法により生成されるHTMLが思った以上に大きかった ZennのマークダウンエディターではKaTeX記法をサポートしています。例えば、$a\ne0$と書くとa\ne0と表示されます。 KaTeXはサーバーサイドレンダリングをサポートしており、KaTeX記法からの数式のHTMLへの変換はサーバーサイドで行なっていました。DBにはマークダウンだ

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

  • accelerk2025年06月24日 accelerk
  • techtech05212023年05月02日 techtech0521
  • tadatakuho2022年11月24日 tadatakuho
  • kanda_k2021年05月19日 kanda_k
  • nabinno2021年03月30日 nabinno
  • tyage2021年03月01日 tyage
  • Tomohiro2021年02月28日 Tomohiro
  • motch1cm2021年02月28日 motch1cm
  • sanko04082021年02月28日 sanko0408
  • Hiro_Matsuno2021年02月28日 Hiro_Matsuno
  • tkmkg8m2021年02月28日 tkmkg8m
  • hinaloe2021年02月27日 hinaloe
  • kotas2021年02月27日 kotas
  • forest10402021年02月27日 forest1040
  • wordi2021年02月27日 wordi
  • cauliflowers2021年02月27日 cauliflowers
  • InoHiro2021年02月27日 InoHiro
  • shion2142021年02月27日 shion214
すべてのユーザーの
詳細を表示します

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

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

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

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

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

はてなブックマーク

公式Twitter

はてなのサービス

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

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