AppSheet で在庫管理アプリ（第7回）CSVでデータをエクスポートする

在庫管理アプリを作りながら、 AppSheet （アップシート）の使い方を学びましょう。
前回（第6回）は、Automationで発注点アラートメールを送信してみました。
今回は、商品テーブルのデータをCSV形式でエクスポートしてみます。
CSVエクスポートすれば、Virtual Columnのデータも出力することができます。

1. AppSheet はCSVでデータをエクスポートできる

AppSheetでCSVエクスポートするために、アクション（Action）を作成します。

エディタ左側メニュー「Actions」をクリックします。
Actionsナビゲーションの右上にある「+」（Add Action）ボタンをクリックします。

「Create a new action」ボタンをクリックして新しいアクションを作成します。

メインパネルに新規アクション設定パネルが表示されるので、以下のように設定します。

• Action name：CSVエクスポート
• For a record of this table：商品
• Do this：App: export this view to a a CSV file (not a row-level action)
• CSV file locale: Japanese (Japan)

Appearanceについても設定しましょう。

• Prominence：Display as primary
• Action icon：csv

画面右上の「SAVE」をクリックして設定を保存してください。

注意点としては、CSV file localeが「English」に戻っている場合があります。
一旦確認して、再度「Japanese」に変更して、保存しましょう。

エディタ右側のプレビューで確認してみましょう。
タブメニュー「商品」をクリックして選択します。

アクションボタンを追加されているでしょうか？
カーソルを合わせると「CSVエクスポート」と表示されます。

ボタンをクリックして、CSVエクスポートしてみましょう。
「Export CSV Started」と表示されます。

「Export CSV Succeeded」と表示されたら成功です。

ファイル名を指定して保存します。

保存したCSVファイルをGoogleドライブにアップロードして、Googleスプレッドシートで開いてみました。
Virtual Columnの「在庫量」も出力されていることが分かります。

ただし、CSVデータとしては「写真」列と「Related 入出庫履歴s」列は不要です。
スライスを利用すれば、出力する列を選択できるようになります。

2. 出力するレコードを絞り込む

Filter機能を使えば、出力するレコード（行）を絞り込むことができます。
商品テーブルなら商品名や保管場所で絞り込むことができます。

エディタ右側のプレビュー、タブメニュー「商品」を選択して「商品」ビューを表示しましょう。
画面右上の虫眼鏡アイコンをクリックします。

検索窓に文字列を入力して絞り込むことができます。

複数条件を設定して絞り込むこともできます。
「Filter」アイコンをクリックしてみましょう。

検索できる列名の一覧が表示されます。
絞り込みたい列をクリックして選択します。ここでは、「商品名」列で絞り込みます。

「Search」の検索窓に商品名を入力します。
「DONE」をクリックすると、列選択に戻ります。

「商品名」の下に入力した検索文字列が表示されています。
複数の条件を指定して「DONE」で絞り込みができます。

「商品名」で絞り込みができました。
この状態でアクションボタンをクリックしてCSVエクスポートすると、絞り込まれたレコード（行）だけ出力されます。

3. スライスを使用して不要な列を出力しないようにする

必要な列だけを選んで出力するためには、スライスを使用します。
エディタ左側メニュー「Data」をクリックします。
Dataナビゲーションで「商品」テーブルにカーソルを合わせて、「+」（Add slice to filter data）ボタンをクリックします。

「Create  a new slice for 商品」ボタンをクリックして、商品テーブルのスライスを作成します。

メインパネルに新規スライス設定パネルが表示されるので、以下のようにスライスを設定します。

• Slice Name：CSVエクスポート
• Source Table：商品
• Row filter condition：何も設定しない

通常、スライスは「Row filter condition」に何か設定することが多いですが、今回は不要です。

Slice Columnsで、出力する列を調整します。
列名にカーソルを合わせると、右端にマイナスアイコンが表示されるので、不要な列を削除していきます。
「_RowNumber」と「JANコード」（KEY）は削除できません。

以下の列を残しておきましょう。

• _RowNumber
• JANコード
• 商品名
• 保管場所
• 発注点
• 在庫量

このスライスはCSVエクスポート専用にしたいので、Update modeを「Read-Only」にします。

画面右上の「SAVE」をクリックして設定を保存してください。

「CSVエクスポート」スライスを表示するビュー（View）を追加しましょう。
エディタ左側メニューのスマホアイコンをクリック、または「Views」をクリックします。

「MENU NAVIGATION」の右にある「+」（Add View）ボタンをクリックします。

「Create a new view」ボタンをクリックして、新しいビューを作成します。

メインパネルに新規ビュー設定パネルが表示されるので、以下のようにビューを設定します。

• View name：CSVエクスポート
• For this data：CSVエクスポート
• View type：table
• Position：menu

Displayで、Iconを「csv」にしておきます。

画面右上の「SAVE」をクリックして設定を保存してください。

「CSVエクスポート」ビューからエクスポートしてみましょう。
「CSVエクスポート」ビューはMENU NAVIGATIONに追加したので、エディタ右側のプレビュー画面左上のメニューアイコンをクリックします。

「CSVエクスポート」をクリックします。

「CSVエクスポート」ビューが開きます。
右下のアクションボタン（CSVエクスポート）をクリックします。

エクスポートしたCSVデータを確認してみましょう。
スライスした列だけエクスポートできていれば成功です。

最後に、アクションボタンの表示調整をします。
現在は「商品」ビューにもアクションボタンが表示されていますが、こちらは非表示にしたいと思います。

エディタ左側メニュー「Actions」をクリックして、Actionsナビゲーションで「CSVエクスポート」を選択します。

Behaviorタブをクリックして開きます。

Only if this condition is trueが、現在は「true」になっています。
「true」は、アクションボタンを「常に表示する」という意味なので、ここを変更します。
Only if this condition is trueに設定した条件式に合致した時に、アクションボタンを表示するようにします。
入力フィールドをクリックして、Expression Assistantを開きます。

以下の式をExpression Assistantにコピペします。

 

CONTEXTというAppSheet関数は、キーワードと組み合わせることで特定の意味（コンテクスト）になります。
上の式のように「View」というキーワードと組み合わせると、「現在表示されているビューの名前」という意味になります。
その他のキーワードについては、AppSheetのヘルプを参照してください。

上の式は「現在表示されているビューの名前がCSVエクスポートである」という意味になります。
この条件式をOnly if this condition is trueに設定すると、「CSVエクスポート」ビューの時だけアクションボタンが表示されるようになります。

Expression Assistantに入力したら「Save」で保存します。

画面右上の「SAVE」をクリックして設定を保存してください。

プレビューで確認してみましょう。
タブメニュー「商品」をクリックして、「商品」ビューを表示してみましょう。
アクションボタンが非表示になりました。

以上で、在庫管理アプリは完成です。

在庫量の計算方法、入出庫履歴の項目など、設計次第で色々な作り方があります。
今回紹介した在庫管理アプリは、できるだけ少ない学習時間でAppSheetだけでできるように工夫しています。

このアプリを起点として、仕入管理や出荷管理と連携するなどの応用も可能になります。
まずは、基本的な在庫管理アプリから始めて、少しずつ機能拡張していくようにしましょう。