📑

速攻でMiroに付箋メモるPWA作った

2022/09/03に公開
1

要約

  • 思いついたことを速攻でMiroの付箋にできるように、PWAアプリを作ったよ
  • せっかく思いついたアイデアを忘れないように、思考の一端をメモ、あとからマッピング・整理できるようにするためだよ
  • よかったら使ってみてね

作ったもの

https://memomiro.netlify.app/

動画

高画質版はこちら

Miroのボードに付箋を追加するだけのアプリです。
PWAに対応しているので、ホーム画面に保存することで
アイデアを思いつく→速攻アプリを起動→付箋を残す
ができるようになります。

使い方

2022/12/17追記:
Wikiページにまとめました!こちらを御覧ください!

Miroとは

https://miro.com/ja/

オンラインホワイトボードツールです。
今回は個人での利用を想定していますが、複数人で共同作業するのに向いています。
付箋の他にも矢印など思考の整理・図式化にも便利です。

なぜ作ったか

私はアイデアを考えるのが苦手です。

アイデアを生み出せるようになるには、 普段の思考を切れ端を忘れないようにし、それらをシナプスのようにつなげて構造化したり、関連させることでアイデアを生み出せる のではと考えました。

そのために、普段の思いつき・アイデアを忘れずメモし、それらを関連づけ・構造化できる仕組みが欲しいと考えました。

関連づけと構造化についてはMiroの得意とするところなので、そこに後から整理可能な形で、かつ極めてローコストでアイデアをアウトプット出来る仕組みがあればやりたいことができそうだと思い、作ってみました。

どう作ったか

フロントエンドだけのごく単純な作りになっています。

  • React
  • Vite
  • VitePWA
  • MiroAPI

ViteでPWA作るのはまだ難しいのかなと思いましたが、既にプラグインがあって簡単に実装できました。

作ってみてどうだったか

思いついてからはごく短い時間で作れたので、エコシステム様々ですね。
実際に使ってみるのはこれからなので、自分でもどのくらいワークするか検証してみようと思います。
アイデアの書き留めはもちろん、それらの関連づけなどは整理の時間をとったりが必要だな〜と思っています。

ツールとしてはどなたでもお使いいただけるので、よろしかったらぜひ使ってみてください!

GitHubで編集を提案

Discussion