DevTools

Webパフォーマンス改善に向き合っていくお話

こんにちは、Plex Job開発チームの高岡です。 この記事は、 PLEX Advent Calendar 2024の16日目の記事です。 以前投稿した入社エントリーでReactにおけるパフォーマンスチューニングについてお話する旨を記載してから、早半年が経過しました... そのお話をす…

【Next.js】Next/Imageの画像プレビューにて発生したメモリリークを追う

Next.jsの「Next/Image」を利用した画像プレビュー機能で発生するSafariブラウザのクラッシュ問題について、メモリリークの実態や発生する原因をXcodeとSafari Web Inspectorを駆使して深掘った調査記事です。

【Webフロントエンド開発】モバイルビューをデバッグするためのSimulator/Emulator活用 2024年版

iOS SimulatorやAndroid Emulatorを活用して、MacBook上でスマートフォン実機に近い環境を再現し、Webフロントエンドアプリケーションの開発・検証を効率化する方法を解説します。Next.jsを例に、設定手順やデバッグツールの活用方法を具体的に紹介。実機が…