Admin Dashboard Development

管理画面開発

Refineを活用し、高速・低コストで
モダンUI・高機能な管理画面を開発
お問い合わせ

管理画面の問題点

Problems
開発コストが高い
開発期間が長い
社内リソースが足りない
UIの品質とユーザビリティに不安
カスタマイズと拡張が困難
保守が大変
最新技術への追従が困難
Refineで解決
社内管理アプリケーション
CRMアプリケーション
Eコマースアプリケーション
HRアプリケーション
DevOpsアプリケーション

Refineとは

About
Refineは、Reactベースで管理画面に最適化されたオープンソースのフレームワークです。初期段階ではローコードと同等の開発スピードを提供し、長期的には無限のスケーリングが可能です。
様々なAPIと接続
REST APIやGraphQL APIを含む15以上のサービス
との統合が可能です。現在稼働中の管理画面から
の移行も可能です。
ベストプラクティス
ベストプラクティスに基づいたボイラープレート
が既に構築済みです。高品質な管理画面を高速に
開発できます。
100%純粋なReactコード
RefineはReactコードがベースとなっています。
React Hooksが使用でき、ブラックボックスな部
分がなく、透明性・保守性が高く、容易にカスタ
マイズ可能です。

Refineのメリット

Advantages

セルフホスト

規制、パフォーマンス、安定性を心配することなく、独自のインフラストラクチャにデプロイできます。妥協することなく、現在のセキュリティのベストプラクティスを維持できます。

既存の認証プロバイダを活用

Okta、 Azure AD、Amazon Cognito、 Google Cloud Identityをネイティブサポート。

幅広いアクセス制御を実現

ACL、 RBAC、ABACなど、広く受け入れられている認可モデルをすぐにサポートします。

アプリケーションを簡単に監視

監査ロギングと使用状況分析のための既製のプロバイダとコンポーネント。

ヘッドレス

Refineはヘッドレスであるため、好きなAPIやUIフレームワーク、認証サービスと自由に連携することができます。将来的な入れ替えも容易で、要件に合わせてカスタムUIを構築することも可能です。

豊富な機能が無料で使える

RefineはオープンソースのMITライセンスで提供されているため、無償で利用可能です。CRUDインターフェース、認証・認可、データプロバイダ連携など、豊富な機能が数多く搭載されています。開発者は無料でこれらの機能を活用できます。

バンドルサイズが小さい

Refineは軽量な設計を採用しているため、バンドルサイズが小さく抑えられています。これにより、ページの読み込み速度が向上し、優れたパフォーマンスを発揮します。特に管理画面は大規模になりがちですが、Refineなら問題ありません。

マルチテナント化可能

Refineには、マルチテナントアプリケーションを構築するための機能が用意されています。テナント単位でデータや機能のスコープ制できるので、複数の組織やチームで利用しても問題ありません。Saasアプリの開発にも最適です。

利用技術

Technologies
Next.js
Remix
Vite
Material UI
Ant Design
Chakra UI
Mantine UI
REST API
GraphQL
NestJS
Strapi
Supabase
Hasura
Nestijs-Query
Appwrite
Airtable
Medusa
Directus
Firebase
Hygraph
Sanity
Elide
Elide GraphQL
Ent refine
useGenerated
SQLite
JSON:API
PocketBase
React Table
React Hook Form
kabr
Ably
DP
Kinde

実績紹介

Case Studies
Webコンテンツ配信基盤開発
ECサイトを運営されているクライアント様のWebコンテンツ配信基盤開発を担当。商戦時期に合わせて限定商品の購入フォームなどの動的コンテンツ配信する基盤の構築を目的としています。要件定義、アーキテクチャ設計、運用設計などを担当しました。
小売業
/
ToC
/
開発期間
3ヶ月
管理画面開発
Webアプリ開発
自治体向け電話相談管理システム
自治体に電話情報を収集する管理システムを構築しました。 自治体にかかって来る要件・電話番号・通話時間・待ち時間・時間帯を収集することで、応答することができなかった電話番号の確認を行ったり、要件ごとの通話時間・時間帯から適切な受付人数の配分を行えます。
自治体
/
ToB
/
開発期間
3ヶ月
管理画面開発
総合メディアのリプレース
総合メディアのリプレースを行い、Next.jsへの移行、記事管理にStrapiを導入。 パフォーマンスの向上と、記事管理の簡素化を実施しました。
情報通信業
/
ToC, ToB
/
開発期間
7ヶ月
LINEアプリ開発
管理画面開発
Webアプリ開発
ヘッドレスCMS開発
LINEマーケティングツール
LINEを活用したマーケティングツールを構築しました。 LINEでのクーポンの配布や、友だち紹介機能、LINEビーコンを使用した来店計測機能などを備えています。
SaaS
/
ToB
/
開発期間
4ヶ月
LINEアプリ開発
管理画面開発
Webアプリ開発
オフィスコンビニ型の置き型社食LINEシステム
オフィスで手軽に社食を購入できるLINEシステムを構築しました。 LINE上で商品を選択後、LINE Pay・PayPay・クレジットカードで決済・購入できます。
食料品小売業
/
ToC
/
開発期間
6ヶ月
LINEアプリ開発
管理画面開発
Webアプリ開発
おかずの定期配送サービス
LINEから注文できるおかずの定期配送サービスを開発しました。 LINE上で注文・決済・配送状況の確認・定期配送購読の設定などの操作が行えます。
食料品小売業
/
ToC
/
開発期間
4ヶ月
LINEアプリ開発
管理画面開発
Webアプリ開発
LINE防災情報配信システム
気象庁の情報と連携して、防災情報のリアルタイム配信システムを構築しました。 登録した地域の気象情報・地震情報などをLINEメッセージで受信できます。
防災
/
ToC
/
開発期間
-
LINEアプリ開発
管理画面開発
Webアプリ開発
店舗連動のLINE会員証システム
店舗連動のLINE会員証システムを開発しました。 基幹システムと連動した会員証表示・作業受付・簡単見積もり・在庫確認・来店予約などの機能を利用できます。
小売業
/
ToC
/
開発期間
6ヶ月
LINEアプリ開発
管理画面開発
Webアプリ開発
EC連動のLINEアンケートシステム
AmazonなどのECサイトと連動するLINEアンケートシステムを構築しました。アンケート回答内容の集計や回答者に向けたギフト券を送付する機能などを備えています。
小売業
/
ToC
/
開発期間
4ヶ月
LINEアプリ開発
管理画面開発
Webアプリ開発

デモ

Demonstration

制作の流れ

Flow
Step01
ご相談
Step02
企画
Step03
設計
Step04
実装
Step05
テスト
Step06
リリース

\ さらにくわしく知りたい方はこちら /

アプリ開発の流れ

お問い合わせ

Contact
お問い合わせありがとうございます!
担当者から連絡いたします。しばらくお待ちください。
エラーが発生しました。もう一度お試しください。