会社概要

Reactバージョンアップの影響調査

支援内容

Reactのバージョンアップに伴い、ライブラリの互換性を調査。シナリオテストの導入。

結果

ライブラリの互換性問題を事前に発見し、本番環境への影響を最小限に抑えることができた。

それまで数十あったセキュリティリスクをバージョンアップにより解消。

使用技術

React, TypeScript, Playwright

• 
• 
• 

CI/CDと自動テスト導入でデプロイ頻度を5倍に改善

支援内容

テストコードの作成及びCI/CDの導入

結果

デプロイ回数が月2回からほぼ毎日に増加し、機能改善のスピード向上

使用技術

Jest, React Testing Library, GitHub Actions

• 
• 
• 

Sentryを使った監視でユーザー影響の最小化

支援内容

Sentryを活用した外形監視の導入

結果

システム障害の検知が迅速化し、ユーザー影響を最小限に抑制

エラーログの集約・分析による開発効率の向上

使用技術

Sentry, 監視, アラート通知

• 
• 
• 

GraphQLのスキーマ定義整理でオンボーディングコスト削減

支援内容

スキーマの整理及び、型の関連性を視覚化するツールの導入

結果

スキーマの整理により、新規機能の追加や修正が容易になり、開発スピード向上。

使用技術

GraphQL, GraphQL Voyager

• 

Storybook を活用した UI カタログ整備と開発効率の向上

支援内容

Storybookの導入及び、UIコンポーネントのカタログ化

結果

リリース後の修正依頼が 40% 減少

デザイナーと開発者のコミュニケーションミスが激減

使用技術

Storybook, React

• 
• 
• 
• 
• 

Amazon CognitoでSSOを導入しユーザー数増加

支援内容

Amazon Cognitoを活用したSSOの導入

結果

Facebook, X, Google, Yahooのアカウントでのログインを実現

使用技術

Amazon Cognito, SSO, IAM, OAuth, SAML

• 
• 

ECサイトの管理用ダッシュボード導入支援

支援内容

日時での集計及び、グラフや表の作成を行い視認性を向上

結果

それまで担当者が手作業で毎日2時間程度要していたレポートを自動化。

使用技術

React, ReCharts, Python

• 
• 

GraphQLモックサーバーの構築と開発効率向上

支援内容

GraphQLのモックサーバーを構築し、フロントエンド開発の生産性向上を実現。

結果

バックエンドの開発を待たずにフロントエンド開発を進められる環境を構築。

使用技術

GraphQL, TypeScript, Apollo Server

• 
• 
• 

流通管理システムのルート検索機能

支援内容

地域の事業者への配送ルートをシミュレーションする機能の開発。

結果

クエリパラメータを活用しシミュレーション結果を共有できるようにすることで利用者の使用頻度向上

使用技術

React, Google Maps API

• 

動画配信サービスの開発

支援内容

デザイナーを目指す学生向けの教育動画の配信。視聴機能、視聴履歴や決済機能を実装。

結果

視聴履歴を用いたフォローアップや動画制作者へのフィードバック機能の提供しコンテンツ改善に貢献。

決済機能の実装により、収益化に貢献。

使用技術

Next.js, Square Payment, AWS

• 
• 

WordPressからmicroCMS + Next.jsに移行しコスト削減

支援内容

microCMSとNext.jsを活用したウェブサイトに移行

結果

SSGを活用した高速なページ表示を実現しサーバーコストの削減とパフォーマンス向上

使用技術

Next.js, microCMS

• 
• 
•