クイックスタートに戻る

クイックスタート: 備品管理

このガイドでは「備品管理」アプリを作り、会社の備品を写真つきで登録して、写真の並んだカードで探します。 カードには品名・管理番号と、分類・状態・保管場所が出るので、どの備品が今借りられるかもひと目で分かります。所要時間は約 15 分です。

画像をタップ (クリック) すると、拡大して見られます。

これまで

備品の台帳を表計算のファイルで持ち、品名と管理番号の文字だけで探す。似た型のパソコンを取り違え、貸し出し中かどうかは担当者に聞くまで分からない。

Raxel では

写真のカードが並び、見た目で探せる。分類で絞り込め、状態 (貸出可・貸出中・修理中) もカードに出る。

カードのビュー「写真で探す」。4 枚のカードに備品の写真・品名・管理番号と、分類・状態・保管場所が出る
完成イメージ: 写真のカードに、品名・管理番号と状態が出ます。

始める前に

確かめること
権限
内容
アプリを作成できる権限が必要です。管理者は持っています。
確かめること
プラン
内容
どのプランでも使えます (応用のラベルの印刷はスタンダードの機能です。試用期間中も使えます)。
確かめること
写真
内容
備品の写真 (JPEG・PNG など) を 4 枚用意します。スマートフォンで撮った写真でも構いません。
確かめること
先に読むとよいもの
内容
アプリの作り方 (項目の置き方・運用環境への適用・公開) は、 「お問い合わせ管理」の手順 1〜3 に画像つきで説明しています。

備品管理のアプリを作る

1アプリを作る

アプリ一覧の「アプリを作成」→「はじめから作成」で、「アプリ名」に「備品管理」と入力して「作成する」をクリックします。 「フォーム設定」の画面が開きます。

2備品の項目を並べる

左の「フィールド」の一覧から、項目の種類をフォームへドラッグして置き、右の「フィールド設定」で名前などを設定します。 次の 7 つを、表の「行」のとおりに 4 行に並べましょう。1 行目は「何の備品か」、2 行目は「どんな備品で、どこにあり、借りられるか」です。

フィールド名
品名
種類
文字列(1行)
行
1 行目・左
幅
67%
設定
必須項目にする: オン
フィールド名
管理番号
種類
文字列(1行)
行
1 行目・右
幅
33%
設定
—
フィールド名
分類
種類
ドロップダウン
行
2 行目・左
幅
33%
設定
選択肢: パソコン / モニター / プロジェクター / カメラ / その他
フィールド名
保管場所
種類
ドロップダウン
行
2 行目・中
幅
33%
設定
選択肢: 本社 3 階 / 本社 5 階 / 倉庫
フィールド名
状態
種類
ドロップダウン
行
2 行目・右
幅
33%
設定
選択肢: 貸出可 / 貸出中 / 修理中、初期値: 貸出可
フィールド名
写真
種類
添付ファイル
行
3 行目
幅
100% (そのまま)
設定
—
フィールド名
備考
種類
文字列(複数行)
行
4 行目
幅
100% (そのまま)
設定
—

同じ行の 2 つ目からは、置いてある項目の右へドラッグして並べます。行の頭の項目 (分類・写真・備考) は、前の行の項目のカードの下の端へドラッグすると、その下に新しい行で入ります。 幅は、項目を選んで右の「フィールド設定」の「幅」のボタンで、同じ行の左の項目から順に決めます。 横に並べる操作と幅の決め方は、「お問い合わせ管理の手順 2」で画像つきで説明しています。

「状態」は選択肢を 3 つ入れた後、「初期値」で「貸出可」を選びます。新しく登録する備品には最初から「貸出可」が入ります。

状態のドロップダウンの選択肢 (貸出可・貸出中・修理中) と、初期値の貸出可
状態の選択肢を 3 つ入れ、初期値を「貸出可」にします。
7 つの項目を 4 行に並べ終えた備品管理のフォーム
7 つの項目を 4 行に並べ終えたところです。

3運用環境に適用して、アプリを公開する

