Webシステム2026年

IT案件の発注者と開発会社をつなぐマッチング

IT案件仲介サービスの企画会社

IT案件を依頼したい発注企業と開発会社をつなぐマッチングサービスのWebプロトタイプ。発注者・開発会社・運営者の3つの立場ごとに画面を分け、案件登録から見積比較、打ち合わせ日程調整、モック確認までの流れを再現する。

IT案件の発注者と開発会社をつなぐマッチング

実績情報

OVERVIEW
クライアント
IT案件仲介サービスの企画会社IT案件の発注者と開発会社をつなぐマッチングサービスを企画している事業者。
業界
IT
対応時期
2026年
担当範囲
企画/提案/制作
対応環境
Web

課題・解決・効果

CASE STUDY

  1. 課題

    CHALLENGE
    • 発注者が自社に合う開発会社を探し、比較するまでに時間がかかっていた
    • 見積や打ち合わせ日程のやり取りがメールに分散し、進み具合が見えにくかった
    • サービスの構想を関係者が同じイメージで議論できる材料がなかった

  2. 解決

    SOLUTION
    • Next.js 16で発注者・開発会社・運営者の3ロール別ダッシュボードを持つプロトタイプを開発
    • 案件登録、見積の提出・比較、紹介、メッセージ、日程調整カレンダーなどの画面を実装
    • OpenNextでCloudflare Workersへデプロイできる構成とし、関係者がすぐ触れる環境を用意

  3. 効果

    RESULT
    • マッチングから契約前までの流れを画面で確認できるようになった
    • 立場ごとに必要な機能を関係者で具体的に議論できるようになった
    • 本開発に向けた画面構成と機能範囲の整理が進んだ

主な機能

FEATURES
  • 発注者・開発会社・運営者のロール別ログインとダッシュボード
  • 発注者による案件登録と案件一覧・詳細
  • 開発会社による見積提出と発注者側の見積比較
  • 開発会社の紹介と面談依頼
  • 打ち合わせ日程調整カレンダー
  • 発注者と開発会社のメッセージ
  • 運営者による企業管理とモック提供状況の管理

技術スタック

TECHNOLOGY
対応環境
  • Web
開発言語
  • TypeScript
フロントエンド
  • Next.js 16
  • React 19
  • Tailwind CSS 4
バックエンド
  • Next.js (App Router)
インフラ・実行環境
  • Cloudflare Workers (OpenNext)
主なライブラリ
  • Recharts
  • OpenNext (Cloudflare)

技術的なポイント

ENGINEERING

システム構成Next.js 16（App Router）の単一アプリをOpenNext経由でCloudflare Workersに配置。データはモックで、DBやAPIは未接続のプロトタイプ。

  1. 1App Routerのルートグループで発注者・開発会社・運営者の画面を分け、共通レイアウトと認証ガードを使い回す構成とした
  2. 2見積比較・日程調整・ステータス表示などを共通コンポーネント化し、3つのロールで一貫した操作感にした
  3. 3OpenNextのCloudflareアダプタでWorkersへ配置し、サーバー管理なしでデモ環境を公開できるようにした
  4. 4モックデータで日付や所属企業を固定し、どの画面からでも一連のシナリオを確認できるようにした

同様のシステム開発をご検討の方へ

要件が固まっていない段階でも構いません。課題やご予算に合わせて最適な進め方をご提案します。

お問い合わせ・ご相談

関連する実績

RELATED WORKS
運送会社向けAI安全運転支援の管理基盤
Webシステム2026年

運送会社向けAI安全運転支援の管理基盤

車載機器メーカー

運送会社の運行管理者が、ドライバーの危険運転や安全運転スコア、ヒヤリハット報告を確認するための管理ダッシュボードと、車載アプリからのデータを受け取るAPIです。会社ごとにデータを分離したマルチテナント構成で、ランキングや月次レポートにより安全運転指導を支援します。

  • TypeScript
  • Next.js
  • React
  • Cloudflare
詳しく見る
現場写真をAIで解析するWebアプリ
Webシステム2026年

現場写真をAIで解析するWebアプリ

自社開発（デモ）

橋梁などの構造物点検で撮影した写真から、劣化・損傷を判定して危険度を示すことを想定したデモアプリです。現場での撮影・判定用の画面と、判定結果をフォルダ形式で振り返るWeb画面で構成しています。

  • TypeScript
  • Next.js
  • React
  • Cloudflare
詳しく見る
勤怠・工数・業務管理Webシステム
Webシステム2026年

勤怠・工数・業務管理Webシステム

中堅システム開発会社

受託開発を行うIT企業の社員・管理者向けに、勤怠打刻、作業報告、日報、各種申請、業務ごとの工数・売上集計を一つにまとめたWebシステム。会社単位でデータを分けるマルチテナント構成で、日々の記録から集計までを支えます。

  • TypeScript
  • C#
  • Next.js
  • React
  • Hono
  • +3
詳しく見る
開発実績の一覧へ戻る