ダミー

【Adalo】フォームに入力された内容をメールで送信する【Zapier】

ノーコードでアプリ開発のできるAdaloの使い方。今回はフォームに入力されたメールの送信方法です。
Adalo
https://ja.adalo.com/

Adaloではフォームに入力された内容がAdalo内のCollection（データベース）に書き込まれ、管理者にメール送信する機能はありません。したがって、メール送信するためには別のサービスを使う必要があります。ここではさまざまなアプリやツールを連携されることができるZapierというサービスを利用して、AdaloとGmailを連携させます。
Zapier
https://zapier.com/

はじめに

ZapierでAdaloとGmailを連携させる前に、メール送信したいAdaloのCollectionに最低1レコードのデータが入っていることを確認しておきましょう。（レコードがなくても設定はできますが、レコードがある方がわかりやすいです。）

新しいZapを作る

Zapierのアカウントにログインしダッシュボードの左メニューにある「+Create Zap」ボタンをクリックします。

1-1.Trigger – App & event

新しいZapには名前がありませんので、左上の「Untitled Zap」に適切な名前を付けましょう。日本語も使えます。
TrigerではZapをスタートするきっかけを設定します。今回の目的は「AdaloのCollectionに新しいレコードが追加されたとき、Gmailメールを送信する」ですから、AppはAdaloを選択します。

続いてeventはNew Recordを選択します。

「Continue」ボタンで次に進みます。

1-2.Trigger – Account

Adaloのアカウント情報を入力します。これでAdaloとの連携ができます。

1-3.Trigger – Trigger

すでにAdaloアカウントと連携ができましたので、Adaloアカウント内にあるAppとCllectionが表示されます。メール送信するアプリとコレクションを選択し「Continue」ボタンをクリックします。

1-4.Trigger – Test

「Test Trigger」ボタンをクリックします。このときはまだメールは送信されません。

AdadloのCollectionの内容が表示されているか確認して「Continue」ボタンをクリックします。

2-1.Action – App & event

Triggerの設定が完了したら、「+」ボタンでAction―つまり「Triggerが起こったとき何をするか」を設定します。今回の目的は「AdaloのCollectionに新しいレコードが追加されたとき、Gmailメールを送信する」ですから、ActionのAppはGmailを選択します。

Eventは「Send Email」を選択し、「Continue」ボタンをクリックします。

2-2.Action – Account

Gmailのアカウント情報を入力します。これでGmailとの連携ができます。

2-3.Action – Action

送信するメールを作ります。入力する以外に、既に連携させたAdaloのCollectionのフィールド名を選択することもできます。

2-4.Action – Test

メールヘッダと本文の設定ができたらテスト送信し、最後に「Publish」ボタンをクリックします。
※メールが届いたから成功！と思ってPublishを忘れないようにしましょう。

ノーコードでアプリ開発のできるAdaloの使い方。今回は二つのAdalo―例えば開発用とリリース用や開発者用と発注者用のなど二つのAdalo間でアプリを移行する方法をご紹介します。
https://ja.adalo.com/

Adaloのプランについて

Adaloには無料で使えるプランからさまざまなプランが用意されていますが、アプリを移行する場合移行元Adaloと移行先Adaloが共にApp StoreやGoogle playにアプリを公開できるプロフェッショナルプラン（以上）であることが必要です。
https://ja.adalo.com/pricing

移行元Adaloですること

左メニューでSetting ＞ App Accessの「Allow anyone to clone this app?」を
「Cloneable(Screens & Data)」に設定します。

設定を変えるとCloneable Linkが生成されるのでリンクURLをコピーし「OPEN」ボタンをクリックします。
シェア画面には「CLONE APP」ボタンが出来ています。

移行先Adaloですること

移行先Adaloにログインして先ほど生成されたCloneable Linkにアクセスし、「CLONE APP」ボタンをクリックします。これだけで、移行先AdaloにDBも含めたアプリが移行されます。

移行元Adaloの設定を戻すのを忘れずに

移行元Adaloの Setting ＞ App Accessの「Allow anyone to clone this app?」を
「Not Cloneable」に戻しておきましょう。

石造文化財アイコン「長慶（Chokei）」

みなさんの普段通る道に、お地蔵さまや古い道標などの石造物はありませんか？
実はあるけど、普段気にしていないから目に入らないだけかも知れません。
そんな街角の石造物を調査している団体やグループがあります。
この度、歴史と地図に特化したIT開発を手がけている Code for History さまのご依頼を請けて石造物の位置をマップ上にマーキングするアイコンを制作しました。
石仏情報学会

石造物アイコン

「石造文化財アイコン 長慶(Chokei)」としてオープンデータで公開されました！

Code for History さまによって石造文化財アイコン 長慶(Chokei)としてオープンデータで公開されています。必要な方はルールに則ってご利用ください。
https://github.com/code4history/IconForStoneAssets
プロジェクト名「長慶(Chokei)」は奈良に多くの石造物を残した奇豪、「吉村長慶」から採ったものです。

11月29日プレスリリースが発行されました

歴史と地図に特化したIT開発を手がけているCode for Historyが、石造文化財をアイコンとして表示できる「長慶（Chokei）」を11月11日に公開
https://www.value-press.com/pressrelease/308926

