Simple Shopping List｜簡単に共有可能なお買い物リストを作るWebアプリ

作ったもの

「Simple Shopping List」
こんなことができるWebアプリです！
* お買い物リスト／ToDoリストを簡単に作成できる
* 作ったリストはURLを知ってる人だけアクセスできる
* 同時にリストの更新ができる
* ログイン・ユーザー登録は不要なので、とにかく簡単にはじめられる

作ろうと思った理由

スーパーへの買い物を担当しているのですが、妻から毎回手書きのメモを渡されます。しかし、手書きメモにある食品をすべて買えたことってほとんどない！！
私が単にダメ男という理由もあるのですが、なぜ購入漏れが発生するか考えてみると、
* リストの消し込みができない
* リストを売り場順にソートできない

この辺が理由なんじゃないかな？と考えました。
これって、手書きではなく、まさにアプリ向けじゃないか？と思っていつか作りたいなと思ってたのですが、今回のイベントでお題がHomeということで、開発に至りました。

こだわったポイント

「入力の簡単さ」

お買い物リストや、単純なToDoリストですが、買いたい商品名など単純なテキストのみのリストになるかなと思います。なので、タップ数をとにかく少なく、テキストエディタにダーッと書けばリストになるといったUIを目指しました。

• タップ数を減らす
• 改行でリストが自動で作成される

こんな感じになりました！！

スマホでも動きます！ぜひスマホで試してほしい。

「作ったリストの共有・同時更新」

1つのリストを複数人で共有して、同時に更新できます！
リストはURL限定公開です。リストにアクセスできるのはURLを知っている人のみ。
更新した内容はリアルタイムで一緒にリストを見ている人に反映されます！

使った技術

• Vue.js
• firebase
  firebase便利！

イベントへの感想

何とか間に合ってよかった...
今回のアプリも開発していると、色々と作りたい機能や拘りたいデザイン調整とかが出てきて、これでは1週間では無理だ！みたいな気分になってたりしてました。いつものことですが笑。今回のイベントは1週間と非常に厳しい制約と、それを当然のようにクリアしてくる（なんなら数日でリリースされてる）参加者さんに背中を押され、リリースに向けた最小構成に機能をまとめるみたいな考えに向かうことができました。
みんなすごい...