AIチャットボット「OPTiM AIRES」の新機能として、回答率や回答方式(RAG・モデル知識)を可視化するダッシュボードを実装するために、フロントエンドのグラフ描画ライブラリを選定したプロセスを紹介した記事。 まず SVG vs Canvas、Vanilla JSライブラリ vs …

2026年1月23日に開催された「React Tokyo ミートアップ #13」に参加し、オプティムからは高橋さんがメイントーク「フロントエンド開発者のための『厄払い』」で登壇しました。トークでは、Shai‑Hulud などのサプライチェーン攻撃、React Server Components …

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

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

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

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