記事一覧

Notionでタスクを完了したときに、ファンファーレ演出を表示する方法を紹介します。

Notionのオートメーション機能とCodepenを組み合わせて実現します。

この機能は以下の要素を組み合わせて実現します：

1. Notionのオートメーション機能
2. CodepenでのファンファーレアニメーションHTML
3. URLを開く機能

1. ファンファーレアニメーションのCodepen
   • 使用するCodepen: タスク完了ファンファーレ
   • フルスクリーンビューのURLを控えておく
2. Notionのデータベース設定
   • タスク管理用のデータベース
   • チェックボックスプロパティ

1. データベースのオートメーションを開く
   • 右上の「...」をクリック
   • 「Automations」を選択
2. 新規オートメーションを作成
   • 「Add automation」をクリック
   • トリガーとして「When a property changes」を選択
   • チェックボックスプロパティを選択
   • 条件を「Checked」に設定
3. アクションの設定
   • 「Add action」をクリック
   • 「Open URL」を選択
   • CodepenのフルスクリーンURLを入力

• ブラウザのポップアップブロックを許可する必要があります
• タスク完了時に新しいタブが開きます
• 音声を使用する場合はブラウザの音声設定を確認

独自のファンファーレを作成する場合：

1. Codepen等で新しいアニメーションを作成
2. フルスクリーンURLを取得
3. オートメーションのURLを更新

Notionの標準機能ではできないファンファーレ演出を、オートメーションとCodepenを組み合わせることで実現できます。

タスク完了時の達成感をより高めることができる、カスタマイズ可能な解決方法です。

• 使用したファンファーレアニメーション
• Notion Automations Guide
• Notionのオートメーション機能について