React

常に画面がONになって欲しい瞬間のあるWebアプリへ贈る Screen Wake Lock API

Webアプリケーションにおいて、画面のロックやスリープを抑制するための Screen Wake Lock API について、バッテリーや省電力モードなどの状況も踏まえた動作確認を行った内容を記事にまとめました

TanStack Start ことはじめ

本記事では、React + Vite構成のSPAで利用しているTanStack Routerを基盤とした新しいフルスタックフレームワーク TanStack Start を紹介しています。TanStack Startは型安全で開発者体験を重視し、クライアントサイドファーストの設計思想を持つ点が特徴で…

レイアウト構築の基本を理解しよう ~ 横スクロールが起きない!? Flex脱却編 ~

本記事では、フロントエンド開発でよくある「横スクロールができない」「コンテンツが親要素を突き抜ける」問題を、Flexbox特有の仕様(min-width: auto)を原因として解説します。 実際の事例として、MUIのStackコンポーネントを使ったFAQページ実装で発生…

第3回 React Tokyo ミートアップに参加してきました

はじめに こんにちは!DXビジネス開発部の菅原、亀田です。当社ではReactとNext.jsを活用した開発を積極的に行っており、フロントエンド開発の重要な基盤技術として位置づけています。 3月21日(金)にOPTiM東京本社で開催された、第3回React Tokyo ミートアッ…