本ブログでは新UI画面で内容をまとめています。

新旧画面への切り替えは、下図を参考に該当アイコンをクリックしてください(^^)

まずはじめに

AppSheetのAutomation機能には、登録されたデータからファイルを生成する機能があります。

AppSheetで生成したPDFは、メール添付やGoogleドライブ（マイドライブ）への保存は可能ですが、後から過去の特定のPDFを探し出すのは、標準機能だけでは手間がかかります。

そこで本記事では、生成したファイルへのリンクをカラムに保存し、いつでも目的のPDFに容易にアクセスできるようにする設定について解説します。

以下の3つの設定が、特に重要となります。

• アプリを構成するスプレッドシートをマイドライブにある当該アプリのフォルダに投函する
• Automationで生成するファイルの保存先と名前を関数で制御する
• ファイルリンクを保存するカラムに②の関数をセットする

これらの設定をすることで、どんなアプリにもファイルパスをセットすることが可能です！

それでは勉強していきましょう(^^)

検証アプリの下準備

今回の検証に使ったスプレッドシートのカラムは、以下のようにしました。

これをアプリ化し、データタイプの設定は以下のようにします。

ファイル生成のカラムは、Yes/NoタイプにすることでAutomationの発火のフラグを持たせています。

ファイルパスのカラムは、Fileにしておきましょう。

次に、ファイル生成をするAutomationの機能を実装します。

ファイル生成をTRUEにするアクションボタンを作っておいて、それを押したらAutomationが発火してファイルを生成する仕組みを作りましょう！

本記事では、ポイントとなる部分だけ写真を貼っておきます。

これで下準備はOKです。お疲れ様でした！

スプレッドシートとアプリのフォルダ階層を揃える

アプリの設定が完了したら、アプリを構成しているスプレッドシートをアプリのフォルダに移動させます。

これを忘れるとファイルパスを設定しても動作しません・・・

以下の方法を参考にしつつ、スプレッドシートの保存場所を移動させましょう！

まずはGoogleドライブを立ち上げて、検索バーにアプリの名前を入力します。

そうするとアプリの名前が含まれたフォルダが検索にかかるので、ここの中にスプレッドシートを入れましょう！

下図のようになっていればOKです。

Automationで生成するファイルの保存先と名前を関数で制御する

この設定も非常に重要です。

設定のポイントとなるところを確実に抑えていきましょう。

• ファイルの保存先（相対パス）を指定する
• ファイルの名前を決める（タイムスタンプの設定をオフにする）

これら2つの設定を順に解説していきます。

まずはファイルの保存先を設定します。赤枠で囲まれた箇所が該当部分になります。

もしここに何も入力しなかった場合は、アプリフォルダの中に「Files」や「Attachment」といったフォルダが自動生成されるようになります。

• Create a new fileの場合はFile
• Send an emailに添付する（Attachする）場合はAttachment

今回は「PDF」というフォルダの中に「テスト」というフォルダを生成したいとします。

File Folder Pathに “PDF/テスト” と入力します。

また、ここにはフラスコマークがあるので関数を入力することも可能です。

例えば、請求書発行アプリなんかだと取引先別にフォルダを分けることも可能です。

その場合は、 “請求書/”[会社名] みたいな表記になります。

次にファイルの名前を設定します。

先に設定したファイルパスのすぐ下にあるので、わかりやすいです(^^)

デフォルトでは「AppSheetDoc」となっているので、仮に上図の状態でPDFを生成したとすると AppSheetDoc.pdfという名前のPDFが作成されます。

Disable Timestamp? のトグルボタンをONにすることで、タイムスタンプがつかなくなるのでファイル名が一意となります。

今回は簡単なテキスト値と、PDFを作成した日付を入れてみます。

ファイルパスと同じく、カラムの値をファイル名に使うことももちろん可能です。

例えば、 “【請求書】”&” “&[会社名]&TEXT(TODAY(), “YYYYMMDD”) みたいな表記になります。

注意点として、TODAY()関数の書式フォーマットにスラッシュ（/）を入れないことです。

スラッシュを入れると、フォルダ階層と判定されてしまいます！

“PDF作成”&” “&TEXT(TODAY(), “YYYY/MM/DD”)とした場合、フォルダの階層とファイル名が、PDF → テスト →PDF作成2025 → 04 → 15.pdf となり、意味不明な表記になってしまいます・・

生成したファイルへのリンクを取得する

最後の設定として、フォルダリンクと該当ファイルへの相対パスを取得するテキスト値を用意します。

設定はめちゃくちゃ簡単です。下図の手順を参考にしてください(^^)

ファイル生成Automationの下に新しいAutomationを追加する

ファイル生成のAutomationに追加する形でステップを追加します。

追加したステップの設定は、下図の赤枠のようにしましょう。

先に設定したフォルダパスとファイル名をコピーする

一つ前のAutomationで設定したテキスト値や関数をコピーしておきます。

赤枠で囲った部分をそのままコピーしましょう！

ファイルリンクにSTEP.2でコピーした関数を貼り付ける

最後に取得したファイルリンクをテキスト値として格納する設定をします。

入力する関数はSTEP.2でコピーした関数を結合させて作ります。

ファイルパスの作成手順ですが、

• フォルダパスを貼り付ける
• “/” を文字列として結合させる
• ファイル名を貼り付ける
• “.pdf”を文字列として結合させる

上記の手順でそれぞれの文字列を結合させていきましょう！

これで準備は完了です。お疲れ様でした(^^)

設定の確認

それでは最後に今回設定したアプリの挙動を見てみましょう！

Automationの発火条件を対象のアクションボタンを押すことにしてあるので、早速ポチッと(^^)

生成されたファイルパスをクリックすると、Automationで作成したファイル（デフォルトでは保存先はマイドライブ）を閲覧することが可能です(^^)

まとめ

以上、Automationで作成したファイルへのリンクを取得する方法についての記事でした。

今回は作成する資料はPDFを想定していますが、Excelの場合は最後の拡張子を”.xlsx”とすればOKです。

また、今回は一度生成したPDFを再作成する想定で作っていませんので、登録されているデータを更新して再作成するユースケースを想定するなら、ファイル名に枝番（更新のたびにカウントが1増えるような仕組み）を入れてあげましょう(^^)

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)

本ブログでは新UI画面で内容をまとめています。

新旧画面への切り替えは、下図を参考に該当アイコンをクリックしてください(^^)

まずはじめに

今回の記事はアクションボタンに関するまとめ記事です(^^)

AppSheetでアプリ開発を進めるうえで、ユースケースに応じた機能を実装したい となったときに触ることになるのがアクションボタンの設定になります。

