LIVE DEMO
動く見本: Webアプリケーション
架空の会社の見本です。実在の制作物ではありません。
メニューやボタンを押して、実際のサイトのように触ってみてください。幅を切り替えると、スマホでの見え方も確かめられます。
見本のサイト: ツミキ在庫（架空）
https://sample-webapp.example/
倉庫 太郎
ダッシュボード
10/20 9:00 時点
- 今月の出荷
- 12,480 件
- 前月比 +8.2%
- 在庫の金額
- 3,860 万円
- 前月比 −2.4%
- 欠品の品目
- 2 品目
- 発注を確かめてください
- 今週の入荷予定
- 24 件
- うち本日 6 件
出荷の推移（件）
| 5月 | 10,650件 |
|---|---|
| 6月 | 9,980件 |
| 7月 | 11,420件 |
| 8月 | 10,360件 |
| 9月 | 11,530件 |
| 10月 | 12,480件 |
在庫一覧
8 / 8
| 状態 | ||||
|---|---|---|---|---|
| TM-1024 | 段ボール 60 サイズ | 4,820 | +320 | 適正 |
| TM-1031 | 緩衝材シート 10m | 640 | -210 | 適正 |
| TM-2045 | 梱包テープ 透明 | 85 | -140 | 少ない |
| TM-2102 | 配送ラベル 1000 枚 | 0 | -60 | 欠品 |
| TM-3008 | 保冷バッグ 中 | 1,260 | +80 | 適正 |
| TM-3110 | 保冷剤 200g | 0 | -400 | 欠品 |
| TM-4012 | 宅配袋 A4 | 230 | -95 | 少ない |
| TM-4520 | ギフト箱 白 | 1,580 | +12 | 適正 |
ツミキ在庫（架空） この会社とサイトは、見本のために作った架空のものです。
この構成のポイント
サイドバーとパネルで業務の画面を組み、スマホではメニューを上に並べ替えます。
指標のカードとグラフで、今月の状況を最初の画面で確かめられます。
在庫の表は列で並べ替えられ、品名や品番で絞り込めます。
この構成で相談する
問い合わせのフォームに、この見本の名前を入れた状態で開きます。