利用例1：令和館林石造物悉皆調査

館林には50年前の有志によって調査された、市内石造物の準悉皆調査があります。石造物の種別、年代、サイズなどだけでなく、刻銘なども判読された貴重なデータなのですが、反面、写真や正確な位置などはなく、現況との突合せは不可能な状況です。加えて、デジタル化もされておらず、統計/集計操作などもできない状況です。このまま現況との突き合わせがなされず、さらに将来になって突き合わせが困難になれば、せっかくの調査が死に体のデータとなってしまいます。そのため現況とのつきあわせ調査を行い、それをオープンデータ化するためのプロジェクトを始めました。

https://code4history.dev/TatebayashiStones/

利用例2：奈良地蔵プロジェクト

奈良市の道端の地蔵堂や小祠、石仏などをオープンデータ化するプロジェクトです。奈良市では、街角の小さな祠や石仏ですら、1300年、700年といった歴史を持ち、さらに マンションの土台にすら、地蔵の置き場が設計の上組み込まれるほど、現代にまで信仰が根付いています。都会のコンビニ以上の密度で存在する、小さく身近な信仰の場にあふれているのですが、残念ながら奈良市民には身近すぎるためかその魅力に気付いておらず、平城宮や世界遺産は宣伝しても、こういった身近な魅力を宣伝したり、外国人に説明しアピールしたり活動はありません。そこで、奈良市の祠、石仏をリストアップして紹介し、誰もが使えるオープンデータとして提供することで、新たな教育や街づくり、観光ビジネスの可能性に繋がると考え、2016年活動を開始しました。

https://code4history.dev/JizoProject/

インストールして月日がたったWordPressをメンテナンスしようとしたとき、このプラグイン何？誰が入れたの？前から入ってた？私は入れてないけど…なんてことにならないように、プリグインリストは必ず作るようにしています。

一方、レンタルサーバー各社は、「簡単インストール」「クイックインストール」などの呼称で、誰でも簡単にWordPressのインストールができるツールを準備しています。最近ではデータベースを触らなくても自動的にWordPress用にテーブルを作ってくれたりして、インストールのハードルがますます下がっていますね。それに伴い、自動的インストールされるプラグインもあります。そこで、サーバー会社のツールを使ってWordPressをインストールしたときに、自動的に入るプラグインの一覧を作りました。WordPress

さくらインターネット（調査時期：2022年8月）

  • Akismet Anti-Spam (アンチスパム)
  • All In One WP Security
  • Autoptimize
  • Classic Editor
  • Disable Google Fonts
  • Hello Dolly
  • ImageMagick エンジン
  • Protect Uploads
  • TS Webfonts for SAKURA RS
  • WP Multibyte Patch
  • WP Super Cache

けっこういろんなプラグインが入りますね。
TS Webfonts for SAKURA RSは、モリサワ社のWebフォントが使えるサービスです。さくらインターネット社がモリサワ社と契約をしていて、さくらインターネットユーザーがモリサワフォントを使えます。

GMO―ロリポップ、ヘテムル（調査時期：2022年6月）

  • Akismet Anti-Spam (アンチスパム)
  • Hello Dolly
  • WP Multibyte Patch
  • Site Kit by Google
  • SiteGuard WP Plugin

必要そうなプラグインがいい感じで選択されていますね。

X-server（調査時期：2022年10月）

  • Akismet Anti-Spam (アンチスパム)
  • Hello Dolly
  • TypeSquare Webfonts for エックスサーバー

シンプルです。余計なプラグインは何も入らないようです。
TypeSquare Webfonts for エックスサーバーは、モリサワ社のWebフォントが使えるサービスです。X-server社がモリサワ社と契約をしていて、X-serverユーザーがモリサワフォントを使えます。

まとめ

クイックインストール/簡単インストール などのツールを使ってWordPressをインストールしたときは、まずどんなプラグインが自動的にインストールされているかを確認し、そのサイトに不要であれば削除してから、必要なプラグインをインストールしましょう。

cssの@importの廃止が近づき、やっと@useに移行しようと考えてる方も多いでしょう。ここではVSCodeの拡張機能で多くの人に使われているLive Sass Compilerを使ってコンパイルします。難しいことは他のサイトに任せて、まずはごく簡単な_test.scssというscssを作ってテストしてみましょう。

.hoge{
  .red{
    color: #F00;
  }
}

これをstyle.scssに@useで読み込んでみます。@useではパーシャルscssのファイル名の「_」と、拡張子を省略します。
なので、style.scssはこんな感じです。

@use 'test';

そして保存すると、自動的にjsonで設定しておいたフォルダにstyle.cssが書き出されている…はず。

Success

「Success」も出てますよね。
確かにstyle.cssが出力されています。
早速、style.cssの内容をみてみましょう。

@use 'test';

え？ナニコレ？コンパイルされてない。こんなシンプルなscssが！？
Successって出てたのに、どうして…？
@importならコンパイルできていたのに。
調べたところ、そのPCに古いバージョンのLive Sass Compilerが入っていました。
ｖ3.0.0は@useをコンパイルできません。

現時点の最新はｖ5.4.0です。

これからLive Sass Compilerをインストールする方もご注意ください。検索で複数出てきます。

おすすめ記事