ここでロジックを組めないなら、AppSheet以外の解決策を考える必要があります

これまでAppSheetでアプリ開発をしてきましたが、アクションボタンでできることが増えたり減ったりした記憶がないので、一旦まとめてみようと思います。

これまで何となく触っていた人もぜひ本記事を読んでもらえればと思います。

特に【重要】のアクションボタンは、これからアプリを開発するなら抑えておきたい内容です。

それでは勉強していきましょう！

データの下準備

今回の記事をまとめるのに使用したデータの紹介です。

アクションボタンの機能を確認したいので、シート1にはURLとファイル、電話番号、メールアドレスのカラムを用意しておきました。

シート2の方は、シート1のカラムの一部を用意しておきました。

これらテーブル情報をAppSheetに取り込み、データタイプの設定を以下のようにします。

URL、ファイル、電話番号、メールアドレスのカラムはそれぞれ、Url、File、Phone、Emailのデータタイプに変更するようにしてください。

データタイプを適切に変更しておくことで、AppSheetが自動でアクションボタンを作ってくれます

シート2の方は、特にデータタイプの設定を変更しなくてOKです。

続いて、アクションボタンの機能を見ていきましょう！

アクションボタンの解説

アクションボタンはアクションペイン（マーク）で作り込むことができ、AppSheet側で自動生成したアクションボタンについては、System generated という表記がついています。

System generatedの表記があるアクションボタンについては、削除ができないので不要なときはPositionをHideにして非表示にしておきましょう！

ちなみにPositionには、Primary、Prominent、Inline、Hideの4つがありそれぞれの特徴として

• Primary：スマホだと画面右下、PCでは画面右上に配置
• Prominent：Detail画面の画面上部に配置
• Inline：主にTableもしくはDetail Viewの任意箇所に配置
• Hide：アプリ上では表示させない（アクションボタンの機能としては存在する）

が挙げられます。この4つのPositionについては記憶しておきましょう。

次は、本題であるアクションボタンで実装できる機能についてです。

機能の開発は、Do thisにあるリストを上から順に解説していきます。

App: copy this row and edit the copy

これを選ぶことで、今選択している行のデータ（カラム値）をコピーした状態で、編集画面を立ち上げる事が可能です。

Do thisにApp: copy this row and edit the copyをセットした状態で、Detail Viewにあるアクションボタンを押すと・・

テキストやステータスのカラムに、直前まで選んでいた情報がそのままコピーされた状態でフォーム画面が立ち上がっていることが確認できます。

ユースケースは、一度登録したデータをコピーする時 となります。

設定としては非常に簡単ですが、注意点もあります。

• 全てのカラムの情報をコピーしてしまう（コピーしたいカラムを選択することができない）
• refで紐ついている情報をコピーすることができない（親テーブルのデータのみコピー可能）

上記2つの注意点に関しては、別のロジックを組むことで対処可能です

App: edit this row

これを選ぶことで、今選択している行の編集画面を立ち上げる事が可能です。

これはSystem generatedのEditと全く同じアクションボタンです。

App: export this view to a CSV file (not a row-level action)

これを選ぶことで、今見えているViewを構成しているデータをCSV形式でエクスポートする事が可能です。

また、これは特定の行に対して行うことはできず、テーブルやスライス単位での実行となります。

このアクションボタンは、PositionをPrimaryにしておくのがいいです。

CSV file localeは、自国の国名を選ぶようにしましょう。

日付や月、時間の表現が国によって違うので、自国を選んでおくのが無難です。

このアクションボタンはTable Viewで使うようにしてください。

App: go to another AppSheet app

これを選ぶことで、別のアプリへ遷移する事が可能です。

次に説明するアクションボタンと違いがないように思いますので、合わせて解説します。

【重要】App: go to another view within this app

直訳すると、このアプリの別のViewへ遷移するですが、別のアプリに行くことも可能です。

私の使用環境では、どちらを使っても大差がないのでどちらを選んでもOKだと思います。

これらをDo thisで選択すると、必ずTargetを設定する必要があり、ここに入力する関数はDeeplink関数と言われるものになります。

Deeplink関数はAppSheet特有の関数で、知っていると使用画面のコントロールが可能です

App: import a CSV file for this view (not a row-level action)

これを選ぶことで、今見えているViewに対してCSVデータをインポートする事が可能です。

注意点として、読み込ませるCSVデータとテーブルの列情報を一致させる必要があります。（異なる場合はエラーメッセージが出ます）

先に説明したCSVエクスポートのアクションボタンと同じような設定にしておきましょう。

次に、以下のように列情報を揃えたCSVデータを用意します。

アクションボタンからインポートするCSVデータを選択し、成功すると以下のようなポップアップが出現します。

既存のシステムをAppSheetに置き換えるときとかに使えるアクションボタンです。

App: open a form to add a new row to this table (not a row-level action)

これを選ぶことで、今のテーブルにデータを登録するフォーム画面を立ち上げる事が可能です。

これはSystem generatedのAddと全く同じアクションボタンです。

【重要】Data: add a new row to another table using values from this row

これを選ぶことで、今選択している行のデータを別のテーブルに追加する事が可能です。

another tableとありますが、実は自テーブルを選択することも可能です。

端的に言えば、フォーム画面を立ち上げずにデータを転記したい場合に使用します。

上図の設定だと、Add rowのアクションボタンを押すと、テキストカラムに「入力しましょう」、ステータスに「入力」の値が入った状態の行が追加されます。

Data: delete this row

これを選ぶことで、今選択している行データを削除する事が可能です。

これはSystem generatedのDeleteと全く同じアクションボタンです。

Data: execute an action on a set of rows

これを選ぶことで、別のテーブルに存在するアクションボタンを別のテーブルに呼び出す事が可能です。

設定が少し複雑なので、下図を参考にしてください。

上図の設定だと、シート2にある「CSVインポート」を全ての行に対して実行する になります。

端的に言えば、「CSVインポート」のアクションボタンはシート2に存在しますが、これがシート1に表示されるようになった

と思ってください。

高度なアプリを作るときに必要なアクションと思っておけばOK！

Referenced Rows にはリストを設定する必要があり、ここをどうするのか？が最初はとても難しいと思います。

リストを返す関数として、SELECT()関数を必ず習得しておきましょう(^^)

SELECT()関数はリストを返す関数の代表関数です

【重要】Data: set the values of some columns in this row

これを選ぶことで、テーブルに存在するカラムに値をセットする事が可能です。

上図の設定だと、「値をセット」をクリックするとメモカラムにテストというテキストが入力されます。

Set these columns にセットしたいカラムを複数セットすることも可能です。

アプリのUI/UXを高める設定として使う場面が多いので、ぜひマスターしておきたいアクションです。

