実際に作成した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形式）」という項目を追加しました。
以上でデータベースの設定は完了です。
この連載の記事
- 第319回 歌声合成ソフト「UTAU」でオリジナルキャラを歌わせてみた
- 第318回 DTM勢がAIで作曲したら、AIの得意分野と苦手分野が見えてきた
- 第317回 ものづくり版コミケ「Makerフェア」2024年は面白かった。出展者の世代交代もなされているように見えた
- 第315回 0歳児、いつから保育園に? 女性の働き方、とことん考えてみました
- 第315回 推しの細胞がついた指輪を作ってもらった
- 第314回 おしゃれすぎるファン付きウェアを買って重要な問題に気付いた
- 第313回 0歳児がいながら、働く。ベストなやり方は？
- 第312回 パートナーの反対で転職できない問題
- 第311回 YouTubeの再生を止めないために画面を自動でタップする機械を作った
- 第310回 地方に移住したいが、東京にとどまるべきか
- この連載の一覧へ
