会社概要

ECサイトの管理用ダッシュボード

支援内容

WebAPIやスクレイピングによるデータの収集。日時での集計及び、グラフや表の作成を行い視認性を向上

結果

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

使用技術

React, ReCharts, Python

動画配信サービスの開発

支援内容

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

結果

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

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

使用技術

Next.js, Square Payment, AWS

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

支援内容

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

結果

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

使用技術

React, Google Maps API,

自動テストの導入

支援内容

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

結果

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

使用技術

Jest, React Testing Library, GitHub Actions

実績一覧画面の表示速度向上

支援内容

ページの表示速度を向上させるためにインデックスの追加やキャッシュの導入を実施

結果

ページの表示速度が5秒から0.5秒に短縮。

使用技術

React, Next.js, SWR, MySQL

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

支援内容

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

結果

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

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

使用技術

React, TypeScript, Playwright

GraphQLのスキーマ定義整理

支援内容

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

結果

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

音ボーディング資料として活用することで新規メンバーの参画をスムーズに。

使用技術

GraphQL, GraphQL Voyager

StorybookによるUIカタログの整備

支援内容

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

結果

UIコンポーネントの再利用性向上。

コンポーネントの挙動を確認することで、デザイナーとの認識齟齬を本番導入前に解消。

使用技術

Storybook, React