また、このアクションはINPUTアクションを設定することができることも知っておきたいです！

INPUTアクションの使用例のアプリです

External: go to a website

これを選ぶことで、設定したURLのウェブサイトを開く事が可能です。

データタイプをUrlにすることで、AppSheet側で自動で生成をしてくれるアクションです。

URLを結合することで便利な機能を実装できます

External: open a file

これを選ぶことで、設定したファイルパスを開く事が可能です。

データタイプをFileにすることで、AppSheet側で自動で生成をしてくれるアクションです。

External: start a phone call

これを選ぶことで、カラムに登録されている電話番号に電話をかける事が可能です。

データタイプをPhoneにすることで、AppSheet側で自動で生成をしてくれるアクションです。

注意点として、このアクションはモバイル端末しか使うことができません。

External: start a text message

これを選ぶことで、カラムに登録されている電話番号にショートメッセージを送る事が可能です。

データタイプをPhoneにすることで、AppSheet側で自動で生成をしてくれるアクションです。

注意点として、このアクションはモバイル端末しか使うことができません。

External: start an email

これを選ぶことで、カラムに登録されているメールアドレス宛てGmailを送る事が可能です。

データタイプをEmailにすることで、AppSheet側で自動で生成をしてくれるアクションですが、自分で設定することも可能です。

上図のように直感的にメール作成の設定が可能ですが、CCやBCCの設定などはできないため、細かな設定をしたい場合は別のアクションで設定をする必要があります。

URLを結合することで便利な機能を実装できます

Grouped: execute a sequence of actions

これを選ぶことで、複数のアクションボタンを1つにまとめる事が可能です。

アクションは何個でも合わせることができますが、処理は上から順に実行する事になっています。

注意点として、Deeplink() 関数のように画面遷移を伴うアクションを使用する場合、処理が途中で中断してしまいます。

そのため、該当するアクションを設定する際は、事前に動作確認を行うことを推奨します。

まとめ

以上、AppSheetのアクションボタンで実装できる機能についてのご紹介でした。

本記事で紹介した機能で、現行業務をAppSheetに置き換えることができなければ、別のITツールでの業務効率化を検討したほうがいいと思います。

アプリ開発の際、本記事のことを思い出して活用してもらえれば幸いです(^^)

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)

本ブログでは新UI画面で内容をまとめています。

新旧画面への切り替えは、下図を参考に該当アイコンをクリックしてください(^^)

まずはじめに

今回は、アプリにGoogle Mapの機能を実装する方法をまとめています。

現在地から目的地までのルート検索や、目的地のストリートビューをワンクリックで検索できるので、アプリユーザーのUI向上に役立つ知識です(^^)

住所を登録するようなアプリには実装する事ができる設定になるので、そういうアプリに使ってみてください！

それでは勉強していきましょう(^^)

住所から緯度経度を入手する

この設定をするためには、緯度経度の情報が必要です。

私はこちらのサイトで住所を検索し、緯度経度の情報に変換してみました。

例えば、東京駅の住所を下記のように入力します。

住所を入力してGPS座標検索をクリックすると、以下の画面が表示されます。

緯度: 35.682454 経度: 139.768283 と表示がされたので、カンマで区切って 35.682454,139.768283を緯度経度情報として、登録をするようにしましょう。

データシートの作成

今回の検証にあたり、使用したシートのカラム情報です。

大事なのは緯度経度のカラムなので、上述した方法で緯度経度を調べて入力しておきましょう！

データの準備ができたらアプリ化します。データタイプの設定は以下のとおり(^^)

緯度経度のデータタイプをLatLongにすることだけ忘れずに設定してください。

次に、現在地の緯度経度情報を取得するためのカラムをVCで準備します。VCの設定は以下のようにしてください。

App formulaには、位置情報を取得するHERE()を入力しましょう。

これで下準備は完了です(^^)

現在地から目的地までのルート検索をする

下準備が完了したら、まずは現在地から目的地までのルート検索を立ち上げるURLを作成してみましょう(^^)

下図を参考に新しくVCを作成します。

TypeはUrlを選択し、App formulaには以下の関数を入力しましょう(^^)

“https://www.google.com/maps/dir/?api=1&origin=” & [現在地] & “&destination=” & [緯度経度] & “&travelmode=” & “driving”

本記事と同じ設定をしている場合は、コピペでOKです！

このままだとカラムにURLがそのまま表示されてしまうので、関数を使って表現を変えてみます。

