【個人開発】調整さんみたいなタスク管理サービスが欲しかったから爆速で作った話

1 min read

はじめに

こんにちは、deppです。
この記事は完全に宣伝です

タイトル通りなんですが、個人で開発したWebサービスを公開しました

みんな大好きToDoリストです

https://openlist.cgig.jp/

動作はこんな感じです
サンプル

なぜ作ったか

12月頃にグループで買い出しをする機会があってスーパーをウロウロしてる時に思いました

「みんなで簡単にタスク共有ができたら効率的なんじゃないか」と

この時欲しいと思ったのは以下のような条件のWebサービスです

  • URLを知っていれば誰でも見ることができる(アプリはインストールがめんどくさいのでNG)
  • タスクの状況が同期される
  • 会員登録はいらない

ひらめき
「あぁ!調整さんのタスク版か!」

軽く調べたんですがいい感じのサービスがなかったので、休日を使ってプロトタイプを作成してみてみました

ここでその時の動画を…と思ったんですがLINEの保存期間が過ぎていたので貼れませんでした

使い方

食材買い出しを例に簡単な使い方を説明します

  1. 誰か1人がリストを作成します
  2. 右上のシェアボタンからURLを何かしらで共有します(QRコード読み取りでも可)
  3. みんながリストを開きます
  4. 各自が必要な商品を持ってきます
  5. レジでお会計します

使い方

システムについて

フレームワークはNext.jsを使用しています

アプリケーションのホスティングにはGoogle App Engine

データベースとしてFirestoreを使用しています

タスク状況の同期に関しては、Firestoreは変更を検知することができる神機能があるので、それを利用しました

https://firebase.google.com/docs/firestore/query-data/listen?hl=ja

雑に再現するとこんな感じ

firebase.firestore().collection(`boards/${boardId}/tasks`).onSnapshot((snapshot) => {
    updateTasks(snapshot.docs);
});

今回は爆速で作りたかったので普段業務で使用しているGAE + Next.jsの組み合わせで実装しました

また、Firestoreを使うことでクライアントから直接データベースを叩けるので爆速で実装することができました

開発しやすい世の中になったことを感じます⚡️

おわりに

初めてのWebサービスなので宣伝手法が分からず、公開してもアクセスが増えることはないという現実を目の当たりにしました😢

なのでこの場をお借りして宣伝させていただきました

いろんな方に使っていただけると幸いです!

私自身もスーパーへの買い出しの時に使用しています(便利