地域ICTクラブ実証事業
みんなの防災ICTクラブ講座

Google AppSheetを使った災害時の透析関係情報集約のためのノーコードアプリ作成講座
2022年5月6日
一般社団法人SCBラボ/崇城大学IoT・AIセンター
1

講座の概要

1.
2.
3.
4.

ノーコードアプリとはどんなノーコードアプリを作るの？
実際に作成してみよう
イノベーションタイム

2

ノーコードアプリ作成講座

1.
2.
3.
4.

ノーコードアプリとはどんなノーコードアプリを作るの？
実際に作成してみよう
イノベーションタイム

3

ノーコードアプリとは〇プログラミングの知識が不要〇表から簡単にアプリを作成可能〇無料（データ量等の制限あり）△Googleアカウントが必要（AppSheetの場合）△英語の知識が必要（画面表示は英語）4ノーコードアプリ作成講座

1.
2.
3.
4.

ノーコードアプリとはどんなノーコードアプリを作るの？
実際に作成してみよう
イノベーションタイム

5

作成するノーコードアプリ
災害時の透析関係情報集約のためのアプリ
特徴

災害時に地域住民の力を結集し、透析患者を助けるアプリ

概要

薬剤や物資が必要な人と場所を把握
誰でもスマホで入力・閲覧可能
QRコードでアクセス可能6

想定される場面
災害時に避難所に張り出されたQRコードを見た家族が親や知人の透析患者の情報をアプリに入力し情報共有

7災害時の透析関係情報集約アプリの特徴①
薬剤や物資が必要な人と場所を一覧可能

薬剤や物資の内容や担当者を表示

8

災害時の透析関係情報集約アプリの特徴②
薬剤や物資が必要な人と場所を地図上に表示

ワンタッチで電話可能・SMS送信可能

9災害時の透析関係情報集約アプリの特徴③
現在地から配送地点までの最短ルート表示

10

災害時の透析関係情報集約アプリの特徴④
写真を登録可能

写真にメモを記述可能※サイン（署名）も残せる

11ノーコードアプリ作成講座

1.
2.
3.
4.

ノーコードアプリの特徴
どんなノーコードアプリを作るの？
実際に作成してみよう
イノベーションタイム

12

AppSheetで検索

AppSheet13

AppSheetでの検索結果

14

AppSheetのサイト

英語のサイト
日本語に翻訳したい
GoogleChromeの場合

15表示を日本語に変える

URL表示の右端に翻訳ボタンあり

16

AppSheetのサイト

17

Googleスプレッドシートとフォームを選択

18

Googleアカウントを選択

19

AppSheetに編集許可を与える

20

AppSheetのホーム

21

クイックスタート・新しいアプリを作るをクリック

22新しいアプリを作成

23

アプリ名とカテゴリを入力

24

スプレッドシートを選択

Medical22-02

25

スプレッドシートの内容（全9項目）
被災者（場所）名
│
住所
↓
↓

必要な物資
状況写真
│
│
│
電話番号
↓
↓
↓

↑
対応担当者

↑│
対応日

↑↑
│
│
│
対応写真
対応内容

26

AppSheetのホーム画面

プレビュー領域
入力領域

メニュー領域27

ホーム画面内のボタンの配置
入力部のメニュータブ

追加ボタン
メニューボタン

入力・設定変更ボタンやウィンドウなど

28調整するメニューボタンは4つ
• データ
• UX
• セキュリティ• ワークフロー（動作）29データの変更• データボタンをクリックして変更

30

データ～テーブルの修正①データをクリック②「リスト」をクリック※この「リスト」とは、実はスプレッドシートのシート名のことです。
31

列を表示ボタンをクリック

列を表示

32

タイプを修正

タイプ

6か所修正• 被災者住所• 被災者電話番号• 必要物資内容• 状況写真• 対応内容• 対応写真33

被災者住所を変更②「住所」に変更①「住所」行の「文章/テキスト」をクリック

34

被災者電話番号を変更②「電話」に変更①「電話番号」行の「文章/テキスト」をクリック

35必要物資内容を変更②「LongText」に変更※長文になることが予想される※改行できるようになる①「内容」行の「文章/テキスト」をクリック
36

状況写真を変更②「お絵かき/描く」に変更※お絵かき/描くを選ぶことでアップロードした写真の上にさまざまな色の線を書けるようになる①写真の「文章/テキスト」をクリック
37

対応内容を変更②「LongText」に変更※長文になることが予想される※改行できるようになる①「内容」行の「文章/テキスト」をクリック
38対応写真を変更②「お絵かき/描く」に変更※お絵かき/描くを選ぶことでアップロードした写真の上にさまざまな色の線を書けるようになる①写真の「文章/テキスト」をクリック
39

