40分くらいでXみたいなアプリを作ってみよう

こんにちは。

ノーコードでアプリを作っているwakakusaと申します。

今回は僕が公式ラインで配布している資料を一部公開します。

もしノーコードアプリ開発に興味のある方は一度DMしてみてください

とりあえずX(Twitter)みたいなアプリを作ってみましょう

小学生でもこのくらいのアプリは作れるようになります

まずはGoogleで「adalo」と検索します

一番上をクリックします

右上の「サインアップ」をクリックします

アカウントを作ります

画面上部の「矢印」をクリック

ここまできたら一旦完了です

「データベース」とはこういうものです

データベースを作っていきます

データベースって言葉がかっこいいですよね

画像を入れる箱を作っていきます

データが作れるようになったら取り出せるようにしましょう

ユーザーログイン画面で「ユーザー画像」を登録できるようにします

左側から「フォーム」の選択画面が出てくれば完了です

ユーザー画像を登録する画面を作ります

データが反映されるところを作ります

データベースの中に保存されている

ログインしているユーザー（この画面を開いているユーザー）

のユーザー画像を表示するように機能を組み込んでいきます

今やった流れを画像にするとこんな感じ

「まぁこんなのがあるんだな」くらいの理解で十分です

ツイートとついつい言ってしまいます

「ポスト」というデータを入れる箱を作っていきます

ポストを作る画面を作っていきます

ニューんて出てくるやつは「モーダルスクリーン」と呼ばれています

作った画像にパーツを入れていきます

メモ帳を開くか、上のURLを編集するところで文章を打ってコピペしてもいいですね

ボタンに「ボタンを押されたらポストを作りなさい」

という命令を入力しておきます

ポストを作ったら、前の画面に戻る機能を入れてあげないと下の画面に戻ってこれませんwww

データを作ってどっかに表示する

この一連の流れがアプリの基礎です

作ったポストを箱から取り出す作業を作っていきます

まずはポストが表示されるパーツを置いていきます

リストとはデータを一覧で表示してくれる便利なパーツです

このパーツをどのように扱うかでアプリの性能が変わったりします

データが入力したデータが表示されていればオッケー

データが独立しているとアプリが「誰の投稿なのか」を認識できません

アプリ同士を紐付けてあげる必要があります

これを「リレーションシップ」と呼びます

データ同士の関係性を選択します

データを繋げることができたので

「ポストを作った人」のプロフィール画像を表示することができます

ポストを作った人のプロフィール画像が表示されてればOKです

こんな感じでデータを入力→表示までのプロセスができれば原始的なアプリが完成します。

わからないという人はDMしてみてくださいね