「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会

こんにちは。強いUIはボタンを捨てるをスローガンにScrapboxを開発しています。shokaiですshokai.icon Helpfeel Advent Calendar 2022の5日目の記事です 昨日はHelpfeelエンジニアのyado.iconさんでした 採用面接中にチャーハン・ピラフ判定器とスタバ警察botで盛り上がる会社に入った | 株式会社Helpfeel ヨコハマハウスフラペチーノがエンジニア採用の役にたった？みたいで良かったです <a>タグの挙動を工夫する事で、Scrapboxからみたいなボタンをなくしました 更新ボタンの役割は2つ 更新がある事を教える 押すとアプリが更新される Scrapboxも昔こういうメニューがあった 今はもう無い では解説ですshokai.icon SPAのタブ永遠に開きっぱなし問題とは？ SPAとstaticなwebサイトの違い static

[t_f_m]

"ブラウザを閉じたりリロードしたりせずに、何日もscrapboxを使い続けるユーザーが多い" / "それら1つずつをリロードしてくれる日は永遠に来ない 最長で6ヶ月前のassetsが使い続けられていた 2021年に判明した"

[n314]

あったらいいなと気軽に思う機能だけど作るのとかテストとかめっちゃ大変そう。

[yamada_k]

解決できているので素晴らしいが、この問題を解決する一般的な枠組みがあるといいのにな、とも思う。

[yarumato]

“Scrapboxも昔は更新ボタンがあった。今はもう無い。強いUIはボタンを捨てる。SPAのタブ永遠に開きっぱなし問題とは？　ユーザーによる画面遷移（Aタグクリック）をトリガーとして更新あるときだけフルリロード”

[june29]

すごいなあ。古いやつが半年間も接続試行してくるのおもしろい。

[spark7]

windowがアクティブ/非アクティブになったタイミングとかで勝手に強制リロードしたところで、ブラウザのメモリ不足かなくらいにしか思われんと思うけども。

[mztns]

"最長で6ヶ月前のassetsが使い続けられていた"

[Sixeight]

めちゃくちゃ丁寧

[yuzuk45]

staticなサイトが良いってならないでしょうか

[ryunosinfx]

うむ、これは参考になる。金のなる木の世話ではこんなの使う機会はないと思うけど。

[clubman023]

面白い

[nodoca_engine]

いい

[rjge]

“full document loadが実行され、最新のassetsに切り替わる assetsは既にCacheStorageにダウンロードされているので、十分速い” 更新検知してpushStateしないだけかと思ったらもっと色々してた。確かにこれだと気にならなそう

[otoan52]

SWまであるとSPAというよりPWA？/フロント・SW・バックエンドのバージョン管理という面倒な問題に対応していかないといけないのよね…。/SPAな遷移の単位でhot reloadができてるということかな？

[cript]

“強いUIはボタンを捨てる”なんてユーザ側の好みを無視した制作者側のエゴ。としか思えないのはもうオレが老害だから？

[field_combat]

なるほど

[daira4000]

すげー

[gabuchan]

すごい（小並感）

[tkawa]

SPAって結局ブラウザの機能を再実装しているのでモヤッとする。標準仕様になってくれていたらみんなが苦労をしなくて済んだろうに

[door-s-dev]

"[更新がありますアラート]はリリース頻度が低いネイティブアプリケーションの文化だ"なるほどと思ったけど、そもそもwebアプリで今まで見た記憶ないなぁ

[yhara]

かっこいい

[taruhachi]

SPAの提供はアプリの提供と実質的に同じで、バージョンアップ方法にも気を使えという事か。確かにそうだな。勉強になった。

[yuuAn]

とてもスマートなやり方だ

[NOV1975]

なるほど知見だ。

[hakobe932]

めちゃていねい

[shields-pikes]

タブ大量に開きっぱなし人間ですみません……。

[estragon]

キャッシュストレージ（https://developer.mozilla.org/en-US/docs/Web/API/CacheStorage）の使い方の一例

[odakaho]

これは良い知見

[jamg]

私だ…(タブ開きっぱなし) ありがたい…

[matarillo]

グレート

[taku-o]

あはは、なるほど。おもしろい＆たまになった

[srng]

“ブラウザのタブを200個ぐらい開く人もいる” 結構見かける

[dagama]

かしこい　まぁ頻繁に更新するサービスを作らないので実装する機会は無さそうだが

[sassy_watson]

これは！