ノーコード on qwerty.work

【Glide】アプリのログイン機能やユーザー固有の表示などのメモ。

Thu, 03 Mar 2022 11:17:26 +0900

Google Sheet（スプレッドシート）を利用して、スマートフォン/タブレット/PC表示が可能なwebアプリを開発できるノーコードツール「Glide（グライド）」。これで作成したアプリをユーザーが使用する場合、ログイン機能が使えます。このログイン機能について調べていることをメモ。

また、ユーザーごとに固有のデータ表示などについてもメモ。

特定のユーザーや他のログイン方法について

GlideのPrivacy設定（サインイン機能）

Public：アプリのリンクを知っている人であれば、誰でも閲覧できる。
Public with email：閲覧には電子メールでのサインインが必要になります。サインインには、Googleアカウントを使用することもできる。ただし、電子メールさえあれば、誰でも閲覧できる。
Only I can sign in：自分しかアプリにアクセスできない。
Limit access by password：アプリの閲覧にパスワードを設定する。
Limit access by email：許可されたメールアドレスだけが閲覧可能になる。（有料プラン限定）

参考ページ

https://marketing-wizard.biz/blog/no-code/glide-loginuser-item/ https://marketing-wizard.biz/blog/no-code/glide-loginuser-item/

https://www.y-shinno.com/glide-signin/ https://www.y-shinno.com/glide-signin/

ログインユーザーごとにデータの表示を変える

参考ページ

https://takekawanonagare.com/glide-login-display/ https://takekawanonagare.com/glide-login-display/

https://note.com/shinya_matsui/n/n5fb2ab9d997b https://note.com/shinya_matsui/n/n5fb2ab9d997b

https://nocodeblog.site/glide-how-to-change-the-display-items-for-each-user/ https://nocodeblog.site/glide-how-to-change-the-display-items-for-each-user/

【Adalo】アプリの初期画面をサインアップからログイン（他の画面）に変更する方法

Wed, 04 Aug 2021 15:25:38 +0900

初期表示画面を変更したい

ノーコードアプリのAdalo（アダロ）でアプリを作成する際、デフォルトの初期画面は『Signup』になっています。よって、アプリ起動時はサインアップ画面が初めに表示されますが、サインアップよりも『Login』の画面を初期表示画面に変更したいのですが、その方法をメモ。

ログイン画面を初期表示画面に変更する方法

Signup画面からLogin画面に変更する例

1.Loginシートを選択スクリーン名の編集ボタン（鉛筆マーク）をクリック

3.[Done]をクリックして適用

4.『Login』の横にWelcom Screenアイコンが表示される

5.Previewするとログイン画面が初期画面として表示される

以上

ノーコード型WEBデータベースアプリケーション作成ツールのメモ

Thu, 15 Jul 2021 20:15:40 +0900

クラウドサービス

https://kintone.cybozu.co.jp/ https://kintone.cybozu.co.jp/

https://at-pocket.com/ https://at-pocket.com/

https://works.saaske.com/ https://works.saaske.com/

https://www.sei-info.co.jp/webdatabase/ https://www.sei-info.co.jp/webdatabase/

https://magilogi.jp/ https://magilogi.jp/

https://pigeon-fw.com/ https://pigeon-fw.com/

http://xima-cloud.com/ http://xima-cloud.com/

http://www.ni-ware.com/nyoibox/ http://www.ni-ware.com/nyoibox/

エクセルライクなWEBデータベース

https://www.celf.biz/ https://www.celf.biz/

https://www.forguncy.com/ https://www.forguncy.com/

ローコードデータベース

https://www.claris.com/ja/ https://www.claris.com/ja/

https://spiral.pi-pe.co.jp/ https://spiral.pi-pe.co.jp/

ノーコード・ローコードサービスの参考

https://qiita.com/kento_gm/items/34c46a9bc6b3017c9345 https://qiita.com/kento_gm/items/34c46a9bc6b3017c9345

