<p data-line="0" class="code-line"><a href="https://qiita.com/advent-calendar/2024/sdb_blog" target="_blank" rel="nofollow noopener noreferrer">Social Databank Advent Calendar 2024</a> の 22 日目です。</p>
<h2 id="%F0%9F%98%87%E3%83%97%E3%83%A9%E3%82%A4%E3%83%99%E3%83%BC%E3%83%88%E3%81%AE%E4%BD%9C%E6%A5%AD%E3%81%AB%E9%9B%86%E4%B8%AD%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E2%80%A6%EF%BC%81" data-line="2" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%98%87%E3%83%97%E3%83%A9%E3%82%A4%E3%83%99%E3%83%BC%E3%83%88%E3%81%AE%E4%BD%9C%E6%A5%AD%E3%81%AB%E9%9B%86%E4%B8%AD%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E2%80%A6%EF%BC%81" aria-hidden="true"></a> 😇プライベートの作業に集中できない…！</h2>
<p data-line="3" class="code-line">仕事中はタスクをこなせているのに、プライベートの作業になると全然集中できない…そんな経験ありませんか？<br>
私もその一人でした。特に趣味のプログラミングや創作活動の作業時間は、つい SNS をチェックしたり、動画を見たりしてしまい、気づくと時間だけが過ぎていることがよくありました。</p>
<h2 id="%F0%9F%8D%85%E3%81%9D%E3%82%93%E3%81%AA%E4%BA%BA%E3%81%AF%E3%83%9D%E3%83%A2%E3%83%89%E3%83%BC%E3%83%AD%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%E3%82%92%E5%A7%8B%E3%82%81%E3%82%88%E3%81%86" data-line="6" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%8D%85%E3%81%9D%E3%82%93%E3%81%AA%E4%BA%BA%E3%81%AF%E3%83%9D%E3%83%A2%E3%83%89%E3%83%BC%E3%83%AD%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%E3%82%92%E5%A7%8B%E3%82%81%E3%82%88%E3%81%86" aria-hidden="true"></a> 🍅そんな人はポモドーロテクニックを始めよう</h2>
<p data-line="7" class="code-line">そんな時に出会ったのが「ポモドーロテクニック」です。<br>
これは以下のような方法で「25分の集中作業」と「5分の休憩」を1セットとする時間管理手法です。</p>
<ol data-line="9" class="code-line">
<li data-line="9" class="code-line">25分のタイマーをセットする。その間、作業に集中する。</li>
<li data-line="10" class="code-line">タイマーが鳴ったらどのような状態でも作業を中断する。</li>
<li data-line="11" class="code-line">5分間タイマーをセットする。その間、休憩する。</li>
<li data-line="12" class="code-line">タイマーが鳴ったら再度1から繰り返す</li>
<li data-line="13" class="code-line">4セットの作業を作業時間が経過した後、20分間の休憩する。</li>
</ol>
<p data-line="15" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__962a0b30dec77" src="https://embed.zenn.studio/card#zenn-embedded__962a0b30dec77" data-content="https%3A%2F%2Fja.wikipedia.org%2Fwiki%2F%25E3%2583%259D%25E3%2583%25A2%25E3%2583%2589%25E3%2583%25BC%25E3%2583%25AD%25E3%2583%25BB%25E3%2583%2586%25E3%2582%25AF%25E3%2583%258B%25E3%2583%2583%25E3%2582%25AF" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://ja.wikipedia.org/wiki/%E3%83%9D%E3%83%A2%E3%83%89%E3%83%BC%E3%83%AD%E3%83%BB%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://ja.wikipedia.org/wiki/ポモドーロ・テクニック</a></p>
<p data-line="17" class="code-line">特に大切なのは25分のタイマーが鳴ればどのような状態でもやめることです。<br>
キリの良くないことで敢えて中断することで、休憩から即座に集中して続きを取り掛かることができます。</p>
<p data-line="20" class="code-line">この手法を取り入れた結果、実際にプライベートの作業時間を確保できました。</p>
<h2 id="%F0%9F%A4%94%E3%81%84%E3%81%84%E3%82%BF%E3%82%A4%E3%83%9E%E3%83%BC%E3%83%84%E3%83%BC%E3%83%AB%E3%81%8C%E6%AC%B2%E3%81%97%E3%81%84%E3%81%AA%E2%80%A6%EF%BC%81" data-line="22" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%A4%94%E3%81%84%E3%81%84%E3%82%BF%E3%82%A4%E3%83%9E%E3%83%BC%E3%83%84%E3%83%BC%E3%83%AB%E3%81%8C%E6%AC%B2%E3%81%97%E3%81%84%E3%81%AA%E2%80%A6%EF%BC%81" aria-hidden="true"></a> 🤔いいタイマーツールが欲しいな…！</h2>
<p data-line="23" class="code-line">ポモドーロテクニックを習慣化してしばらく経ったとき、より使いやすいポモドーロタイマーツールが欲しくなりました。</p>
<p data-line="25" class="code-line">巷ではポモドーロテクニックを実践するための便利なタイマーツールが沢山あります。世の開発者様に感謝です。<br>
特に私は以下のような機能が欲しく、様々なツールを試しました。</p>
<ul data-line="27" class="code-line">
<li data-line="27" class="code-line">スマホ、PCのどちらでも気軽に起動できる。</li>
<li data-line="28" class="code-line">ポモドーロテクニックを実行した時間を記録して、日々の努力を可視化できる。</li>
<li data-line="29" class="code-line">APIを使って自分で好きに連携等ができる。</li>
</ul>
<p data-line="31" class="code-line">その中でも「これだ！！！」と思えたツールがTogglTrackでした。</p>
<h2 id="%E2%8F%B0toggltrack%E3%81%A8%E3%81%AF" data-line="33" class="code-line">
<a class="header-anchor-link" href="#%E2%8F%B0toggltrack%E3%81%A8%E3%81%AF" aria-hidden="true"></a> ⏰TogglTrackとは</h2>
<p data-line="34" class="code-line">TogglTrackは、様々な時間の記録し、記録した時間の可視化ができるタイムトラッカーです。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__6c424bb195937" src="https://embed.zenn.studio/card#zenn-embedded__6c424bb195937" data-content="https%3A%2F%2Ftoggl.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://toggl.com/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://toggl.com/</a></p>
<h2 id="%F0%9F%92%AAtoggltrack%E3%81%A7%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8" data-line="37" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%92%AAtoggltrack%E3%81%A7%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8" aria-hidden="true"></a> 💪TogglTrackでできること</h2>
<h3 id="%E6%99%82%E9%96%93%E3%81%AE%E8%A8%98%E9%8C%B2" data-line="38" class="code-line">
<a class="header-anchor-link" href="#%E6%99%82%E9%96%93%E3%81%AE%E8%A8%98%E9%8C%B2" aria-hidden="true"></a> 時間の記録</h3>
<p data-line="39" class="code-line">時間の記録<br>
TogglTrackの基本機能は、作業時間の記録です。</p>
<p data-line="42" class="code-line">以下のような情報とともに、柔軟な方法で作業時間を記録できます</p>
<ul data-line="43" class="code-line">
<li data-line="43" class="code-line">作業内容</li>
<li data-line="44" class="code-line">プロジェクト名</li>
<li data-line="45" class="code-line">タグ</li>
</ul>
<p data-line="47" class="code-line">記録方法には以下のような方法があります。</p>
<h4 id="%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%EF%BD%9E%E3%82%B9%E3%83%88%E3%83%83%E3%83%97%E3%81%BE%E3%81%A7%E3%81%AE%E6%99%82%E9%96%93%E3%82%92%E8%A8%98%E9%8C%B2" data-line="48" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%EF%BD%9E%E3%82%B9%E3%83%88%E3%83%83%E3%83%97%E3%81%BE%E3%81%A7%E3%81%AE%E6%99%82%E9%96%93%E3%82%92%E8%A8%98%E9%8C%B2" aria-hidden="true"></a> スタート～ストップまでの時間を記録</h4>
<p data-line="49" class="code-line">タイマースタートのボタン（▶）を押下してから、ストップボタン（■）を押下するまでの時刻を記録します。<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--ylF4xh37--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/53a10de821846b4b01fd7191.png%3Fsha%3De233da5c5c00a2e5e0def3ec7075382741efc276" alt="alt text" loading="lazy" class="md-img"></p>
<h4 id="%E3%83%9D%E3%83%A2%E3%83%89%E3%83%BC%E3%83%AD%E7%94%A8%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%8A%BC%E4%B8%8B%E3%81%97%E3%81%A6%E3%80%81%E3%82%BF%E3%82%A4%E3%83%9E%E3%83%BC%E3%81%8C%E9%B3%B4%E3%82%8B%E3%81%BE%E3%81%A7%E3%81%AE%E6%99%82%E9%96%93%E3%82%92%E8%A8%98%E9%8C%B2" data-line="51" class="code-line">
<a class="header-anchor-link" href="#%E3%83%9D%E3%83%A2%E3%83%89%E3%83%BC%E3%83%AD%E7%94%A8%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%8A%BC%E4%B8%8B%E3%81%97%E3%81%A6%E3%80%81%E3%82%BF%E3%82%A4%E3%83%9E%E3%83%BC%E3%81%8C%E9%B3%B4%E3%82%8B%E3%81%BE%E3%81%A7%E3%81%AE%E6%99%82%E9%96%93%E3%82%92%E8%A8%98%E9%8C%B2" aria-hidden="true"></a> ポモドーロ用スタートボタンを押下して、タイマーが鳴るまでの時間を記録</h4>
<p data-line="52" class="code-line">ポモドーロ機能をオンにすると設定可能な方法です。<br>
前述したポモドーロテクニックと同じく、25分（任意の作業時間に変更可）のタイマーが開始され、自動的に終了までの時刻が記録されます。<br>
もちろんタイマー終了後、自動で5分（任意の休憩時間に設定可）の休憩時間が発生し、その後さらに再度作業時間が自動で始まります。<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--OIJtJlL6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/160410737ab29728ab793009.png%3Fsha%3D7fa6535e243d957308ee42eeb5d37e3eacbdcbcb" alt="alt text" loading="lazy" class="md-img"></p>
<h4 id="%E6%89%8B%E5%8B%95%E5%85%A5%E5%8A%9B" data-line="56" class="code-line">
<a class="header-anchor-link" href="#%E6%89%8B%E5%8B%95%E5%85%A5%E5%8A%9B" aria-hidden="true"></a> 手動入力</h4>
<p data-line="57" class="code-line">手動での入力も可能です。<br>
これにより入力のし忘れた時間も気軽に追加できます。<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--qvshYfOS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/27da1d665dd9186be455b245.png%3Fsha%3D21a49259d583c418efbf4e60119c53469a4154df" alt="alt text" loading="lazy" class="md-img"></p>
<h3 id="%E8%A8%98%E9%8C%B2%E6%99%82%E5%88%BB%E3%81%AE%E5%8F%AF%E8%A6%96%E5%8C%96" data-line="61" class="code-line">
<a class="header-anchor-link" href="#%E8%A8%98%E9%8C%B2%E6%99%82%E5%88%BB%E3%81%AE%E5%8F%AF%E8%A6%96%E5%8C%96" aria-hidden="true"></a> 記録時刻の可視化</h3>
<p data-line="62" class="code-line">記録した時間は、様々な形式で可視化できます：<br>
これは棒グラフで作成した実際の記録です。<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--0E_phoqm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/55f8695d5b92df8b762b431f.png%3Fsha%3D8dafc0bb024d6b2b13011f6dcc97b6c2472b323f" alt="alt text" loading="lazy" class="md-img"></p>
<p data-line="66" class="code-line">また、プロジェクトごとに通算で記録した時間の確認もできます。<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--bOPkFNRD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/2d05d94a7d4fc2d8f6776794.png%3Fsha%3Dea65886766c6bcb4d9b1476dcb85e5bbb4498052" alt="alt text" loading="lazy" class="md-img"><br>
特にこの数字はゲームの経験値みたいで増えていくのを見るのがちょっと楽しいです。</p>
<p data-line="70" class="code-line">これら機能により、自分の時間の使い方を客観的に把握できます。</p>
<h3 id="%E3%81%9D%E3%81%AE%E3%81%BB%E3%81%8B%E3%81%AB%E3%82%82%E2%80%A6" data-line="72" class="code-line">
<a class="header-anchor-link" href="#%E3%81%9D%E3%81%AE%E3%81%BB%E3%81%8B%E3%81%AB%E3%82%82%E2%80%A6" aria-hidden="true"></a> そのほかにも…</h3>
<p data-line="73" class="code-line">そのほかにも以下のような様々な機能がありますが、私はあまり活用しきれていないので今回は割愛します。</p>
<ul data-line="74" class="code-line">
<li data-line="74" class="code-line">外部カレンダーサービスとの連携</li>
<li data-line="75" class="code-line">チーム共有機能</li>
<li data-line="76" class="code-line">請求計算</li>
</ul>
<h2 id="%F0%9F%92%96toggltrack%E3%81%AE%E3%81%93%E3%81%93%E3%81%99%E3%81%8D%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" data-line="78" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%92%96toggltrack%E3%81%AE%E3%81%93%E3%81%93%E3%81%99%E3%81%8D%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88" aria-hidden="true"></a> 💖TogglTrackのここすきポイント</h2>
<h3 id="%E3%83%9E%E3%83%AB%E3%83%81%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E5%AF%BE%E5%BF%9C" data-line="79" class="code-line">
<a class="header-anchor-link" href="#%E3%83%9E%E3%83%AB%E3%83%81%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E5%AF%BE%E5%BF%9C" aria-hidden="true"></a> マルチプラットフォーム対応</h3>
<p data-line="80" class="code-line">TogglTrackはこれらの方法で利用できます。</p>
<ul data-line="81" class="code-line">
<li data-line="81" class="code-line">Windows/Mac/Linuxデスクトップアプリ</li>
<li data-line="82" class="code-line">iOS/Androidモバイルアプリ</li>
<li data-line="83" class="code-line">Webブラウザ</li>
<li data-line="84" class="code-line">Chrome拡張機能</li>
</ul>
<p data-line="86" class="code-line">どの環境でも同じように使えるので、場所を選ばず作業時間を記録できます。</p>
<h3 id="webapi%E3%81%8C%E5%85%AC%E9%96%8B%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B" data-line="88" class="code-line">
<a class="header-anchor-link" href="#webapi%E3%81%8C%E5%85%AC%E9%96%8B%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B" aria-hidden="true"></a> WebAPIが公開されている</h3>
<p data-line="89" class="code-line">開発者向けにWebAPIが公開されています。嬉しいですね。<br>
そのためプログラミングができる方は、自身の作業スタイルに合わせたより自由度の高い利用ができます。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5d06f54edd91c" src="https://embed.zenn.studio/card#zenn-embedded__5d06f54edd91c" data-content="https%3A%2F%2Fengineering.toggl.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://engineering.toggl.com/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://engineering.toggl.com/</a></p>
<h2 id="%F0%9F%98%8A%E3%81%BE%E3%81%A8%E3%82%81%EF%BC%9A%E3%81%BF%E3%82%93%E3%81%AA%E3%82%82%E3%83%9D%E3%83%A2%E3%83%89%E3%83%BC%E3%83%AD%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%E3%82%92%E5%A7%8B%E3%82%81%E3%82%88%E3%81%86%EF%BC%81%E3%81%9D%E3%81%97%E3%81%A6%E8%A8%98%E9%8C%B2%E3%81%97%E3%82%88%E3%81%86%EF%BC%81" data-line="93" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%98%8A%E3%81%BE%E3%81%A8%E3%82%81%EF%BC%9A%E3%81%BF%E3%82%93%E3%81%AA%E3%82%82%E3%83%9D%E3%83%A2%E3%83%89%E3%83%BC%E3%83%AD%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%E3%82%92%E5%A7%8B%E3%82%81%E3%82%88%E3%81%86%EF%BC%81%E3%81%9D%E3%81%97%E3%81%A6%E8%A8%98%E9%8C%B2%E3%81%97%E3%82%88%E3%81%86%EF%BC%81" aria-hidden="true"></a> 😊まとめ：みんなもポモドーロテクニックを始めよう！そして記録しよう！</h2>
<p data-line="94" class="code-line">私はポモドーロテクニックと TogglTrack の組み合わせで、プライベートでも集中できる時間を確保できました。<br>
また、自分の時間の使い方を可視化することで、より効率的な作業習慣が身につくかもしれません。<br>
ぜひチャレンジしてみてください！</p>


ポモドーロテクニックを始めよう。そして記録しよう。～TogglTrackの紹介～

😇プライベートの作業に集中できない…！

🍅そんな人はポモドーロテクニックを始めよう

🤔いいタイマーツールが欲しいな…！

💖TogglTrackのここすきポイント

😊まとめ：みんなもポモドーロテクニックを始めよう！そして記録しよう！

Discussion