おすすめ記事

おすすめ記事一覧

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

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!

 

 

 

 

 

Katsu

Katsu

高校まで日本で育ち、大学からアメリカ・ニューヨークへ。マスメディア、ジャーナリズム、インターネットメディア戦略を専門に修学。コロナ禍でオンライン主体になりつつある世の中で、記事が何かの手助けになれば幸いです。







関連記事

  1. Adalo Resource・画面とコンポーネントベーシック

  2. Adalo Resource・FAQ一般的な質問

  3. 記事作成

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

  4. Adalo Resource・Googleを使ってサインイン(スクリーンとコンポーネントセクション)…

  5. 特集記事

    ノーコードで爆速モバイルアプリ作成!オススメツールを紹介

  6. 記事作成

    Bubble・API使用ケース&APIを使う

  7. Adalo Resource・カラーとフォント(ブランディングセクション)について

  8. 会社ロゴ

    .bubble

  9. tribe

    Tribe

人気記事

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

おすすめ記事一覧

  1. 記事画像
  2. Bubble
  3. top_image
  4. 記事画像
  5. 記事画像
PAGE TOP