HYPERLINK(“https://www.google.com/maps/dir/?api=1&origin=” & [現在地] & “&destination=” & [緯度経度] & “&travelmode=” & “driving”, “ルート検索”)

HYPERLINK関数を使うことで、第二引数の文字列（この場合だとルート検索）を表示することができます。

AppSheetは関数の知識が非常に重要です！

ここで設定した関数の挙動を見てみましょう。下図のような表記になっていればOKです。

ルート検索をクリックすると・・・

Google Mapのタブが新規で立ち上がって、現在地から目的地までの走行距離ルートが表示されていればOKです(^^)

上記の設定は、アプリユーザーのニーズに沿って変更してください。

目的地のストリートビューを表示させる

今度は目的地までの経路ではなく、目的地のストリートビューを表示させてみましょう。

設定方法は先ほどと同じようにVCを使って実装をしてみます。

TypeはUrlを選択し、App formulaには以下の関数を入力しましょう(^^)

HYPERLINK(“https://maps.google.com/maps?q=&layer=c&cbll=” & [緯度経度] & “&cbp=12,0,0,0,0″,”ストリートビュー”)

最後に設定した関数の挙動を見てみましょう。下図のような表記になっていればOKです。

ストリートビューをクリックすると・・・

登録してある緯度経度をポイントとして、ストリートビューが立ち上がります(^^)

顧客訪問先管理アプリや日記アプリなどに設定しおくと、アプリの利便性がアップするかと思われます。

作成難易度は高いですが参考記事です！

まとめ

以上、VCを使ったGoogle Map機能をAppSheetに取り込む方法についての記事でした。

住所を記録するようなアプリであれば、本記事の内容は使えるので、UIを向上させる設定として導入してみてはいかがでしょうか？

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)

まずはじめに

今回の記事内容はLooker studioについてです。

Googleツールを使って、組織目標の数値管理をするとなったときに

• スプレッドシートにデータを登録
• データソースをスプレッドシートにし、Looker studioを使ってグラフにする
• 作成したグラフをGoogleサイトを使ってWebページまとめる

上記のような手順でグラフを作成、数値進捗をメンバーと共有するというのは、特に難しい設定もなく数値管理をする設定としておすすめです。

Looker studioにはフィルター機能として、「コントロール」を追加することができます。

この設定を有効にしたまま、Googleサイトにグラフを埋め込む方法をまとめましたので参考にしてください(^^)

それでは勉強していきましょう！

Looker studioでグラフを作成

今回使用するLooker studioに取り込むためのデータを準備します。

用意するデータは、フィルターをかけられるようなデータであれば何でもいいです。

上記のデータから円グラフを作成すると・・・

こんな感じになります。

左のグラフはカテゴリー別、右のグラフは商品名別で表示しています。

グラフを作成したら、下図を参考にしてLooker studioのレポートの埋込みを有効にします。

次に表示される画面からコードを埋め込む、またはURLを埋め込みを選択します。

コードを埋め込むの場合

画面下に幅と高さを設定することで、Googleサイトにグラフを埋め込むときの大きさを調整することができます。

クリップボードにコピーのボタンをクリックして使用します(^^)

URLを埋め込むの場合

こちらは表示されているURLをコピーするだけでOKです。

グラフをGoogleサイトに埋め込む

Looker studioでグラフが作成できたら、Googleサイトに埋め込んでみましょう。

Googleサイトの編集画面から、埋め込む → URL → 先ほどコピーしたURLを貼り付けます。

貼り付けた結果がこちら↓

次に、Looker studioのページに戻りコントロールを選択してみましょう。

国を日本にしてみると・・

日本にカテゴライズされた状態のデータになります。

この状態のURLを取得する方法は、共有 → レポートへのリンクを取得をクリックして、

レポートの現在のビューにリンクをする にチェックを入れて、共有リンクをコピーします。

このコピーしたURLをブラウザで検索をすれば、フィルターがかかった状態のページにアクセスできますが、Googleサイトにこのまま埋め込んだ場合は、フィルターがかかった状態のグラフは表示されません。

これを解除する方法を次の見出しでまとめます！

フィルターをかけた状態でグラフをGoogleサイトに埋め込む

手順は以下を参考にしてください(^^)

• グラフのフィルターをかけた状態のURLをコピーしておく
• Looker studioのレポートの埋込みから「コードを埋め込む」を選択し、クリップボードに保存する
• Googleサイトの「埋め込む」を選択し、埋め込みコードに②のコードを貼り付ける
• ③のコードを編集する

それぞれの手順の詳細を書いていきます。

グラフのフィルターをかけた状態のURLをコピーしておく

共有 → レポートへのリンクを取得を選択

この共有リンクをコピーしておきます。

Looker studioのレポートの埋込みから「コードを埋め込む」を選択し、クリップボードに保存する

ファイル → レポートを埋め込む → 埋め込みを有効にするをクリック

コードを埋め込むを選択し、幅と高さを変更してクリップボードにコピーをクリック

Googleサイトの「埋め込む」を選択し、埋め込みコードにSTEP.2のコードを貼り付ける

Googleサイトの編集画面にある「埋め込む」から、クリップボードにコピーしてある埋め込みコードを貼り付ける。

STEP.3のコードを編集する

STEP.3の画面をそのままにして、新規でブラウザを立ち上げ、STEP.1で保存したフィルターがかかった状態のURLをWebで検索します。

次に、上図を参考にして表示されたページのURLを再度コピーします。

STEP.3の画面に戻り、以下のように埋め込みコードを編集します。

青でハッチングされた部分を、先ほどコピーしたURLと入れ替えます。

入れ替えたあとのURLで、上図の 『u/0』の部分を、『embed』に修正します。

このようになっていればOK！(^^)

まとめ

以上、Googleサイトにフィルターをかけた状態でLooker studioのグラフを埋め込む方法 についてまとめた記事でした。

ビジネスニーズとしては、生産本部が集計をしたデータを生産拠点に共有するときに、各生産拠点のデータを表示させる あたりが考えられるかなと思います。

スプレッドシートでは、なかなか凝ったグラフを作成することができないので、Googleアプリを使う人にとっては、Looker studioは強力なグラフ作成ツールになります(^^)

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)

まずはじめに

今日仕事から帰ってきたら自動車税の支払い用紙がポストに入っていました。

私はスマホからさっと支払いを終わらせたのですが、「これって知らない人もいるのでは？」と思ったので内容をまとめることにしました。

ネット銀行の口座を持っている人限定ですが、とても便利な機能ですのでぜひ知ってもらえたらなって思います(^^)

それでは勉強していきましょう！

必要なもの

アプリで払込票支払いをするために必要なものは次の3つです。

• ネット銀行の口座とそれに連動した銀行口座のアプリ
• バーコードや二次元コードが読み取れる端末機器（スマホ）
• バーコードや二次元コードがある払込用紙

振込やATM手数料がネット銀行だと無料で済むことが多いので、その便利さを知っている人はネット銀行の口座を持っている人も多いと思います。

また、このブログの記事を見ているということは、ネット環境にアクセスができているのでスマホの所持も問題ないかと(^^)

残る払込用紙ですが、

• 自動車税や固定資産税などの税金
• 水道やガス、電気代といった公共料金
• ショッピング代金などの払込票

あたりが使用するチャンスです！

使用できる環境が整っているのなら、一度チャレンジしてみるといいでしょう(^^)

操作手順

特に難しくはありませんが、スマホの操作画面を載せておきます。

楽天銀行の場合

ホーム画面下にある支払うをタップします。

楽天銀行コンビニ支払い（アプリで払込票支払）をタップします。

ページ下にある払込票を読み取るをタップします。

カメラが起動するので、払込票にあるバーコードや二次元コードを読み取れば完了です(^^)

住信SBIネット銀行の場合

ホーム画面にある料金等支払をタップします。

モバイルレジで支払うをタップします。

バーコード/eL-QRコード読み取り開始をタップします。

カメラが起動するので、払込票にあるバーコードや二次元コードを読み取れば完了です(^^)

以上です！

ちなみに私は楽天銀行をメインバンクにしていますが、この機能で支払いをしたら10円が振り込まれました笑

なんだろう？

金融機関の窓口やコンビニ支払いをしようとすると人件費がかかってしまうから、その分のお礼ですかね。

この機能はだれも損することがないと思う素晴らしい機能なので、ぜひ一度トライしてもらえたら嬉しいです(^^)

本ブログでは新UI画面で内容をまとめています。

新旧画面への切り替えは、下図を参考に該当アイコンをクリックしてください(^^)

まずはじめに

今回は、ダッシュボードViewで働くメンバーのスキルを可視化できるアプリを作ってみたいと思います。

スキルマップなんて言われたりもするそうですが、従業員の能力・技能を評価することで、やる気を引き出すとともに、不足する能力・技能について教育計画を立てて、能力向上を図るツールとして活用するのが目的のようです。