https://tawasimusi.com/nocode-site13/ https://tawasimusi.com/nocode-site13/

https://yapp.li/magazine/3760/ https://yapp.li/magazine/3760/

オープンソース（OSS）WEBデータべースプラットホーム

オンプレ環境でも使える無料のWEBデータベース。

Exmentは国産のオープンソースで PHP/Laravelがベース。データベースはMySQL、Maria DB、SQL Serverに対応。

https://exment.net/ https://exment.net/

プリザンターは国産のオープンソースで ASP.Net C# + SQL Server がベースでWEBサーバはIIS。

https://pleasanter.org/ https://pleasanter.org/

Adaloで日本語を正常に入力できず表示がおかしくなるとき

Mon, 05 Jul 2021 12:17:41 +0900

ノーコードアプリ政策ツールのAdalo（アダロ）でフォームやボタンのタイトル表記をデフォルトの英語表記から日本語に変更しようとすると、文字化けというか、文字がおかしく入力されてしまいます。

環境

Google Chrome
Microsoft Edge
Windows10 20H2

症状

ログイン直後は正しく入力できるのですが、作業を続けていると入力がおかしくなってきます。

その時々で表示される文字が異なりますが、普通に入力できないし、変換もできない状況です。

入力例

あ　→　あｍえ＾ああｍああ
め　→　mmええ
あ　→　ああ
メール　→　ｍｍええーーｒｒうう

Adalo以外の日本語サイトであれば普通に入力できます。アドレスバーやほかのサイトでGoogleの検索窓には普通に入力できます。メモ帳やエクセル、ワードも特に問題なく入力ができるのですが、Adaloの画面内（ブラウザ画面）だけ入力がおかしくなります。

やってみたこと

IMEがおかしいのかな？といろいろ調べて見つかった以下のことを試しましたが、ダメでした。

[設定]-[時刻と言語]-[言語]を開く
[優先する言語]にある[日本語]の『オプション』を開く
[キーボード]にある[Microsoft IME]の『オプション』を開く
[全般]の[互換性]にある『以前のバージョンのMicrosoft IMEを使う』をオンにする

これをやってもダメだった。

メール　→　ｍえーｒう

原因

Adaloのみで症状が出るので、英語（１バイト）のサイトに日本語（2バイト文字）を入れようとすることで何かズレが生じている感じ。文字コードが合わないんでしょう。

解決策

根本的な解決策ではありませんが、アドレスバーやテキストエディタを日本語を入力して、それをコピー＆ペーストすればとりあえず入力できます。面倒ですが…。

根本的な解決策が見つかれば、また更新します。

参考にしたページ

【Adalo】以前のマジックテキスト情報が残るフォームをリセットする方法

Tue, 22 Jun 2021 12:55:12 +0900

空のはずのフォームに前回読み込んだ情報が残ってしまう

Adaloで作っているノーコードアプリで、データベースの詳細を編集する画面があるのですが、コレクションのレコードが**空（Empty）**であるはずなのに、以前に読み込んだマジックテキストがそのまま残ってしまいます。これはどうやらキャッシュの仕様のようで、情報のあるフォームはデータベースの通りキャッシュが上書きされ、登録されている通りの情報が表示されますが、空白欄のキャッシュはそのまま残ってしまいます。

画面遷移時にフォームを空にしてみる

画面繊維時に**『Change Input Value』を使用して、フォームを一つ一つ空（Empty）**にしてから遷移するようにしましたが、これはダメでした。フォームを空にしてから画面遷移しても、次にフォームを開いたときにはキャッシュが残っていて、空であるはずのフォームに以前の情報が表示されてしまいました。

解決策はダミーレコードの作成＆削除をはさむ

空のダミーデータを書き込みし、キャッシュを空（Empty）で上書きすることで解決できました。

例えば、画面繊維する際に『Link』のアクションを使いますが、この前に以下のアクションを追加します。

『Create』でダミーレコードの作成
『Delete』でダミーレコードの削除
『Change Input Value』で各フォームの値を空に変更

