web開発

OpenAPIを利用してWebアプリケーションの開発プロセスを効率化した話

エクストーンの豊田です。Webアプリケーションの開発においてバックエンドチームがAPIを作成し、フロントエンドチームがそのAPIを利用してシステムを構築を行うような開発プロセスが私たちのチームでは頻繁に行われています。その中で、OpenAPIを積極的に活…

Nanostores: atom、map、computedの違いと使い方

こんにちは。フロントエンドエンジニアの馬場です。 近年、フロントエンド開発の状態管理の変遷は目まぐるしいものがあります。 その中で、今回プロジェクトに採用したNanostoresについてご紹介します。 はじめに フロントエンド開発において、状態管理はア…

FigmaのDev Modeを意識したAuto layoutの作り方

はじめに こんにちは、デザイナーのリョウです。 2023年にリリースしたFigmaのDev Modeは、UIデザインから開発への移行をするのに大変役に立っています。その機能を十分に活かすには、Figmaデータの作り方がとても重要です。 まずはDev Modeの主な特徴を簡単…

PostgreSQLのjsonb型を活用したテーブル設計

エクストーンの豊田です。 最近、PostgreSQLのテーブル設計を行う機会があり、jsonb型を利用することでシンプルな構造を実現できたという体験がありました。 今回は、jsonb型の有用性やデータの作成・取得・検索方法、インデックスの作成方法について、こち…