実際に作成したSNSで彼氏とやり取りしている様子
メンヘラテクノロジーの高桑蘭佳です。
最近、彼氏がLINEの返信をちゃんとしてくれない件でケンカしました。
もう少し詳しく説明すると、私が彼氏に複数のメッセージを送ったとき、最新のメッセージにしか返信をしてくれず、他のメッセージは無視されてしまうことが度々あり、私は不満に感じていました。
しかし、彼氏によると、「面白かった動画のシェアとか、今〇〇しているとか、返信がいらないような内容のメッセージも多くて、どれに返信したらいいのかわからなくて面倒臭い」とのこと。「俺とのLINEをTwitter代わりにしないで」とも言われました。
とはいえ、Twitterで共有したい内容と彼氏だけに共有したい内容は違うので、私としては彼氏とのLINEをTwitter代わりにしていたわけではないのです。
そんな問題を解決するために、今回は彼氏と自分専用のSNSを作ってみました。（Twitterの鍵垢で彼氏だけにフォローしてもらうという方法もありますが、作ってみたかったので……）
今回使用したツールはノーコードでウェブアプリを開発できる「Bubble」です。
実際に作った彼氏と自分専用SNS
実際に作ったウェブアプリはここからアクセスできます。
1.アカウント作成画面
icon、email、name、password、invention codeを入力してアカウントを作成できます。
invention codeを彼氏だけに教えて、他の人はアカウントが作成できないように作りましたが、上記のウェブアプリでは「1234」と入力してもらえればアカウントを作成できます。
2.ログイン画面
アカウント作成時に入力したemailとpasswordでログインできます。
3.ホーム画面
作成したSNS上で投稿しているイメージ。一部、太宰治著『人間失格』より引用。
右上の投稿ボタンから125文字以内のテキストを投稿できます。左上のアイコン画像をクリックすると、ログアウトできます。
今回はBubbleの使い方を簡単に覚えながらでしたが、2時間強で完成しました。体感ではまったく同じものを再度作ろうと思っても、30分もかからなさそうです。簡単に作れすぎて驚きました。シンプルな機能で、デザインも適当ですが、ノーコードだからできるスピード感だと思います。
作り方の紹介
この記事では公式サイトにアクセスし、アカウント登録した後の1.環境構築→2.データベース設定→3.画面作成→4.ワークフロー設定→5.デプロイの流れを簡単に紹介します。
1.環境構築
ログイン後の画面の「Create a new app」から新規アプリを作成します。
アプリ名などを設定し、「Create a new app」をクリックしたら環境構築は終了です。
2.データベース設定
アプリの編集画面が立ち上がるので、「Data」のタブからデータベースを設定します。
まず、デフォルトで用意されている「User」のテーブルに「name（text形式）」と「icon（image形式）」の項目を追加します。
「Create a new field」から「Field name」と「Field type」を入力して、「CREATE」を押すと項目が追加されます。
次に投稿テキストを保存するテーブルを作成します。
「New type」の部分に「Tweet」と入力し、「Create」をクリックすると「Tweet」という名前のテーブルが作成されます。このテーブルにさきほどと同様に「Tweet_text（text形式）」という項目を追加しました。
以上でデータベースの設定は完了です。
この連載の記事
- 第304回 企業人としての事業・プロジェクトの終わらせ方
- 第303回 画像生成AIで自作キャラのジオラマアクスタができたぞ〜〜〜！！！
- 第303回 画像生成AIでオリジナルキャラのLoRAができたぞ〜〜〜！！！
- 第302回 「好きな人にSIMは差せますか？」メンヘラとギャルとアイドルが“通信”についてガチで考えた結果【運営レポ】
- 第302回 私の”2年間目標”教えます
- 第301回 人生を変える「2年間目標」の立て方
- 第300回 最新の「Apple Watch」を健康アイテムとして買った 身体というハードウェアがくたびれてきたので
- 第299回 装着式ロボットを組み立てて、撮る
- 第298回 円形のオーディオスペクトラム作ったんですが、Adobe AEの使い方を学ぶよりChatGPTに聞きながらPythonで実装する方がラクでした（個人的に）
- 第297回 子育てしながら働きはじめ、年間目標ならぬ“2年間目標”を立てました
- この連載の一覧へ