または、

『Create』でダミーレコードの作成
『Change Input Value』で各フォームの値を空に変更
『Delete』でダミーレコードの削除

および、

『Change Input Value』で各フォームの値を空に変更
『Create』でダミーレコードの作成
『Delete』でダミーレコードの削除

これをアクションの間に挟みます。最後に『Link』で画面遷移するようにします。フォームの値で**作成（Create）または変更（Update）**するアクションがある場合は、一番最初にフォームの情報を保存してからダミーデータの作成・削除を行います。

ダミーデータはすべて空（Empty）のレコードです。

お掃除して出る感じです。

また、空のダミーデータを書き込むのなら、『Change Input Value』で各フォームの値を空に変更しなくてもいいのでは？と思いますが、これがないとうまくいきませんでした。

ダミーデータはマジックテキストで読み込むコレクションと同じデータベースに書き込み・削除します。この動作が間に入るため、画面遷移に少し時間がかかりレスポンスが悪くなります。****

フォーム表示前か？画面を閉じる後か？

この動作を仕込む場合、以下のどちらかになるかと思います。

フォームを開く前にダミーデータを作成・削除する
フォームを閉じる前にダミーデータを作成・削除する

成功したのは後者の方でした。今から開くときに行うとキャッシュが残っていました。元の画面に戻る時（フォームを閉じるとき）に行うとうまくいきました。フォームが表示されないページで行うよりも、フォームが表示されているページで行うのがいいみたいです。

シリアル日付時刻で計算した数値を時間表示にする計算式

Mon, 21 Jun 2021 16:09:15 +0900

シリアル値から経過時間を計算したい

例えば、タイムカードアプリを作成するとして、日付と時間の計算にシリアル値しか使えない状況があったとします。ちなみにノーコードアプリ作成のAdaloのことなんですが、出勤日時と退勤日時のシリアル値から勤務時間を計算したいとき、以下のようになります。ちなみに日時のシリアル値をデータベースに入れるときは、Adaloのデータベースに数値フィールドを用意し、そこにCurrent Timeなどの日付をフォームから登録すれば、シリアル日時が格納されます。

出勤日時とシリアル値

  日付
  2021/06/21 8:30


  シリアル値
  44368.35417

退勤日時とシリアル値

  日付
  2021/06/21 17:45


  シリアル値
  44368.72917

経過時間の計算

退勤日時のシリアル値から出勤時間のシリアル値を引きます。

44368.73958 - 44368.35417 = 0.385416667

17:00から8:30を引くと9時間15分となるわけですが、これがシリアル値だと0.385416667になります。それは1日が24時間で9時間は割合として約38.5%になるからです。

シリアル値から時間表示に変換

0.385416667を時間表示にしたい場合は24を掛けると何時間のことかが求めれます。

0.385416667 * 24 = 9.25時間

9:15という結果を求めたいのですが、Adaloでは +-*/ の四則演算と予め定められた関数のみの計算しかできないため、9.25となります。

AdaloとExcelによる現在日時シリアル値の誤差について

Mon, 21 Jun 2021 12:13:50 +0900

日付のシリアル値に誤差が出る

ノーコードアプリのAdaloのデータベースの数値フィールドにCurrent Timeが入るようにフォームを設定しました。すると、現在日時がシリアル値が入るのですが、そのシリアル値をエクセルで日付表示すると、登録したつもりの日時と異なる日付となりました。

日時シリアルについて

日時のシリアル値は基準日から何日と何時間経過したかの数値だそうです。

   
  シリアル値
  起点日時




  アダロ
  0
  1970/1/1  0:00:00


  エクセル
  0
  1900/1/0 0:00:00


  Googelスプレッドシート
  0
  1899/12/30 0:00:00

AdaloではUNIX時間を使用しているからだと思われます。ついでにGoogleスプレッドシートの起点も調べてみると、みんなバラバラでした。

