LoginSignup
66
81

More than 1 year has passed since last update.

Notionで習慣化トラッカーを作ろう

Last updated at Posted at 2023-01-08

はじめに

新年を迎え生活リズムを整え直し、新たなルーティンを作ろうと思い立ちました。

当記事では、Notionで、

  • 習慣トラッカーのテンプレート
  • データベースのプロパティやビューに最適なカスタムアイコンを選べる機能

を使って習慣トラッカーを作る方法を、スクショと共にお伝えします。

できあがりの様子

以下のような習慣トラッカーを作成することができます。

1-1.png

1-2.png

Notionの習慣トラッカーのテンプレートを使用する

Notion公式の習慣トラッカーのテンプレートがあります。

日本語では「習慣トラッカー」、英語では「Habit Tracker」で検索できます。

インフォメーション
テンプレートの言語は、デバイスの言語設定によるようにみえます。お好きな方で!。

  1. 新しいページを作成して、 Templates を選択してください。

    2-1.png

  2. 検索バーに habit と入力して出てくる、 Habit Tracker を選択してください。

    2-2.png

  3. 元の新しいページにテンプレートをもとに Habit Tracker のページが生成されるのが確認できます。

    1. All habits ビュー

      2-3.png

    2. Table view of habits ビュー

      2-4.png

テンプレートボタン + Add a new month の設定を開き、内部のテーブルビューを編集の対象とする

  1. テンプレートボタン + Add a new month にカーソルを当てると右側に表示される歯車ボタン( Configure template )をクリックしてください。

    3-1.png

  2. 設定画面が展開されます。

  3. 設定画面の中のテンプレートに含まれているテーブルビューを編集していきたいので、次に拡大ボタン( Open as full page )をクリックしてください。

    3-2.png

  4. テンプレートに含まれているテーブルビューが、フルページで表示されます。

    3-3.png

Notionのデータベースのプロパティやビューに最適なカスタムアイコンを選ぶ

機能の紹介

2022年12月15日にリリースされた「Notion 2.19」を紹介する公式メルマガに、以下の記載がありました。これはぜひ使ってみたい!🐱

データベースアイコンを選ぶ

一体誰がプロジェクト管理は退屈なものだと言ったのでしょうか?データベースのプロパティやビューに最適なカスタムアイコンを選んで、ワークフローにちょっとした喜びを加えましょう。

タスクやプロジェクトのToDoリストを作成することは、戦いの半分に過ぎません。本当の満足は、最終的にその✔️を見たときに得られます。そして、あなたの2023年がチェックマークでいっぱいになることを祈っています。

4-1.png

データベースのプロパティにカスタムアイコンを選ぶ

Table view of habits ビューはNotion公式テンプレートのままだと以下のような表示になっています。

5-1.png

これらの各プロパティにカスタムアイコンを選んでいきます。

まずは Running プロパティにカスタムアイコンを選んでいきます。

  1. プロパティの項目名をクリックしてください。

    5-1.png

  2. アイコン部分をクリックしてください。

    5-2.png

  3. 検索バーでアイコンの名称を検索してください。

    5-3.png

    5-4.png

  4. プロパティのアイコンにカスタムアイコンを設定できました。

    5-5.png

  5. プロパティの文字列から不要になった絵文字を削除しておきます。

    5-6.png

  6. Running プロパティの変更が完了しました。

    5-7.png

  7. 他のプロパティも同様に、アイコンと文字列を変更していきます。

    5-8.png

警告
カスタムアイコンがまだ充実しておらず、絵文字ほど最適なアイコンが設定できないことがあります。

列幅を整える

  1. プロパティ同士の間にカーソルを置いて、ダブルクリックしてください。

    6-1.png

  2. アイコンだけが表示される程度に列幅が縮小されます。

    6-2.png

  3. 他のプロパティも同様に、列幅を整えていきます。

    6-3.png

ビューにカスタムアイコンを選ぶ

  1. ビューの編集をします。ビューの右側の三点リーダー( Edit view layout, grouping and more... )をクリックしてください。

    7-1.png

  2. View options が表示されます。アイコンをクリックしてください。

    7-2.png

  3. 検索バーでアイコンの名称を検索してください。

    7-3.png

    7-3-2.png

  4. ビューにカスタムアイコンを設定できました。

    7-4.png

Notionのデータベースのプロパティの変更に伴い、習慣トラッカーの達成率 Progress を変更する

  • 習慣トラッカーの達成率 Progress の設定は、Notion公式テンプレートのままだと以下のようになっています。

    • Progress プロパティの設定

      • Formula (計算式)と Divided by (分割数)を変更します。

      8-1.png

    • Progress プロパティの Formula の計算式の設定

      8-2.png

  • 例えば Reading を追加した場合を考えます。

    1. プロパティに Reading を追加した状態

      9-1.png

    2. Progress の項目をクリックし、

      9-2.png

    3. Edit property をクリックすると、

      9-3.png

    4. 設定画面が表示されます。

      9-4.png

    5. 中程にある、 Divided by の値を追加したプロパティ分、増やしてください。
      今回は 4 から 5 に1つ分だけ増やしました。

      9-5.png

    6. FormulaEdit をクリックして、計算式を開いてください。

      9-6.png

    7. prop(xxx) はプロパティのことを指し、 toNumber(xxx) は中身を数値に変換する関数です。タイプがチェックボックスのプロパティを使うと、チェック済みの個数がカウントに含まれます。

    8. + toNu と入力し始めると、入力補完が使えるので、Enterキーを押してください。

      9-8.png

    9. 追加したいプロパティにカーソルを合わせ、Enterキーを押してください。

      9-9.png

    10. すると、そのプロパティが計算式に入力されます。

      9-10.png

    11. 最後に toNumber() 関数の閉じカッコを入力して、 Done をクリックして、計算式の変更が完了です。

      9-11.png

Notionのデータベースのプロパティの変更に伴い、 All habits ビューのプロパティの表示・非表示項目を更新する

プロパティを増やしたら、All habits ビューでは非表示になっているので、表示することをお忘れなく。

  1. 変更前

    11-1.png

  2. 変更後

    11-2.png

元の公式テンプレートのテーブルビューを削除し、テンプレートボタンをクリックして、自分が作成したテーブルビューを生成する

  1. 元の公式テンプレートのテーブルビューを削除してください。

    10-1.png

  2. + Add a new month ボタンをクリックしてください。

    10-2.png

  3. 自分が作成したテーブルビューが生成されます。

    10-3.png

    10-3-2.png

おわりに

自分なりにカスタマイズしたこの習慣化トラッカーを使って、楽しく習慣化ができるといいなと思います⭐️
ご覧いただきありがとうございました。

66
81
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
66
81