本記事は、「AIにUIを作らせたい」というフロントエンドエンジニアの素朴な関心から始まり、Figma MCPを用いたUI自動生成の実験と、その失敗・改善プロセスを詳細にまとめた実践記録です。 当初はFigma MCP単体での生成精度に限界があり、MUIやデザイントー…

本記事は、Grafana Labs 主催の 「Grafana Observability CON 2026 Tokyo」 に参加したレポートです。イベントを通して、オブザーバビリティが単なる「監視・可視化」から、「運用判断や改善を支援するプラットフォーム」へと進化していることが強調されてい…

本記事では、GNSS（衛星測位）を用いた高精度測位において発生する主要な誤差要因と、その影響を抑えるための最適な観測条件について解説しています。 GNSS 誤差は、電離圏・対流圏といった大気の影響、建物などによるマルチパス、衛星配置（DOP）、相対測位…

本記事では、オプティムのUIデザインチームが推進する「AIを前提としたUIデザインプロセス構築」の取り組みを紹介しています。生成AIの普及により誰でも簡易なUIを作れるようになる一方、デザインシステムと整合しないアウトプットが生まれる課題も増えてい…

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

2026年2月13日、オプティムのオフィスで「OSS Gateワークショップ」が開催された。 OSS Gateは、OSS 開発に参加する最初の一歩をサポートする取り組みで、参加者は気になっている OSS に触れながら気づきの記録やIssue作成、必要に応じた改善提案などを実践…

OPTiMプロモーション・デザインユニットは、2025年度に参加した複数の展示会を対象に、「見た目」ではなく「会話が生まれるまでの体験設計」 を軸とした改善サイクルを構築した取り組みを紹介している。 展示会制作は属人的になりがちだが、目的整理・体験設…

本記事では、オプティム社内で利用されている Kubernetes ベースのプラットフォーム「Cavor」について、2023〜2025年度の取り組みと今後の方向性が整理されています。Cavorは、2023年度の立ち上げ、2024年度のマルチテナント化、2025年度の利用促進という3段…

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

本記事では、Next.js App Routerを採用したプロジェクトにおけるフロントエンドでのRBAC（ロールベースアクセス制御）実装について解説しています。 RBACを選択した理由、フロントエンド権限管理の課題（Props地獄、API多重呼び出し、UX劣化など）、そしてそ…

オプティム東京オフィスで発生していた「ウォーターサーバーの水切れ問題」をIoTで解決した事例です。 新卒エンジニアがM5Stack AtomS3と重量センサーHX711を使い、残水量を計測し、Microsoft Teamsで給水担当者に通知するシステムを開発しました。 初代はPo…

Web制作チームで始めた「共有会」で、コード運用やAI活用をどう改善したのかを紹介。Git運用やCI/CD、CSS統一など実践事例も！

本記事では、オプティムの製品「Hardware My Portal」におけるIoT関連機能の実装事例を紹介しています。MQTT、AWS IoT Core、Protocol Buffersといった技術を採用し、セキュリティやスケーラビリティを確保しながら、データを型安全かつ効率的にやり取りする…

「知識管理（PKM）」と Obsidian の活用法 について、実践例と思想の両面から詳しく紹介しています。 前半では、情報と知識の違い、知識管理の必要性、意思決定やコンテキストの重要性など、PKM の本質的な背景を丁寧に解説。 後半では、実際の Obsidian を…

本記事では、モダンなフロントエンド開発を効率化するために、SvelteとdaisyUIを組み合わせる方法を解説します。 Svelteは軽量で直感的なUI構築が可能なJavaScriptフレームワークで、ReactやVueと比較してコード量を削減できます。 一方、daisyUIはTailwind …