2021/06/21 11:30をシリアル値にすると以下のようになります。

   
  シリアル値
  日時




  アダロ
  18799.10417
  1951/06/20 2:30


  エクセル
  44368.47917
  2021/06/21 11:30


  Googelスプレッドシート
  44368.4791666667
  2021/06/21 11:30

ExcelとGoogleスプレッドシートは起点となる日付が違うのに、シリアル値は同じでした。

誤差を埋める方法

上記のように、同じ日時でもエクセルでは44368.47917、adaloでは18799.10417となり、

44368.47917 - 18799.10417 = 25569.375

計算ではAdaloで取得する日時シリアルは、エクセルやGoogleスプレッドシート上で、25569.375（25569日と9時間）が足りていません。これでは日付や時間の計算に困ります。

Adaloに入れる計算式

そこで、フォームから更新する値を指定すれば日本時間の日付がフィールドに取得できます。

(Current Time)+25569.375

【NoCode】SheetDBを使用してAdaloとGoogleスプレッドシートを連携する

Wed, 16 Jun 2021 11:49:39 +0900

AdaloのデータベースにGoogleスプレッドシートを使いたい

スマホのネイティブサプリがノーコードで作成できるAdalo（アダロ）でタイムカードのアプリを試作しているのですが、最終的にユーザーがアプリから登録したデータを加工しやすいように、Adaroの内部データベースではなく、外部のGooogleスプレッドシートと連携できたらいいなといろいろ調べていました。

しかし、これがなかなかいい情報に辿り着けません。

AdaloからJSONを使用するREST APIが使えるAPIなら連携できるというのを見つけ、それをヒントに調べていました。Googleスプレッドシートと連携はできるみたいなのですが、Google Cloud PlatformでのAPI登録が難しそうで、手に負えませんでした。

他に方法がないかな？と調べていると、いくつかGoogleスプレッドシートと連携するJSON APIを簡単に作成できるCloudサービスを見つけました。使用量が少なければ無料で使えるものが多く。試しにSheetDBを使ってみうことにしました。結果的に成功したので、その手順をメモ。

見つけた似たようなサービス

調べて今のところわかった同様のサービス。

手順

SheetDBにGoogleスプレッドシートを登録

SheetDBにアクセス

以下のSheetDBのページを開き、画面右上のログインボタンをクリック。ログインにはGoogleアカウントを使用しします。

https://sheetdb.io/ https://sheetdb.io/

Googleアカウントを選択

SheetDBのログインに使用したいGoogleアカウントを選択します。私の場合、Chrome上でいくつか複数のGoogleアカウントを使用しているので、選択するアカウントの候補が2つ表示されました。

[CREATE NEW]をクリック

Adaloの外部コレクションの登録に必要な**APIキー（API ID）**を作成します。

GoogleスプレッドシートのURLをコピー

予めAdaloから連携したいGoogleスプレッドシートを用意しておき、以下のようなURLをコピーします。ここでは『Adalo Time Card』という名前のスプレッドシートを用意しました。

https://docs.google.com/spreadsheets/d/*********************************/

連携できるのは1枚目のシートのみ（URLの最後にある#gid=0と表示される最初のシート）。2枚目以降のgid=123456など、0以外のシートIDは登録できなさそうなので、1ファイルに複数のシートがあっても、最初のシート以外は連携できないみたいなので、連携したい複数のシートが1ファイルにある場合は、別のファイルに分割する必要があるようです。

SheetDBの画面にURLを貼り付ける

SheetDBの画面に戻り、GoogleスプレッドシートのURLをフォームに貼り付け、**[CREATE API]**ボタンをクリック。

APIキー（API ID）作成完了

ここに表示された以下のURLをAdaloに登録しますのでコピーしてください。SheeDBでの作業はこれで完了です。

https://sheetdb.io/api/v1/***API*ID***

Adaloの外部コレクションにSheetDBのURLを登録

[START INTEGRATION TRIAL]をクリック