列を追加したいとき①スプレッドシートの列を追加

40

列を追加したいとき②「構造を再生する」をクリック

41

UXの変更• UXボタンをクリックして変更

UX＝画面の配置や見栄えの変更

42

2つの画面を設置する「UX」をクリック• プライマリビュー（アプリの初期画面）• 地図ビューの2画面を作成する

43

プライマリビュー（リスト画面）の修正①「リスト」をクリック

44

プライマリビューを修正② ④セーブ（保存）を選択（テーブル/表画面を作成）①「リスト」と入力②「テーブル」を選択③ポジションは「左」を選択

45

新しいビュー（地図ビュー）を追加（地図画面を作成）

46

地図画面を作成①①「地図」と入力②「地図」を選択

47

地図画面を作成②①「地図」と入力②「地図」を選択③ポジションは「右端」を選択48

地図画面を作成③

マップ列に「被災者住所」を選択

49

地図画面を作成④
Mapと入力するとマップのポイントアイコンが選択可能

アプリ下部のアイコンとして表示される50

セキュリティ画面の設定①②ユーザーのサインインが必要ですか？
→「OFF」にします①「セキュリティ/安全」をクリック51

セキュリティ画面の設定②

ユーザーのサインインが必要ですか？
を「OFF」にすると、左のようになります。
はい、このアプリのデータは公開されています→「ON」
はい、安全でないアプリをセットアップする権限があります
→「ON」

52

ワークフロー（動作）の設定①②「オフライン/同期」をクリック①「動作」をクリック

53

ワークフロー（動作）の設定②「アプリはオフラインで起動できます」→「OFF」

54

ワークフロー（動作）の設定③「アプリはオフラインで起動できます」→「OFF」になりました55

展開し、アプリを使える状態に設定「展開されていません」をクリック

56

展開（デプロイ）の最終設定
ユーザサインインにエラーが表示されていても →気にしないでいいです「アプリをデプロイ済みの状態に移動します」をクリック

57

処理画面が5秒程度表示される・・・

58

アプリ完成「展開」に完了を示すチェックマークが付きました。

59

アプリ共有用URLを取得①①シェアボタンをクリック②「共有リンクをコピーする」をクリック

60

アプリ共有用URLを取得②

クリックして、ブラウザリンクのためのURLをクリップボードにコピーコピーしたURLをメールやSNSなどで共有可能

61

QRコードにしてみました62

検討を要する点①【アプリを活用する範囲や手法】• インターネットの時代だからこそ考えておきたい災害時のデジタルディバイド問題
インターネット

非インターネット

オープンな情報

クローズドな情報

SNS
半クローズドな情報
通常ネットを使わない人たちの情報

今回のアプリを使用することで一時的につながる

63

検討を要する点②【機能面】• 無料プランではユーザ認証できない• 信頼ある情報ばかりではない• URLを知る人はだれでも閲覧可能• 非常時と平常時の使い分け• 料金ライセンスを注意深く選択• ユーザが多い場合はパブリッシャーPRO（月額1アプリ50ドル）など64

ノーコードアプリ作成講座

1.
2.
3.
4.

ノーコードアプリの特徴
どんなノーコードアプリを作るの？
実際に作成してみよう
イノベーションタイム

65

イノベーションタイム
ノーコードアプリを適用する分野、業種、場面のアイデアを考えよう！あなたのお仕事にどう用いるかでもOK！Let’s Think!
業種：物品販売業,不動産販売業,金銭貸付業,物品貸付業,不動産貸付業,製造業,通信,運送業,倉庫業,請負業,印刷業,出版業,写真業,席貸業,旅館業,料理店業その他の飲食店業,周旋業,代理業,仲立業,問屋業,鉱業,土石採取業,浴場業,理容業,美容業,興行業,遊技所業,遊覧所業,医療保険業,技芸教授業,駐車場業,信用保証業,無体財産権の提供等を行う事業,労働者派遣業

AppSheetが扱えるデータの種類• 数字、時間、時刻、金額、日付、時間、変更回数、変更日時、場所移動回数• 文字、リスト、(ハーベイボール）、画像、Yes/No• 画像、色、座標、住所、電話番号、Email、描画
66

アイデアs from イノベーションタイム
• 通学路の危険個所を報告するアプリ• 野良猫や家出猫を写真と位置情報で共有するアプリ• 地域の人（しか知らない）消火栓の位置を登録するアプリ• 防災拠点をスタンプラリー形式で訪問し、災害時に備えるアプリ• 地域資源をめぐる観光アプリなどなど

67