こういうのって一回作ると見直しとか更新はしないんだよなー笑

AppSheetで作ってみると面白いかも？って思って作ってみたら、それなりのものが出来上がったので記事にしました(^^)

AppSheetのテーブル構成を勉強するのにちょうどいいレベルの内容となっているので、ぜひ参考にしてもらえたらなって思います。

それでは勉強していきましょう！

準備するデータについて

今回使用するテーブルは3つです。

それぞれのテーブルに用意したカラムは下図になります。

データタイプの設定

テーブル構成を理解したところで、それぞれのデータタイプの修正を行います。

設定についてはボックス内の写真を参考にしてください(^^)

登録テーブル

IDカラムのSHOW?をはずし、Key値に設定します。

また、LABEL値はスキルにしておきましょう。

評価テーブル

このシートの設定は少し難しいです。最終的なデータ設計は以下になります。

赤枠の部分はさくっと変更しつつ、青枠の部分の設定について説明していきます(^^)

登録IDカラムのTypeをRef、Source tableは登録にします。

続いて、Valid ifに以下の構文を入力します。

登録[ID] – SELECT(評価[登録ID],[メンバー] = [_THISROW].[メンバー]) + LIST([_THISROW].[登録ID])

この記事内では詳しくは説明しませんが、やっていることとしては

全体のリスト：製品[ID] から、すでに登録したリスト：SELECT(評価[登録ID],[メンバー] = [_THISROW].[メンバー]) を除外する。ただし、自分：LIST([_THISROW].[登録ID]) だけはOK

という表示させるリストの足し引きをしています(^^)

メンバーカラムのTypeをRef、Source tableはアプリユーザーにします。

レベルカラムのTypeをProgress、Valueに以下の値を登録します。

Empty, One Quarter, Half, Three Quarters, Full

データタイプの設定が完了したら、最後にVirtual columnを作成します。

VCカラムのTypeをNumber、App formulaに以下の構文を入力します。

IFS([レベル] = “Empty”,0,
[レベル] = “Quarter”,1,
[レベル] = “Half”,2,
[レベル] = “Three Quarter”,3,
[レベル] = “Full”,4)

レベルカラムの登録された値から、それを数値化するための設定です(^^)

実際のProgressのValueの値とは異なる点に注意しましょう！

アプリユーザーテーブル

まずは赤枠の設定をしましょう。次に先ほど作成したスキルポイントを集計するVCを作成します。

VCのTypeをNumber、App formulaに以下の構文を入力します。

SUM(SELECT(評価[スキルポイント],[メンバー] = [_THISROW].[email]))

スキルポイントのVCから、メンバーごとの集計をするための設定です(^^)

以上でデータタイプの設定は完了です。お疲れ様でした(^^)

Viewの設定

続いてViewの設定をしていきます。

私が設定した手順を下記にまとめました。

スキル項目を登録するViewを作成する

赤枠を参考にして、習得目標とするスキル項目を登録するViewを作成します。

登録したスキル項目を評価するためのViewを作成する

赤枠を参考にして、スキル項目を評価するためのViewを作成します。

Sort byとGroup byの設定も合わせて行っておきましょう。

アプリユーザーを管理するViewを作成する

赤枠を参考にして、アプリユーザーを管理するためのViewを作成します。

メンバーの入れ替わりが激しくない場合は、Positionをrefにしておくと良いと思います。

登録メンバーのスキル値を可視化するためのViewを作成する

赤枠を参考にして、ユーザーごとのスキル値を集計するためのViewを作成します。

赤枠で囲まれた選択肢をセットします。

スキルを可視化できるダッシュボードを作成する

これまで作成したViewを一つにまとめます。

赤枠部分を参考にViewのセットをして、Interactive modeをONにします。

Viewの設定としては以上です。お疲れ様でした(^^)

アプリ動作の確認

最後にアプリの動作検証を行いたいと思います。

まずスキル項目を登録Viewから行う

メンバーに習得させたいスキル項目を登録Viewから登録していきます。

登録したスキル項目に対してメンバーのレベルを登録する

登録IDは先ほど登録Viewで入力した項目が表示されます。

メンバーごとに求められているスキルレベルを登録していきます。

基本Viewはこんな感じ(^^)

それぞれのViewから遷移する画面を確認する

評価（Table View）の項目を選択すると、Detail Viewにその情報が表示されます。

アプリユーザーViewに登録されたメンバーを選択すると、そのメンバーの情報のみ表示されます。

基本的な使い方は以上になります。

一度登録した情報は、Editボタンを押すことで更新（メンバーがスキルアップした時に）することが可能です(^^)

まとめ

以上、ダッシュボードでスキル可視化ツールを作成するための記事でした。

Valid if（入力制限）に入力した、登録[ID] – SELECT(評価[登録ID],[メンバー] = [_THISROW].[メンバー]) + LIST([_THISROW].[登録ID])や、Virtual column（スキルポイント）を付けることによって、使い勝手のいいアプリへと昇華させることが可能です。

AppSheetであまりアプリを作成したことのない人が、作ってみるアプリとしては理解しやすいレベルだと思うので、この記事の内容を参考にしつつ、自身の環境に適したものに変化させてもらえればなって思います(^^)

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)

本ブログでは新UI画面で内容をまとめています。

新旧画面への切り替えは、下図を参考に該当アイコンをクリックしてください(^^)

まずはじめに

今回はプライベートでも使える日記アプリの作成についてまとめたいと思います。

先日、母親から「御朱印集めすることにした！」と言われたので、せっかくなら神社巡りの思い出をアプリに保存してもらおうと思い作りました(^^)

普段まとめている「今日から使えるテクニック！！」みたいなものではなく、原点に立ち返って「自分でアプリを作成してみる楽しさ」を思い出してもらえたらなって思います。

ちなみにその時に見せられた写真がこちら↓

めちゃくちゃ賑やかです・・笑

この派手な写真に負けないようなTIPSを盛り込んだアプリに仕上げましたので、ぜひ参考にしてもらえたらなって思います(^^)

また、行ってみたかったお店の食べ歩きや行ってみたかった旅行先を記録するアプリとしても使えます笑

それでは勉強していきましょう！

準備するデータについて

まずは、いつものようにアプリを構成するデータテーブルについて説明します。

下図のようなカラム構成で今回はまとめたいと思います。

続いてAppSheetのデータタイプの変更をしていきます。

実際の設定は以下を参考にしてください。

データタイプの設定

赤枠のデータタイプに修正します。ここまでは特に難しい設定はありません。

続いて、緯度と経度のカラムの設定を以下のように行います。