AdaloのDatabaseのメニューにある**[START INTEGRATION TRIAL]**をクリックします。この機能は14日間無料で使えますが、それ以降は有料プランでないと使えません。

[START INTEGRATION PACK TRIAL]をクリック

次に表示された画面の**[START INTEGRATION PACK TRIAL]**をクリックして次に進みます。

[+ADD COLLECTION]をクリック

Databaseのメニューに**『Connect APIs』のメニューが表示されるようになっているので、ここにある[+ADD COLLECTION]** をクリックして外部コレクション（External Collection）の登録に進みます。

API IDを貼り付け

**『API Base URL』**の欄に、SheetDBで取得したURLを貼り付けます。

https://sheetdb.io/api/v1/***API*ID***

Collection Nameは適当に入れてください。後から変更もできます。この2つを入力したら**[NEXT]**ボタンをクリックして次に進みます。

[NEXT]ボタンをクリック

この画面では特に設定することがないので、無視して**[NEXT]**ボタンをクリックして次に進みます。

接続テスト

**[RUN TEST]**ボタンを押して、Googleスプレッドシートに接続できるかテストします。

接続テスト成功！

接続に成功すると以下の画面が表示されますので、**[CREATE COLLECTION]**ボタンをクリックします。

接続先のGoogleスプレッドシートがタイトルのみの1行しかない場合はエラーになりましたので、2行目に何らかダミーでもレコードを入力しておいてください。それでもエラーになる場合、SheetDBでAPIキー（API ID）を取得し直すところからやり直してみてください。

外部コレクションに表示が増えた！

Databaseのメニューに『Adalo Time Card』が表示されました。

これで無事に外部コレクションの登録作業が終わりました。あとはアプリに組み込んでいくだけです。

AdaloからGoogleスプレッドシートを操作できた

外部コレクションに登録が終わり、試作しているタイムカードアプリのプレビューで、入力フォームの内容を登録してみたところ、ちゃんと登録できました！Googleスプレッドシートを開くと、ちゃんとレコードが増えていました。

SheetDB無しでも、ちゃんと設定ができれば、Googleスプレッドシートを直接Adaloの外部コレクションに登録できるとは思うのですが、何度チャレンジしても難しかったので、解決策が見つかるまでは当面、SheetDBを使ってみようと思います。

【NoCode】ノーコードアプリと外部のスプレッドシートのAPI連携についてのメモ

Fri, 11 Jun 2021 14:37:59 +0900

ノーコードアプリで情報を収集したデータを２次加工したり、別のアプリケーションにCSVで流し込んだりしたいときにどうすればよいか？と考えたときに調べたことのメモ。

Adaloと外部DBとの連携

ネイティブアプリでアプリを作るならAdalo。Adaloの外部コレクション機能を使用すれば連携できそう。

Adaloとの外部連携はREST APIを使用したサービスと連携できるらしい。REST APIとはJSONでやりとりする類のAPIのようです。

https://andd.live/7559/adalo-resource%E3%83%BBadalo%E3%81%A7%E4%BD%95%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B%EF%BC%9F/#API https://andd.live/7559/adalo-resource%E3%83%BBadalo%E3%81%A7%E4%BD%95%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B%EF%BC%9F/#API

例えば、Googleスプレッドシートと連携することもできるみたいなのですが、GoogleのAPI登録が私には難しそうです。しかし、それを簡単にしてくれるクラウドサービスがあるようで、Zapier（月間100回のタスクまでなら無料）など、いろいろなクラウドサービスを組み合わせて自動化するサービスを使用すればできそうです。

https://www.nocodeforum.org/t/topic/252 https://www.nocodeforum.org/t/topic/252

AdaloのフォーラムにGoogleスプレッドシートとの連携についての書き込みを見つけましたが、AdaloからGoogleスプレッドシートに直接接続はできなさそうですね。Zapierと同様に何らかのサービスを間にかませないとダメっぽいです。

https://forum.adalo.com/t/google-sheets-api-external-collection/2079 https://forum.adalo.com/t/google-sheets-api-external-collection/2079

