本文へ移動

DEMO Portfolio Demo — 企業・製品・仕様はすべて架空のデータです。

NihonReach Precision tools · Portfolio

Precision tool catalog · Portfolio Demo

カテゴリから選ぶ、
精密切削工具のデモカタログ。

製品分類、仕様確認、問い合わせ登録、管理画面での対応状況更新まで。B2B 製品サイトの基本導線を一つの Laravel アプリケーションで構成しています。

4 公開
カテゴリ
6 オリジナル
Demo 製品
3 閲覧・送信・管理の
基本フロー

Tool categories

製品カテゴリから探す

4 つの加工用途を入口に、公開中の製品と仕様へ移動できます。

すべての製品を見る

Application flow

公開カタログから、
管理業務までつなぐ。

表示だけのランディングページではなく、訪問者の入力が MySQL に保存され、管理者が対応状況を更新できる業務フローを実装しています。

アーキテクチャを見る
  1. 01 / DISCOVER

    製品を探す

    カテゴリ、製品詳細、可変仕様から対象を確認します。

  2. 02 / INQUIRE

    相談を登録

    製品を引き継ぎ、検証済みフォームから問い合わせを保存します。

  3. 03 / MANAGE

    状態を管理

    管理者が new・in progress・closed を更新します。

01

Blade 公開サイト

閲覧中心のページをサーバーで描画し、製品情報を明確に提示。

02

Inertia / Vue 管理画面

独立 API を増やさず、Laravel の認証と CRUD をコンポーネント化。

03

サーバー側の業務ルール

公開条件、入力検証、管理者権限、問い合わせ状態をバックエンドで保証。

04

自動化された品質確認

PHPUnit、PHPStan、Pint、TypeScript と本番ビルドで検証。