SYSTEM ONLINE
jp / en
employee-facingses-portal-gilt.vercel.app
/product/ses-portal
in-production · 社員向け

SES Portal

Built for the team.

管理ツール Antone が扱う SES 事業のデータを、社員ひとりひとりが「自分の画面」として見られるように。案件・キャリア・給与・社員紹介・ナレッジを 1 つに集約した、200 名のための社内ポータル。

SYS_INFO
status
live
users
200
screens
9
intros
82
roadmap
60
db
shared
ses-portal-gilt.vercel.app / mypagelive
SES Portal マイページ — ANSEL ニュース、ANSEL 年間予定
RELATION

ひとつの DB を、管理と現場で分け合う

two apps · one DB
Antone管理者向け

経営ダッシュボード / 月次 P&L / 社員名簿 / 顧客 / 案件

ansel-plcs.vercel.app
SES Portal社員向け · this page

マイページ / キャリア / 給与 / 社員紹介 / ナレッジ

ses-portal-gilt.vercel.app
shared schema
Supabase共有 PostgreSQL · Auth · RLS

employees / projects / invoices / freee_payroll_records / employee_conversations — 1 つのスキーマを、管理側と社員側の 2 アプリで共有しています。

Why
「管理のためのデータ」を、
そのまま、社員自身のための画面に。
FEATURES

The team's side,
six modules.

06 / modules · employee-facing
01
mypage

マイページ

自分の案件情報・基本情報・お知らせ・クイックリンクを 1 画面に集約。内勤スタッフがログインした場合は、担当する社員の一覧も表示します。

projectprofilenoticequick-links
02
career

キャリア & ロードマップ

スキルマップで現在地を可視化し、案件タイムライン・スキルシートを表示。AI 時代のキャリアパスを 60 ノードのフローチャートで提示します。内勤は社員のキャリア閲覧・承認も。

skill-maptimeline60-node
03
payroll

給与

月次給与履歴と賞与を表示し、ENG 向けの賞与計算ツールを内蔵。単価推移の表示は ENG 系属性に限定し、内勤の承認を経て公開します。

payslipbonus-calceng-only
04
members

社員紹介

社員カードの一覧と検索。BlockNote のリッチエディタで自己紹介を編集でき、旧 Notion ポータルから 82 名分の自己紹介を移行済みです。

card-listblocknotenotion-migrated
05
docs.knowledge

会社情報 & ナレッジ

VMV・規則制度・システムガイド・FAQ・組織図を 5 タブで。ナレッジ集・カリキュラム・参考リンク・社内資料も 1 箇所に集約します。

vmvfaqorg-chartknowledge
06
auth.scope

認証・スコープ

メール / パスワード認証。employees.email で社員レコードと紐付け、ログイン後は自分のレコードのみ閲覧。単価・給与の表示は属性とロールで制御します。

email-authrow-scopeattribute-gate
SCREENS

ポータルの、中身

A
knowledge

ナレッジベース

SES 業界の基礎知識・ビジネスマナー・報連相から、HTML/CSS・JavaScript・React・Git までのプログラミングカリキュラムまで。社内の知識と教材を 1 箇所に集約します。

/knowledge
SES Portal ナレッジベース — ナレッジ集とプログラミングカリキュラム
B
docs

会社情報

Vision・Mission・Values を軸に、規則制度・システムガイド・FAQ・組織図を 5 タブで。会社の「軸」と「ルール」へ、社員がいつでもアクセスできます。

/docs
SES Portal 会社情報 — Vision / Mission / Values と組織図
ARCHITECTURE

Antone と DB を共有する、社員側のフロント

SES 社員
〜200 名
内勤スタッフ
担当社員を閲覧
login (email / password)
SES PortalNext.js 15 · React 19
  • ·TanStack Query · @supabase/ssr
  • ·BlockNote — 自己紹介リッチ編集
  • ·employees.email でレコード紐付け
HTTPS
SupabasePostgreSQL · Auth · Storage
  • ·管理ツール Antone と同一 DB を共有
  • ·ログイン後は自分のレコードのみ
migration (one-time)
Notion旧ポータル — 自己紹介 82 名分の移行元
  1. 01

    App

    Next.js 15 · React 19
    Vercel · モバイル対応

    社員はスマホからもアクセス。BlockNote で自己紹介を編集し、TanStack Query で軽快に表示。

  2. 02

    Data

    Supabase · PostgreSQL
    Antone と DB 共有

    管理ツール Antone と単一スキーマを共有。社員は自分のレコードだけを、属性とロールで絞り込んで閲覧。

  3. 03

    Origin

    Notion → Supabase
    82 名分を移行

    旧 Notion ポータルの後継として構築。社員自己紹介 82 名分を移行し、編集の場をポータルに一本化。

SPECIFICATIONS

Spec sheet

Frontend

StackNext.js 15 (App Router) · React 19 · TypeScript
StylingTailwind CSS v4 · ライトテーマ
DataTanStack Query v5 · @supabase/ssr
EditorBlockNote — 自己紹介のリッチ編集

Backend

BaaSSupabase — PostgreSQL + Auth + Storage
Shared DB管理ツール Antone と同一 DB を共有
Storage画像は /api/upload 経由で Supabase Storage
Source旧 Notion ポータルから 82 名分を移行

Auth & Scope

認証メール / パスワード(Supabase Auth)
紐付けemployees.email で社員レコードと突合
可視範囲ログイン後は自分のレコードのみ閲覧
単価表示ENG 系属性 + 内勤承認が必要

Operations

HostingVercel
対象SES 社員 〜200 名 + 内勤スタッフ
デバイスモバイル対応(社員はスマホからも)
URLses-portal-gilt.vercel.app
Portal for the team

社員のための、
もうひとつの画面

管理ツールと社員ポータルを 1 つの DB で動かす。Antone × SES Portal のような社内システムの内製、Ansel Technologies がご相談から伴走します。