ノーコードでアプリ開発をやってみたいと思ったときにおすすめなのが「Adalo」です。
Adalo(アダロ)は、簡単にアプリが作れるノンプログラミングツール。
プログラムコードを知らなくてもアプリ製作が可能なツールです。
ここでは、アプリに画像を表示できる「Web View Component(ウェブビューコンポーネント)」を紹介します。
Adalo
![](https://hikari-sedori.com/wp-content/uploads/2020/09/2020y09m01d_202236230.jpg)
Adaloは、ノーコードで使えるアプリ開発ツールです。
⇒ https://www.adalo.com/
Adaloを使用するには登録が必要です。
登録方法やエディタ画面は別記事に書いていますので、下記の記事を参考にしてください
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
Web View Component(ウェブビューコンポーネント)
Web View(ウェブビューコンポーネント)は、画像を表示できるコンポーネントです。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m08d_205729319.jpg)
アプリにWebサイトを表示することができます。
Simple COMPONENTの中に、Web View Componentがあり、追加することができます。
![](https://hikari-sedori.com/wp-content/uploads/2021/01/2021y01m28d_110529865.jpg)
Adaloのエディタ画面の+からコンポーネントを追加することができます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m08d_100257086.jpg)
Simpleでは、以下のようなフォームとフィールドがあります。
Simpleコンポーネントの中にWeb View Componentがあり、画像を表示することができます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m08d_205803674.jpg)
ここでは、adaloのWeb View(ウェブビューコンポーネント)を紹介します。
Web View(ウェブビューコンポーネント)
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m08d_205609742.jpg)
Web Viewは、Webページを表示することができるコンポーネントです。
Webページを表示するにはUrlを入力します。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m08d_205741218.jpg)
ここでは、独学ノーコードのサイトのURLを入力しました。エディタ画面では表示されないので、確認はプレビューで行います。
下のEDIT STYLEをクリックすると、スタイルの編集が行えます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m08d_205748979.jpg)
【Web ViewのEDIT STYLE】
- Fixed:Top、Bottom、None
- Size:サイズ
- Opacity:不透明度
透明度などはEDIT STYLEで変更できます。
Web Viewを削除したい場合は、上部の詳細から行えます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m08d_094236550.jpg)
詳細の中にDelets(削除)があり、ここで削除することができます。
今回は、「AdaloのWeb View Component(ウェブビューコンポーネント)」を紹介しました。
ノーコードツールのAdaloを使用する時の参考になればと思います。
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
⇒ コンポーネントとスクリーンの追加設定
⇒ Adaloのナビゲーションコンポーネント
⇒ YouTubeを表示するコンポーネント
コメントを残す