データタイプをDecimal、Display modeをLabelにします。

Initial valueに以下の構文を入力します。

DECIMAL(INDEX(SPLIT([緯度経度], “,”),1))

3つの関数をそれぞれ説明します。

SPLIT()関数の使い方

SPLIT(text, delimiter)

第一引数にテキスト、第二引数にそのテキストを区切る文字を指定

また、SPLIT()関数の返り値はリスト型になります。

今回の場合だと、LatLongのデータは 〇〇.〇〇（緯度） , △△.△△（経度）という形を取るので、,（カンマ）で区切るという設定が可能となります。

INDEX()関数の使い方

INDEX(list, which-one)

第一引数にリスト、第二引数にそのリストから取り出したい何番目を指定（リストの一番左が1番目）

使用例) INDEX({“A型”,”B型”,”O型”,”AB型”},2) なら返り値は B型

DECIMAL()関数の使い方

DECIMAL(x)

xは任意の値で、その値が認識可能な場合は同等のdecimal（小数）を返します。

図解で表すと以下のようになります(^^)

経度のInitial valueには、DECIMAL(INDEX(SPLIT([緯度経度], “,”),2))を入力すればOKです。

次にチェックカラムの設定をします。

ここでは、行った or 行っていない のフラグ管理が出来ればOKです(^^)

TIPSとして、現在地から目的地までの直線距離を取得するカラムを作成したいと思います。

アプリに導入したい人は以下の手順を参考にしてください。

VCで距離カラムを作成する

• App formulaにDISTANCE([緯度経度],HERE())を入力
• Show?のチェックを外す
• TypeをDecimalにする

VCで直線距離(km)カラムを作成する

• App formulaに[距離]&”km”を入力
• TypeをTextにする

データタイプの設定は以上です。お疲れ様でした(^^)

アクションボタンの作成

続いてアプリに必要なアクションボタンの作成をしていきます。

私が実装したいアクションボタンは以下の4つです(^^)

• Googleマップで現在地に戻るボタン
• 目的地までのルート検索ができるボタン
• チェックカラムを変更するボタン
• 目的地の10日間の天気予報を見るボタン

上2つに関しては、データタイプやMap viewを設定するだけで実装ができるので、特に意識しなくて大丈夫です(^^)

まずは簡単なチェックカラムを変更するボタンを作りましょう！

チェックボタンの作成

PositionはInlineでやってみたいと思います(^^)

Attach to columnはチェックを指定します。

他にできることとして

• Only if this condition is trueの条件式を入力
• Format rulesでアクションボタンに色を付ける

あたりかなって思います(^^)

チェックのアクションボタンができたら、次に目的地の天気予報を入手するアクションボタンを作成します。

設定は下図を参考にしてください(^^)

天気予報ボタンの作成

Targetには、以下の構文を入力します。

“https://www.weather.com/ja-JP/weather/tenday/” & ENCODEURL([緯度]) & “,” & ENCODEURL([経度])

このURLは、特定の緯度と経度に対応する場所の10日間の天気予報を表示するためのウェブページへのリンクです。

もう少し具体的に説明すると

“https://www.weather.com/ja-JP/weather/tenday/”

天気予報の10日間表示のベースURLであり、tendayをtodayに変えると本日、weekendに変えると週末など検索の対象期間を設定することが可能

ENCODEURL([緯度])とENCODEURL([経度])

特定の場所の緯度および経度をURLエンコードしています。これにより、緯度と経度の座標がURLに挿入される

それぞれのURLを＆を用いて繋げて、1つのURLとして成立させています。

＆の代わりにCONCATENATE()関数を使ってももちろん可能です(^^)

アクションボタンの設定は以上です。お疲れ様でした(^^)

Viewを整える

大事なアプリの画面設定をしていきます。

と言っても、特に難しい設定はありませんので下図を参考に編集をしてみてください。

今回はCard ViewとMap Viewを作ってみたいと思います(^^)

Card Viewの設定

まずはLayoutからlargeを選択します。

私の設定では、赤枠の部分には何も情報を入れないほうがすっきりとした見栄えになったので、今回は使わずにいきたいと思います(^^)

下図のようにそれぞれ該当する箇所をクリックして、セットするカラムを選択していってください。

すべての設定が問題なくできていると、下図のようなViewになります(^^)

Map Viewの設定

Map Viewの設定は以上です。

その他のViewとして、新規作成のためのForm Viewは合ったほうがいいかもしれません。

このあたりはアプリ開発者の好みです(^^)

Format Ruleの設定

アプリの視認性を高めるために、ちょっとしたフォーマットルールを追加したいと思います。

別になくても構わない設定なので、不要な人は飛ばしていただいても結構です。

私が試しに設定してみたものは、以下の6つです(^^)

アプリ動作の確認

最後に作成したアプリの動作検証を行いたいと思います。

このアプリはモバイル（スマホ）を意識して作成しているので、そのViewで確認するのがいいです(^^)

行ってみたい場所 or 行ったことのある場所を登録する

赤矢印の項目を登録していきます。

今回は一度行ったことがある、チェック＝完了 で検証をしてみます(^^)

アプリに登録されている登録地をタップする

登録したデータをタップすることで、Map Viewに画面が遷移します。

作成したアクションボタンの動作確認

アプリのGマップを移動させたあと、最初の登録座標に戻したい場合は赤のマップアイコンをタップします。

天気予報をタップすることで、外部サイトから登録地点の天気予報が取得できます。

車のアイコン（AppSheetが自動で作成するアクションボタン）をタップすると、Googleマップのルート検索ができる

まとめ

以上、プライベートでも使える日記アプリについての記事でした。

AppSheetが求めているカラムを用意すると完成度の高いアプリが作れますので、こういうアプリから勉強してもらえると楽しく学べていいかなって思います(^^)

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)

本ブログでは新UI画面で内容をまとめています。

新旧画面への切り替えは、下図を参考に該当アイコンをクリックしてください(^^)

まずはじめに

今回の記事は、アクションボタンでGカレンダーへアプリの登録情報を送信する設定方法についてです。

内容としては別の記事でまとめた「承認フローにおける差戻しメールの発信機能」と親戚関係みたいなものです。

構文がものすごく複雑なように見えるので詳しく解説していきます。

それでは勉強していきましょう！

準備するデータについて

まず本記事の内容を理解することで、下図のような画面をアクションボタンから立ち上げられるようになります。

そのためには準備するデータが大事で、下図のようなデータテーブルを用意するのをおすすめします(^^)

スケジュールテーブル

対象者カラムはアプリユーザーテーブルとref関係を結びます。

アプリユーザーテーブル

このテーブルには予定を共有したい人を登録します。

