おすすめ記事

おすすめ記事一覧

Adalo Resource・キーボードショートカットの使い方、動画や音声の埋め込み方法(YouTube、Vimeo、SoundCloud)、アプリ間でデータベースを共有する方法

最終更新日:2021.10.13

Adalo - Build Your Own No Code App

みなさんこんにちは。いかがお過ごしでしょうか。4月に入り新年度を迎え、各所で新入社員の入社式や学校の入学式が行われていますね。おめでとうございます。今年度も張り切っていきたいものですね。さてこの記事はノーコードツールAdaloのAdalo Resourceを元にチュートリアルセクションより「キーボードショートカットの使い方、動画や音声の埋め込み方法(YouTube、Vimeo、SoundCloud)、アプリ間でデータベースを共有する方法」をお届けします。タイトルが少し長めになりましたが、内容はそこまでハードではないと思いますので、早速いってみましょう!

キーボードショートカットの使い方

キーボードショートカットを使えば、アプリケーションデザインの中をより速く移動することができます。

Zoom In: Command(mac)またはControl(pc)キーを押しながら+キーを押す

Zoom Out: Command(mac)またはControl(pc)キーを押しながら-キーを押す

Scroll left/right/up/down:矢印キーでアプリ内を移動する

Copy item:コピーしたいアイテムをクリックし、Command(mac)またはControl(pc)のcキーで

Paste item: コピーしたい項目をクリックし、Command(mac)またはControl(pc)のvキーをクリックする

Restore/Redo Item: アイテムを削除したり、あるエリアに移動させた後、元の場所に戻したい場合は、Command(mac)またはControl(pc)を押しながらzキーを押す

Select Multiple Items: シフトボタンを押しながら必要な項目をクリックする

Grouping Items: 複数のアイテムを選択すると、左のバーにグループ化の指示が表示されるので、これをクリックするか、Command (mac) または Control (pc) と g キーを組み合わせる

Display Screen Connections: Shift + Lを押すと、画面がどのように接続されているかを矢印で表示するので、この機能は、左側の設定ギア > ディスプレイ設定 > 画面の接続からオン/オフを切り替えることができる

動画や音声の埋め込み方法(YouTube、Vimeo、SoundCloud)

YouTubeやVimeo、Soundcloudなど、埋め込み可能なリンクを使って動画やオーディオを紹介したいと思いませんか?その方法をご紹介します。

手順は以下の通りです。
1) データベースに、リンクを入力するためのテキストタイプのプロパティを作成する
2) リンクが埋め込まれたバージョンであることを確認する 例: https://youtube.com/embed/videoID (https://www.youtube.com/embed/qicS8eZh-cs)
3) [Add a Component]をクリックする
4) 「Web View」を探して選択する
5) Web Viewコンポーネントをドラッグして、デザインに合わせてサイズを変更する
6) magic text ボタンを使って、データベースからプロパティフィールドを入力する

YouTubeでの埋め込みリンクの探し方

Vimeoでの埋め込みリンクの探し方

SoundCloudの埋め込みリンクの探し方

アプリ間でデータベースを共有する方法

データベースの共有に必要なすべての情報

この項では、 AdaloでモバイルアプリとWebアプリの間でデータベースを共有する方法 をご紹介します。

まず、データベースの構築から始めましょう。このチュートリアルでは、”Plants “というシンプルなデータベースコレクションを作成し、”Name “のテキストフィールドと “Image “の画像フィールドを設定しました。また、ウェブアプリを先に立ち上げた場合は、モバイルアプリに引き継がれます

1, Adalo画面の上部に移動し、ドロップダウンメニューをクリックする
2, “Create New App “をクリックする
3, モバイルアプリかウェブアプリかを選択する
4, テンプレートタイプを選択し、名前をつける
5, “詳細オプション “をクリックする
6, データベースの共有をクリックする
7, 共有したいデータベースを選択する
8, アプリの作成をクリックする

これで Adaloの中のアプリ間でデータベースを共有した ことになります。

クローン可能なWebアプリケーションの詳細は下記リンクより

https://previewer.adalo.com/0472afd3-effb-42dc-800b-8f1ac3bd3765?target=eob45i0g3r0c11xvm4f3qfxcv&params=%7B%7D

クローン可能なMobileアプリケーションの詳細は下記リンクより

https://previewer.adalo.com/808eaea8-fbd1-4795-9079-aad8c748e639

まとめ

いかがだったでしょうか。タイトルが長かった割には本文の中身はそこまで複雑ではなかったのだろうと思います。また、操作方法はYouTubeリンクや添付写真を参考にしていただければ幸です。次回の記事でもチュートリアルの操作方法を取り上げますので、ぜひそちらもご覧ください。それではまた別の記事でお会いしましょう。See You Soon!

 

 

 

 

 

システム見直し本舗編集長 三ツ谷直臣

システム見直し本舗編集長 三ツ谷直臣

日本に限らず海外のSaaSの紹介や、SaaS特集記事を取り上げていきます!
ご相談・お問い合わせは下記リンクよりお願いします。
https://andd.live/contact/







関連記事

  1. 記事作成

    Bubbleのテンプレートの使い方&(ベータ版)Figmaからのインポート(取り込み)

  2. 記事作成

    Bubbleのカスタムフォントと設計時のコツを解説してみた!!

  3. 記事作成

    BubbleのAgencyプランとテンプレート・プラグイン販売について解説!!

  4. 記事画像

    発注者も必見!ノーコードツールで開発を行うメリット13個

  5. 記事作成

    BubbleのDNSレコードの設定を徹底解説!!

  6. 記事作成

    Bubbleのアーキテクチャ最適化とエンジンの限界について解説!!

  7. SaaSロゴ

    Landbot

  8. 特集記事

    爆速でスマホアプリ開発!Adaloとは?

  9. 記事画像

    Glide、Adalo、bubbleとは?アプリケーション開発向けノーコードツール3つを比較

人気記事

  1. topimage
  2. 記事画像
  3. Collaboration
  4. 特集記事

おすすめ記事一覧

  1. 勤怠管理
  2. 記事画像
  3. top_image
  4. 記事画像
  5. 記事画像
PAGE TOP