ちなみに、上記に記載があったのは、sheetdb（Googleアカウントでログインできて、月間リクエスト500回までなら無料で使えるっぽい）で、これが使えそうな気がします。これ以外にもAirtableやIntegromatというのもありました。同じようなサービスが他にもありそうです。

WEBアプリで良いならGlideかAppSheet

Googleスプレッドシートをデータ元のデータベースとしてアプリを作るならGoogleのノーコードアプリのGlideが使えそう。

同じく、Googleが買収したAppSheetもGlide同様のことができて、以下のページによるとデータ元はGoogleスプレッドシート以外に、Excel（Office365、DropBox、Box）やSmartSheet、SQLも使えるようです。

https://solutions.appsheet.com/how-to-create-an-app https://solutions.appsheet.com/how-to-create-an-app

https://solutions.appsheet.com/pricing https://solutions.appsheet.com/pricing

ノーコード on qwerty.work

【Glide】アプリのログイン機能やユーザー固有の表示などのメモ。

特定のユーザーや他のログイン方法について

GlideのPrivacy設定（サインイン機能）

参考ページ

ログインユーザーごとにデータの表示を変える

参考ページ

【Adalo】アプリの初期画面をサインアップからログイン（他の画面）に変更する方法

初期表示画面を変更したい

ログイン画面を初期表示画面に変更する方法

Signup画面からLogin画面に変更する例

1.Loginシートを選択スクリーン名の編集ボタン（鉛筆マーク）をクリック

2.Screen Navigation Typeを『Nomal Screen』から『Welcom Screen』に変更

3.[Done]をクリックして適用

4.『Login』の横にWelcom Screenアイコンが表示される

5.Previewするとログイン画面が初期画面として表示される

ノーコード型WEBデータベースアプリケーション作成ツールのメモ

クラウドサービス

エクセルライクなWEBデータベース

ローコードデータベース

ノーコード・ローコードサービスの参考

オープンソース（OSS）WEBデータべースプラットホーム

Adaloで日本語を正常に入力できず表示がおかしくなるとき

環境

症状

入力例

やってみたこと

原因

解決策

参考にしたページ

【Adalo】以前のマジックテキスト情報が残るフォームをリセットする方法

空のはずのフォームに前回読み込んだ情報が残ってしまう

画面遷移時にフォームを空にしてみる

解決策はダミーレコードの作成＆削除をはさむ

フォーム表示前か？画面を閉じる後か？

シリアル日付時刻で計算した数値を時間表示にする計算式

シリアル値から経過時間を計算したい

出勤日時とシリアル値

退勤日時とシリアル値

経過時間の計算

シリアル値から時間表示に変換

AdaloとExcelによる現在日時シリアル値の誤差について

日付のシリアル値に誤差が出る

日時シリアルについて

誤差を埋める方法

Adaloに入れる計算式

【NoCode】SheetDBを使用してAdaloとGoogleスプレッドシートを連携する

AdaloのデータベースにGoogleスプレッドシートを使いたい

見つけた似たようなサービス

手順

SheetDBにGoogleスプレッドシートを登録

SheetDBにアクセス

Googleアカウントを選択

[CREATE NEW]をクリック

GoogleスプレッドシートのURLをコピー

SheetDBの画面にURLを貼り付ける

APIキー（API ID）作成完了

Adaloの外部コレクションにSheetDBのURLを登録

[START INTEGRATION TRIAL]をクリック

[START INTEGRATION PACK TRIAL]をクリック

[+ADD COLLECTION]をクリック

API IDを貼り付け

[NEXT]ボタンをクリック

接続テスト

接続テスト成功！

外部コレクションに表示が増えた！

AdaloからGoogleスプレッドシートを操作できた

【NoCode】ノーコードアプリと外部のスプレッドシートのAPI連携についてのメモ

Adaloと外部DBとの連携

WEBアプリで良いならGlideかAppSheet