見出し画像

モクモクの楽しみ方

※21年8月3日現在、モクモクテスト版、非公開にしています。
8月9日(月)に改めて公開予定です。

大前提として

モクモクはPCで楽しんでいただけるオンラインワークスペースです。PCで仕事をしながら、作業をしながら、ブラウザを立ち上げて、みんなと同じBGMを聞いたり、チャットすることができます。

スマホで閲覧も可能ですが、完全にレイアウト等が崩れて見づらい&使いづらいと思いますので、是非PC作業のおともにお使いください。

ーー以下、基本的な利用法をまとめていますーー

新規登録・ログイン

スライド2

サイトを立ち上げたら「メールアドレス」「パスワード」「お名前」を登録して、ログインしてください。

スライド3

ホーム画面に「各部屋(ワークスペース)」が並びますが、初期段階はこちらの通りまだ部屋がない状態です。ユーザーさんは、ここで

1,自分で部屋を立ち上げる(以後、それをホストユーザーと呼びます)

2,興味のある部屋に入室する(以後、それをゲストユーザーと呼びます)

の2つのアクションが可能です。本noteでは、ゲストユーザーさんの流れを中心にご説明します。

プロフィール更新

スライド4

ヘッダーの右端にあるアイコンからプロフィール更新画面にいけます。こちらでは、プロフィール更新(自己紹介や顔写真など)とあわせて、ゲストユーザーとして部屋をつくって、そこで流すBGMをストックすることが可能です。

BGMをチョイス

テスト版ではBGMはYoutubeのリンクを張り付けることで設定される使用になっています。LofiHIPHOPはモテる!と聞いたので、センスの良さそう(と思ってもらえそう)な音楽をチョイスします。※もちろん、各ユーザーさん好きな音楽を選んでください。

スライド5

BGMを追加

コチラの画面の通り、好きなBGMのYoutubeのURLとタイトルを設定すれば、BGMの追加(各ユーザーごとにストック)が完了です。

スライド6

部屋をつくる

いよいよ部屋をつくってきましょう。ヘッダーの左端のロゴマークをクリックすると、ホーム画面に戻れますので、一度戻っていただき「新しく部屋をつくる」をクリック。

スライド7

集中して仕事を進めるために、各部屋には制限時間を設けます。30分刻みで、30分~最大3時間まで。この制限時間とBGM(自分のストックした音楽からチョイス)、それから部屋の名前を決めると、部屋が出来上がります。

スライド8

こんな☝感じ。

部屋へのリンクは、ゲストユーザーのアイコンと部屋の名前が並んでいる部分をクリック。※Youtubeのサムネイルをクリックしても部屋には入れませんので注意です!

モクモク集中する

以上、プロフィールを更新したり、BGMをストックした上で部屋をつくるまでの一連の流れを説明しましたが、もちろん、部屋をつくらなくて、他のユーザーさんがつくった部屋に参加する、というだけでもOKです!

スライド9

左部分、上段に部屋に一緒にいるホスト&ゲストユーザーの一覧が並んでいます。また左部分では部屋の中にいるユーザーさん同士チャットすることも可能です。

ヘッダーの右端部分に、制限時間の表記があります。最初にホストユーザーさんが設定した時間が経つと部屋は自然に消失しますので、ご注意ください。

補足(いいわけ!?)

完全に僕の開発力不足なのですが、例えば、PC画面の倍率をいじると、結構がっつりとレイアウトが崩れてしまいます。また、BGMの設定などの時に、前に入力した値が残っていて、サムネイルが最新のものにならない場合があります。※リロードを何回かすると、この問題は解決されます。

ひとつひとつ改善していいって、居心地のよい場所(それでいて集中できる場所)になるよう頑張ってまいりますので、最初のうちだけ、諸々多めに見ていただけたら嬉しいです。

「ほかのユーザーさんと”時間を共にしている”と思えて」「人気(ひとけ)を感じることができるので、より集中できる」そんな場所をオンラインでつくれるよう頑張ります。今後とも宜しくお願いします。


※21年8月3日現在、モクモクテスト版、非公開にしています。
8月9日(月)に改めて公開予定です。


ここから先は

191字
モクモクβ版リリース(2021年10月初旬)までの紆余曲折を日記形式でお届けします。ご購入いただいた方には、アプリのテスト利用等もにご招待いたします。

モクモク開発日記

¥100 / 月 初月無料

離れたところにいても、同じ音楽聞きながら一緒にもくもくと作業できるアプリ「モクモク」の開発の進捗をお届け。

この記事が気に入ったらサポートをしてみませんか?