ToDoマップ

コンセプト

目標達成のGoogle Map

現状から目標までのギャップをToDoで繋げ、地図に変換・ルート案内するアプリ

デモ

最新のデモはこちらから

目次

• ToDoマップ
  • コンセプト
  • デモ
  • 目次
  • キーワード
  • 概要
  • 操作方法
  • 参考
    • モック作成時に参考にしたデータ
    • TODOタスク設定時に参考にしたデータ

キーワード

目標達成, ゲーミフィケーション, 言語化と逆算, 理想と現実のギャップ, 短・中・長期目標, 計画, 地図, ルート検索

概要

make realで生成したコンセプト(pdf, html)をもとに作成したモックアプリです。

今後の実装としては、

• 現状と目標を自身で入力して、あらゆる目標達成に用いられるようにする機能
• 可能な限り科学的根拠に基づいて中間ノードを自動生成する機能
• サイドバーに一般的なTODOリストを追加し、ノードリンク図と同期して変更や追跡をする機能
• 地図アプリのように、
  • 自身の得意分野から攻略するルート
  • 苦手分野を着実に達成するルート
  • まんべんなくノードを達成して、スキルを盤石なものとするルート
    などなど、ユーザーの意向で任意のルートを選択する機能
• Word2Vecなどでコンセプト間の距離（達成難易度）を自動で計算する機能
• ToDoノードをクリックすることで、そのToDoがなぜ必要なのか、達成するとどのようなメリットがあるかを表示する機能

などを想定しています。

操作方法

• それぞれのノードは、現状（緑）、目標（赤）、ToDo（グレー）を表しています。
• 文字色が緑色のToDoノードは現在の自分が達成することのできる（または既に達成している）ノードです。
• 達成可能なノードを選択すると青色に光り、ToDoが達成されます。
• 理想ノードまでひと繋ぎにToDoを達成すると、それまで達成したToDoが黄色に光ります。次の目標を設定するもよし、引き続き未達成のToDoを進めるもよしです。
• 理想ノードに到達後は、右上のボタンからいつでも次の目標を設定できます。

参考

モック作成時に参考にしたデータ

1. make real・tldraw | makereal.tldraw.com

2. TODOマップ

   1. make realへの入力プロンプト

      

   2. make realの出力

      make realの出力HTML

      

3. TODOリスト サイドメニュー

   1. make realへの入力プロンプト

      

   2. make realの出力

      make real sidemenuの出力HTML

      

TODOタスク設定時に参考にしたデータ

1. メンタリストDaiGo. 超トーク力. CCCメディアハウス, 2021.