ニュース&インフォメーション
/ NEWS & INFORMATION

初めてのカスタムApp開発

ブログ画像案2

新人バルちゃん挑戦日記 第7回

 

こんにちは!【せん】です(´◡`)

 

今回から2回に渡り「初めて作ったカスタムApp」についてお話をしていきます!

 

9月に入り、入社して6か月目となりました。

まだまだ社会人としても、開発者としても学ぶことばかりの毎日です!

そんな私ですが、先月初めて一つのカスタムAppを作り終えることができたので、そのお話をしていこうと思います。

私が今回作ったのは、レシートを出力できるシステムで、

バルーンヘルプ内では「鴨さんマート」という名前で呼ばれている課題があります。

 

スクリーンショット 2024-09-10 172734

画像1 イメージ図

一緒にブログを書いている【おとく】も、私より数か月前に同じものを作った経験があります。

スクリーンショット 2024-09-02 173301

画像2 メニュー画面

先輩がお客様に扮してくださり、どのような機能が欲しいか、参考資料としてレシートに記載されている情報からどのようなテーブルやフィールドが必要かを推測して作成を進めていきます。はじめの方は紙に書き出して試行錯誤しました。

スクリーンショット 2024-09-10 154444

画像3 手書きで作成したテーブル構成

マスタが「商品・担当者・レジ」の3つ、用意する画面としては開発者の紹介、設定、売上一覧、そして売上詳細があります。

下記添付画像が売上詳細の画面になっています。

枠内が白になっているところは主に手入力するものに、グレーで塗りつぶされているところは自動入力されます。
〈注目して欲しいポイント〉
●税率を商品マスタの方で持たせている
メリット:8%や10%の選択をしなくてよい点!
●右側にある合計やお預りの金額はレシートと同じ順序に置いている
メリット:ぱっと見で分かりやすくしている点 !

スクリーンショット 2024-09-06 111800

画像4 詳細画面

次に詳細画面から印刷することができるレシートを紹介します。

こちらも個人的には力作です(`・ω・´)ゞいかに本物のレシートに似せるかを意識しました。

スクリーンショット 2024-09-06 115520

画像5 【せん】が作成したレシート

この画像からは少しわかりづらいですが、注目して欲しいポイントは、商品や金額が書いている部分で   「リスト形式」を利用しているところです。はじめは「ポータル」を利用して作成していましたが、    商品(レコード)が一つしかない場合無駄の行が生まれてしまうこと、逆に沢山商品を登録した時には全部が表示されないことが問題点となりました。

 

今回はここまで!次回の【おとく】の更新もお楽しみに~🙌

 

〈新人のチョット聴いて〉

先日社長からお揃いのフェイクファーのキーチェーンをいただきました!

何人かはかばんに付けているので、並んで歩いていると「おソロ」感が増して、面白いです😂

キーチェーン