2つのテーブルの準備ができたら、appsheetにデータを送りデータタイプの設定を行います。

特に難しい設定はないので、データタイプの選択は下図を参考にしてください。

まずは、スケジュールテーブルの設定です。

対象者のEnumlistはBase typeをRefにして、参照先のテーブルをアプリユーザーにしましょう

残りの設定は特に注意することはないですが、終了時間のInitial valueにTIME([開始時間]+1)と入れるとデフォルトで予定時間が1時間となるのでおすすめです(^^)

アプリユーザーテーブルの方は、emailをkey値、名前をLabel値に変更します。

データタイプの設定は以上です。お疲れ様でした(^^)

アクションボタンの作成

データタイプの設定が完了したら、次はアクションボタンの作成をします。

まずは、下図の赤枠部分を参考にして設定の変更をしてください。

次にこの記事で最も大事な部分であるGカレンダーを立ち上げるためのURLを設定します。

Targetに以下の構文をまずは貼り付けてください。

この構文が表している役割を色分けすると下図のようになります。

まずは知っておくと便利なCONCATENATE()関数の使い方をマスターしましょう(^^)

複数のパーツを指定する場合は、各パーツをダブルクオーテーションで囲み、カンマで区切ってつなげる必要があります。

図解の赤文字がCONCATENATE()関数を意味します！

CONCATENATE()関数の基本を抑えたところで、残りのタイトル、開催日時、ゲスト、詳細を指定するURLについて解説します。

タイトル

タイトル部分のURLは、図解のオレンジ文字の部分が該当します。

CONCATENATE(“https://calendar.google.com/calendar/render?action=TEMPLATE&text=”, [予定])

ダブルクオーテーションで囲まれたURL（第一引数）が、Gカレンダーの立ち上げとタイトルに何を入力するか？を表し、第二引数でAppSheetに入力された[予定]の文字列を取得しています。

ちなみに、上記のCONCATENATE()関数を入力した場合は、タイトルのみ入力された状態でGカレンダーが立ち上がります(^^)

開催日時

開催日時部分のURLは、図解の青文字の部分が該当します。

“&dates=”, TEXT([開始日], “YYYYMMDD”), “T”, TEXT([開始時間], “HHmmss”), “/”, TEXT([終了日], “YYYYMMDD”), “T”, TEXT([終了時間], “HHmmss”)

複雑そうに見えるこの部分ですが、やっていることは

• AppSheetで入力された開始日、終了日のDateタイプのデータをText()関数で変換
• AppSheetで入力された開始時間、終了時間のTimeタイプのデータをText()関数で変換

これだけです。

ゲスト

ゲスト部分のURLは、図解の緑文字の部分が該当します。

“&add=”, [対象者]

AppSheetの設定で、[対象者]にはenumlist（ベースタイプはref）で、対象者のメールアドレスが入力されるようになっています。当ブログの読者の皆さんには、ここは特に難しい設定ではないと思います。

詳細

詳細部分のURLは、図解の紫文字の部分が該当します。

“&details=”,[メモ],”%0A%0A★参考URL：“,”<a href=” ,[参考URL],”>”, [参考URL], “</a>“

この部分の構成は少し複雑ですが、それぞれ意味する部分を色分けしました。

• 黄色下線の部分は純粋なテキスト情報としてGカレンダーに表示
• 青色下線の部分の「%0Aは改行」を表す
• 赤色下線の部分はHTMLで使用されるリンクを作成するためのタグ

赤下線の部分は私もあまり詳しくないのですが、簡単に説明するなら

となります。

今回の場合だと、[参考URL]のリンクをそのままテキストとして表示 という意味になります(^^)

設定の検証

最後に設定の検証を行います。

まずはスケジュールの登録をしてみます。

次にDetail Viewに表示されているGカレンダー転送のアクションボタンをクリックします。

予定、対象者、メモ、開始時間が反映されたスケジュール登録画面が立ち上がります(^^)

まとめ

以上、AppSheetで作成したスケジュール管理アプリのデータをGカレンダーに転送する方法についての記事でした。

この構文なら似たようなカラム構成のアプリはデータ転送が可能になるので、ぜひ頭の片隅にでも覚えていてもらえればと思います(^^)

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)

まずはじめに

今回の記事は、Looker studioを使ってデータ分析をするなら必修関数であるCASE関数についてです。

この関数を知っているのと知らないのでは、アウトプットの質が天と地ほどの差が出てしまうため、必ず習得してほしい関数です！

CASE関数が要求する引数が何かを知っておけば、そんなに複雑な関数ではないです(^^)

個人の勉強はもちろん、会社の勉強会とかでも使ってもらえたらなって思います。

それでは勉強していきましょう！

CASE関数の基礎

まずはCASE関数を使うときはどんなときか？を把握しましょう。ずばり！

取り込んだデータの新しいカテゴリーやグループを作成する場合に使用する

これです。

例えば、生産地が中部地方と関東地方に分けられるような時が使うチャンスです(^^)

使用する場面についてイメージが付いたところで、次はCASE関数の基本形について説明をします。

この基本形を覚えておけばOK！

実際に関数を入力するときに変わるのは、青下線の部分だけです(^^)

CASE関数の入力

CASE関数の基本を抑えたところで、実際に関数を入力して検証してみましょう！

関数が使えるようになるには、実際に使ってみて理解するのが一番です(^^)

今回は以下のようなデータで検証したいと思います。

このデータテーブルをLooker studioに取り込んでみましょう。

データの取り込みが完了したら以下の手順を追ってみてください(^^)

編集画面右下のフィールドを追加から計算フィールドを追加をクリックします。

フィールド名を適当に入力し、計算式に以下の関数を入力します。

CASE
WHEN 地域 IN(“三重”,”愛知”,”岐阜”,”長野”,”静岡”) THEN “中部地方”
WHEN 地域 IN(“神奈川”,”東京”,”埼玉”,”栃木”,”群馬”,”茨城”,”千葉”) THEN “関東地方”
ELSE “その他”
END

計算フィールドを追加 ＝ AppSheetのVirtual columnと思えばOKです！！

しれっとIN関数も出てきたので、使い方をここでマスターしましょう(^^)

AppSheet的に書くなら、[地域] IN (LIST(“三重”,”愛知”,…)) みたいな感じです。

このIN関数もCASE関数との組み合わせで便利な関数なので、覚えておきたい関数です。

円グラフの作成

CASE関数を使った計算フィールドが作成できたので、その結果を確認したいと思います。

まず、グラフは挿入タブから円グラフを選択しましょう。

次に円グラフのディメンションが地域、指標が出荷量(t)のものを作成します。

