マインドマップ共有アプリを作った
前書き
脳の中を整理できるマインドマップを日頃から書くと良いとよく聞きます。
思考整理や記憶力向上、分析力向上に繋がるといったメリットがあるらしいです。
成功者の方々は毎朝、メモで思考整理を行ってから、仕事に就く方が多いんですってね。
最近では「メモ」「ノート」「マインドマップ」と様々な形態となって売り出されています。
https://www.amazon.co.jp/1%E5%84%84%E7%A8%BC%E3%81%90%E4%BA%BA%E3%81%AE%E3%80%8C%E8%B6%85%E3%80%8D%E3%83%A1%E3%83%A2%E8%A1%93-%E5%B8%82%E6%9D%91-%E6%B4%8B%E6%96%87/dp/4833451166/ref=asc_df_4833451166/?tag=jpgo-22&linkCode=df0&hvadid=296301907375&hvpos=&hvnetw=g&hvrand=8736741484784314460&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1009516&hvtargid=pla-546722777982&psc=1www.amazon.co.jp
https://www.amazon.co.jp/dp/4799320599/ref=sspa_dk_detail_1?psc=1&spLa=ZW5jcnlwdGVkUXVhbGlmaWVyPUExRlpRVlIxRkJGUU4zJmVuY3J5cHRlZElkPUEwNDM3MzA3MjlLMVZKSTJKVDRZJmVuY3J5cHRlZEFkSWQ9QTJCNzkxWkxHVTlYOTgmd2lkZ2V0TmFtZT1zcF9kZXRhaWwmYWN0aW9uPWNsaWNrUmVkaXJlY3QmZG9Ob3RMb2dDbGljaz10cnVlwww.amazon.co.jp
https://www.amazon.co.jp/%E3%83%A1%E3%83%A2%E3%81%AE%E9%AD%94%E5%8A%9B-Magic-Memos-NewsPicks-Book-ebook/dp/B07L67XZSS/ref=sr_1_5?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&dchild=1&keywords=%E3%83%A1%E3%83%A2&qid=1608082244&s=books&sr=1-5www.amazon.co.jp
まぁ私は実践できておりませんが・・・。
アプリを製作した理由
マインドマップを書いたところであまり継続できないよなと思います。
毎朝起きて、マインドマップを書くくらいなら、資格の勉強したいですし・・・。
ただ誰かに見てもらえるなら、継続しようという気が起こる。
一人でチマチマ続けるのって難しいですよねぇ。
TwitterとかFaceBookに投稿し始めると、「なんやこいつ」と思われるかも・・・。
そういう意味では、プライベートの友人に見られるのって恥ずかしいと思う人もいるかもしれません。
「誰が投稿すんねん」
→ 投稿者には継続できる需要と自分をアピールする需要を満たすことができます。
→ あとTwitterなど有名SNSではないので、SNSと比べて、匿名性が高いと思います。
「そんなん誰が見んねん」
→ 就活の人事の方や単に優秀な人の頭の中が見てみたいという層には閲覧の重要があります。
→ 返信機能が存在しないので、誹謗中傷もありません。
登場人物に一定の需要を満たせそうなので、
そこでマインドマップ共有アプリ(プロトタイプ)を作っちゃいました。
こんな感じ
マインドマップの重要性を説く。
タグ検索やユーザー検索もできます。
気になるユーザーを検索して、その人のマインドマップも閲覧可能です。
マインドマップは画像投稿です。
気になるマインドマップをタップして、閲覧できます。
投稿画面はこんな感じ。
タイトルは「一言」で、説明は「マインドマップから得た結論」だけを書くと簡潔だと思います。
Twitterのようなタイムライン型です。
製作まで・使用技術
元々以前からマインドマップ共有アプリは製作していたのですが、あまりにも酷い動作とコードだったので、一から作りました。
正直、最初はプロトタイプ製作でしたので、
Vue、Firebase FireStore・Authentication・Storage、環境構築はDockerです。
なので大量のアクセスが来るとしんどいです。
投稿削除機能、画像投稿、タイムライン機能、ログイン処理、検索機能、タグ機能などを実装しました。
製作期間は大学の合間を縫い、9日くらい。
Vue-Cli、Vue-router、Vuetify、firebase、Vuexなど様々なモジュールを試せたので良かったです。
ブログもその分書けましたし。async/awaitや非同期処理への理解が向上しました。