画面上部の「下書き保存」→「運用環境に適用」(確認でもう一度「運用環境に適用」) の後、 上部の帯の「公開する」(確認でもう一度「公開する」) でアプリを公開します。

備品を登録して、カードで探す

4備品を 4 件登録する (写真を付ける)

「備品管理」の一覧で「レコードを追加」をクリックし、次の 4 件を 1 件ずつ登録します。「状態」には最初から「貸出可」が入っているので、貸出可でない 2 件だけ選び直します。 「写真」の欄にはファイルをドラッグするか、クリックして選び、備品の写真を 1 枚ずつ添えます。

品名
ノートパソコン 14 型
管理番号
PC-001
分類
パソコン
保管場所
本社 3 階
状態
貸出可
品名
ノートパソコン 13 型
管理番号
PC-002
分類
パソコン
保管場所
本社 5 階
状態
貸出中
品名
会議室用プロジェクター
管理番号
PJ-001
分類
プロジェクター
保管場所
倉庫
状態
修理中
品名
デジタルカメラ
管理番号
CM-001
分類
カメラ
保管場所
本社 3 階
状態
貸出可
備品の登録の画面。状態に貸出可が入り、写真の欄にノートパソコンの写真が添えてある
状態は最初から「貸出可」です。写真の欄に備品の写真を添えます。
備品管理の一覧。4 件の備品が並ぶ
4 件の備品が一覧に並びます。

5カードのビュー「写真で探す」を作る

「設定」タブの「ビュー」を開き、「ビューを作成」をクリックします。次のように設定して「作成」をクリックします。

項目
ビュー名
設定
写真で探す
項目
種類
設定
カード
項目
画像フィールド
設定
写真
項目
タイトル
設定
品名
項目
サブタイトル
設定
管理番号
項目
補足項目
設定
分類・状態・保管場所 (分類は最初からチェックが付いています。状態・保管場所の順にチェックします。チェックした順にカードの下に並びます)
項目
カードサイズ・画像比率
設定
そのまま (中・16:9)
新しいビューの設定。種類カード、画像フィールド 写真、タイトル 品名、サブタイトル 管理番号、補足項目 分類・状態・保管場所
写真をカードの画像に、品名をタイトル、管理番号をサブタイトルにします。
種類に「カード」を選ぶと、補足項目に最初の 3 つの項目 (品名・管理番号・分類) のチェックが付きます。品名・管理番号はタイトル・サブタイトルに選ぶと補足項目の一覧から消え、補足からも外れます。 補足項目は 6 つまで選べます。

6写真のカードを見て、分類で絞り込んで探す

「レコード」タブに戻り、一覧の左上のビューの切り替えで「写真で探す」を選びます。備品ごとに、写真・品名・管理番号のカードが並び、下に分類・状態・保管場所が出ます。 カードをクリックすると、その備品の画面が開きます。

カードのビュー「写真で探す」。4 枚のカードに写真・品名・管理番号と、分類・状態・保管場所
写真のカードが並びます。状態もカードの下に出ます。

パソコンだけを見たいときは、一覧の上の「フィルター」をクリックし、「フィルター条件を追加」で「分類」「=」「パソコン」を選びます。カードがパソコンの 2 台だけになります。 キーワードで探すときは、「フィルター」の左の検索の欄に品名や管理番号を入れます。

フィルターで分類 = パソコンに絞り込んだカードのビュー。ノートパソコンの 2 枚だけが並ぶ
分類で絞り込むと、パソコンのカードだけが残ります。

これで、備品を写真のカードで探し、借りられるかどうかもカードで分かるようになりました。備品を貸し出したら、その備品を開いて「状態」を「貸出中」に変えます。

このガイドの手順 1〜6 を終えたときと同じアプリが、アプリストアのサンプルアプリ「備品管理」に入っています。 項目の並び・初期値・カードのビュー「写真で探す」が手順どおりに設定され、手順 4 の 4 件が入ります。 写真は入っていません。備品の写真を付けるとカードに出ます (写真の無いカードは画像の場所が空のまま並び、品名と管理番号で見分けられます)。
アプリストアで完成形を入れて見比べる

次にやる