Notionのダッシュボードの中にポモドーロタイマーがほしいですか？上でウィジェットを作りましょう。リズム、テーマ、カラーパレットを選び、ライブプレビューを確認したら、リンクをコピーしてNotionに埋め込みとして貼り付けるだけです。ウィジェットは独自の設定と統計を持つ、ちゃんと動くタイマーです。無料でアカウントも不要。Notionはもちろん、埋め込みに対応したあらゆる場所で使えます。
Notionにポモドーロタイマーを追加する方法
かかる時間は1分足らず。インテグレーションもAPIキーも必要ありません。Notionの埋め込みブロックがすべてやってくれます。
- 1ウィジェットをカスタマイズ上のビルダーでプリセット、テーマ、パレットを選び、プレビューが更新されるのを確認します。
- 2リンクをコピー「リンクをコピー」ボタンをクリックして、ウィジェットの埋め込みURLをコピーします。
- 3Notionで埋め込みを作成Notionのページで /embed と入力してリンクを貼り付けるか、リンクを直接貼り付けて「埋め込みを作成」を選びます。
- 4ブロックのサイズを調整タイマーがレイアウトに収まるまで、埋め込みブロックの端をドラッグします。
- 5集中を始める別のタブに切り替えずに、Notionの中でそのまま開始を押しましょう。
Notionタイマーウィジェットをカスタマイズ
上のビルダーですべて設定できますが、各オプションはリンク https://pomodoro-focus-timer.io/embed の末尾に追加されるパラメーターにすぎないので、手で編集することもできます。パラメーターを省略すると、ウィジェットは初期値を使います。
たとえば https://pomodoro-focus-timer.io/embed?preset=50-10&theme=dark&palette=ocean&transparent=1 なら、オーシャンのパレットで自前の背景を持たない、ダークな50/10タイマーになります。
- preset：集中と休憩のリズム。classic は定番の25/5、50-10、52-17、90-20、45-15 はより長いディープワーク用のブロックです。
- theme：light、dark、auto のいずれか。auto は端末のライト／ダーク設定に従います。
- palette：アクセントカラー。tomato、ocean、matcha、lavender、またはミニマルな mono から選べます。
- transparent=1：ウィジェットの背景を取り除き、箱に収まった見た目ではなく、ページになじませます。
Notionの勉強・仕事用ダッシュボードのアイデア
ポモドーロウィジェットがあれば、Notionのページは仕事を計画する場所から、実際に仕事をする場所に変わります。うまくいくレイアウトをいくつか紹介します。
- 勉強ダッシュボード：時間割、課題のデータベース、試験日の横にタイマーを置けば、試験勉強がひとつのページで完結します。
- デイリープランナー：デイリーノートの一番上、今日のToDoリストの横にウィジェットを置き、1ポモドーロずつこなしていきましょう。
- ディープワーク用ページ：プロジェクトのメモの上に、ダークで背景透明の90/20タイマーを置けば、どんなページも静かな作業スペースになります。
- おしゃれなセットアップ：カバー画像やアイコンにパレットを合わせましょう。グリーン系なら抹茶、やわらかな紫ならラベンダーがぴったりです。
ポモドーロタイマーをどこにでも埋め込む
ウィジェットは普通のウェブページなので、同じリンクはNotionだけでなく、埋め込みやiframeに対応したあらゆる場所で使えます。プリセット、テーマ、パレット、透明化のパラメーターは、どこでも同じように機能します。
- Obsidian：ウィジェットのリンクを参照先にしたHTMLのiframeをノートに追加し、閲覧モードかライブプレビューで表示します。
- Coda：埋め込みを挿入して、リンクを貼り付けます。
- Google Sites：「埋め込む」を選び、ウィジェットのURLを貼り付けます。
- 自分のウェブサイトやブログ：ウィジェットのリンクを指すiframeを追加し、好きな幅と高さを指定します。
ポモドーロタイマーの使い方
かんたん4ステップ。アカウント登録もインストールも不要で、このブラウザですぐに使えます。
- 11
取り組むことを決める
タスクを追加して、何ポモドーロかかるか見積もります。セッションが終わると、選択中のタスクに自動で記録されます。
- 22
タイマーをスタート
「開始」ボタン（またはスペースキー）を押し、ベルが鳴るまでそのタスクだけに集中します。
- 33
しっかり休憩する
5分間、画面から離れましょう。ストレッチをしたり、水を飲んだり、目を休めたりします。
- 44
繰り返して、長めに休む
4ポモドーロ終えたら、15〜30分の長い休憩をとります。統計と連続記録は自動で更新されます。
集中に必要なものはすべて。余計なものは何もなし。
本気で勉強や作業に取り組む人のための、落ち着いた気の散らないタイマーです。
ポモドーロ・フロータイム・カウントダウン
定番の25/5や50/10、好きな時間設定、カウントアップのフロータイム、シンプルなカウントダウン。バックグラウンドのタブでも正確に動きます。
環境音とLo-Fi
雨やカフェ、森の音、ブラウンノイズ、40Hzのバイノーラルビートを重ねて、Lo-FiラジオやSpotifyのプレイリストもプラスできます。
タスク・プロジェクト・テンプレート
タイマーのすぐ下にToDoリスト。ポモドーロ数の見積もり、メモ、サブタスク、プロジェクト、使い回せるテンプレート。完了予定時刻もわかります。
統計・連続記録・バッジ
1日の目標、グラフ、1年分のヒートマップ、プロジェクト別の時間、CSVで書き出せるセッション履歴、そして100種類以上のバッジ。
友だちとオンライン自習室
ルームを作ってリンクを共有すれば、ひとつのタイマーでみんな一緒に集中。誰が作業中かがわかり、応援し合えます。
フローティングタイマー
タイマーを常に最前面のミニウィンドウに切り出して、ほかのアプリで作業しながら確認できます。
シーン・時計・テーマ
ダイヤル、パタパタ時計、キッチンタイマー。アニメーションの背景や自分の写真、雪や桜のエフェクト、ライト・ダーク、好きな色に。
キーボードショートカット
スペースで開始、Rでリセット、Sでスキップ、Fで全画面。手をキーボードから離さずに操作できます。
プライバシー重視の設計
登録なし、広告なし、作業内容のトラッキングなし。データはブラウザ内に保存され、いつでも書き出せます。
関連するタイマー
下のタイマーはどれも同じフル機能のアプリで、特定のメソッドや時間があらかじめ設定されています。
よくある質問
Notionにタイマーを追加するには？
上のビルダーでウィジェットのリンクをコピーし、Notionの任意のページで /embed と入力して貼り付けるか、リンクを貼り付けて「埋め込みを作成」を選びます。ブロックのサイズを調整すれば、Notionの中ですぐにタイマーを使えます。
Notion用のポモドーロウィジェットは無料ですか？
はい。ウィジェットは完全無料で広告もなく、アカウントもNotionのインテグレーションも不要です。リンクをコピーして、好きなだけ多くのページで使えます。
ウィジェットは設定や統計を保存しますか？
はい。ウィジェットは独自の設定と統計を、クラウドのアカウントではなく、使っているブラウザ内に保存します。別の端末やブラウザでは、それぞれ別のデータから始まります。
Notionの埋め込みにタイマーが表示されないのはなぜ？
https://pomodoro-focus-timer.io/embed から始まるリンクを省略せずに貼り付けたか、ブックマークや通常のリンクではなく「埋め込みを作成」を選んだかを確認してください。タイマーが途中で切れて見える場合は、ブロックの端をドラッグして高さや幅を広げましょう。
ポモドーロタイマーをObsidianや自分のサイトに埋め込めますか？
はい。iframeに対応したツールならどれでも使えます。ObsidianのノートならHTMLのiframe、CodaやGoogle Sitesなら埋め込みオプション、自分のサイトならiframeを使いましょう。