スタイルタブから円グラフのスライス数を変更します。今回は20としました。

グラフの見栄えを良くするため並び替えに出荷量(t)をセットします。

この円グラフをコピーして、ディメンションの項目を「地方で集約」に変更する。

左のグラフは地域別のグラフとなっていますが、ディメンションをCASE関数に変更した右のグラフは値が集計された結果となっています(^^)

まとめ

以上、CASE関数の使い方についての記事でした。

CASE関数はLooker studioでデータ分析をするなら、避けては通れない関数だと思います。

もう一度おさらいです。

この基本形さえ覚えておけば、使っているうちに身についてくるかと思います。

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)

まずはじめに

今回の記事内容はLooker studioについてです。

もともとは、Googleデータポータルと言われていたクラウドベースのBiツール（データの分析が可能なツール）です。

過去のブログ記事で、AppSheetで汎用性のある設定でグラフを作成するのは難しいと言っていたのですが、その解決策として「Looker studioを使えばいい」に至りました(^^)

ノーコードアプリ（AppSheet）の勉強だけでいっぱいいっぱいだよ・・

そんな読者の皆さんの悩みを解決できるような基本を抑えた記事を作成しました。

個人の勉強はもちろん、会社の勉強会とかでも使ってもらえたらなって思います(^^)

それでは勉強していきましょう！

Looker studioを使う前の準備

まず最初にLooker studioに取り込むためのデータを作成します。

今回は読者の皆さんにも馴染みの深いスプレッドシートを例にします。記事を作成するにあたり、Chat GPTさんにご協力いただきました！笑

ホンマ頼りになる相棒やで(^^)

簡単な使い方はこちらの記事を参考にしてください。

なるべく必要最小限の列情報の方が理解がしやすいと思ったので、この記事では下図の情報でまとめます。

次にLooker studioを使用するためにGoogleアカウントでログインをします（ログインはこちらから）

下図のような画面になっていればOKです。

データの取り込み方

続いて、Looker studioのホーム画面からデータを取り込む方法です。

今回はスプレッドシートで行いますが、おそらくほとんどがこのパターンになると思います。

手順は以下を参考にしてください(^^)

データの取り込み方の手順

まずは空のレポート（カラフルな＋ボタン）をクリックします。

接続先にGoogle スプレッドシートを選びます。

初めて使用するときは接続先の承認が問われるので、上図のように選択します。

Looker studioに取り込むスプレッドシートとそのテーブルを選択します。

上図のような画面になっていればOKです！

別のデータテーブルを取り込みたい場合

1つのLooker studioで複数の分析をしたいニーズもあると思います。

分析したいテーブルが複数ある場合は、以下の手順を参考にしてください(^^)

その後は先に図示した手順と同じです。

取り込んだデータテーブルを削除したい場合

今度は間違えて取り込む必要のないデータシートを削除する方法です。

以下のやり方を参考にしてください(^^)

データソースの列を追加したときの更新

AppSheetを使っていると、アプリの構成を再考するときによくカラムの追加（列の追加）をすることがあります。

列を追加したときには、Looker studioでもテーブルデータの更新をする必要があります。

忘れるとグラフや表が表示されなくなるので、注意しましょう！

列情報の更新手順は以下を参考にどうぞ(^^)

列を追加したときの更新手順

追加したい列情報を入力します（何列でも可）

Looker studioの編集画面に戻り、列情報を更新したいデータテーブルの編集を行います。

画面左下にある同期ボタンと適用ボタンをクリックします。

データソースの追加と列情報の更新は、知っておかないと臨機応変にデータ分析ができないのでぜひマスターしておきましょう！

Looker studioの開発画面

次にLooker studioの開発画面について説明します。

どこらへんを触ったらこういうことができる という簡単なイメージを掴んでおくと、何とかなることが多いので記事内の機能は最低限知っておきましょう(^^)

開発画面の基本

まず開発画面のざっくりとした説明をします。

画面上部にある「共有」から、今表示しているLooker studioを誰に共有するかを設定することが可能

この共有設定は、閲覧までや編集も可能など細かく権限を指定することができます。

画面上にある「表示」から、編集と表示画面の切り替えが可能

実際に使用者にはどういうふうに見えるのか？を確認しつつ、編集を行っていきます。

キャンバスサイズの設定

Looker studioで表示させたいものというのは、PCやディスプレイで表示させたいというものが多いと思うので、最初にページの幅と高さを変更しておくといいです。

キャンバスサイズの変更はとても簡単です(^^)

グラフの挿入

最もニーズが高いと思われるグラフの挿入についてです。基本的には

グラフの種類を指定して挿入 → 縦軸/横軸を設定 → スタイル/フォント設定

この流れになります。

この記事では棒グラフを用いて説明しますが、円グラフや折れ線グラフといった別のグラフを使ったとしても基本は同じです(^^)

グラフの挿入手順

上部タブにある「挿入」から縦棒グラフを選択し、画面左の余白部分でクリックする。

挿入されたグラフの手直しをしていきます。

ディメンションはグラフの横軸

指標はグラフの縦軸

まずはこの基本をしっかりと覚えてください！

少しグラフを手直しします。

指標に価格をセット、並び替えには商品名（A〜E）を昇順になるようにセット

グラフの挿入から縦軸と横軸（並び替え含む）の基本的な設定は以上になります(^^)

スタイル/フォント設定

最後にグラフの最大値や最小値、目標値や文字のフォントなどを追加・編集する方法を説明します。

まずは目標値の設定方法です(^^)

目標値の設定方法の手順

目標値を設定したグラフを選択したまま、スタイルタブをクリックし、リファレンス行にある「基準線を追加」をクリックします。

種類や値、軸やラベルといった項目をいじることで、今回だと目標販売価格という指標が設定されました。

次にグラフの最大値と最小値、文字フォントの編集方法をマスターしましょう！

グラフの最大値・最小値の設定、文字フォントの変更手順

スタイルタブを下にスクロールして、左Y軸とX軸の項目で最大値や最小値の設定が可能です。

グリッドの項目から軸やラベルのフォントを設定が可能です。

まとめ

以上、Looker studioの基本操作についての記事でした。

本記事の内容をまずは覚えてもらって

編集画面のどのあたりを触ればやりたいことができそうか

のイメージをまずは掴んでもらうのがいいのかなって思います。

私も最近になってようやく触り始めたので、まだよくわかっていないことのほうが多いですが、勉強していてこれ大事！と思ったことは記事にまとめていきたいと思います。

記事内容について何かありましたらページ下にあるコメント欄からコメントをお願いします。

わかりにくかった部分や間違った情報などご指摘いただけると嬉しいです！

勉強お疲れさまでした(^^)