{"id":378,"date":"2026-04-07T22:02:59","date_gmt":"2026-04-07T13:02:59","guid":{"rendered":"https:\/\/tool-laboratory.com\/?p=378"},"modified":"2026-04-07T22:03:01","modified_gmt":"2026-04-07T13:03:01","slug":"pomodoro-timer","status":"publish","type":"post","link":"https:\/\/tool-laboratory.com\/en\/pomodoro-timer\/","title":{"rendered":"\u3010\u7121\u6599\u3011\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc(pomodoro timer)\uff5c\u96c6\u4e2d\u7ba1\u7406\u30fb\u4f5c\u696d\u30ed\u30b0\u30fb\u751f\u7523\u6027\u5206\u6790\u5bfe\u5fdc"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\uff08\u96c6\u4e2d\u7ba1\u7406\u30fb\u7fd2\u6163\u5316\u5bfe\u5fdc\uff09<\/title>\n<meta name=\"description\" content=\"\u96c6\u4e2d\u529b\u3092\u9ad8\u3081\u308b\u9ad8\u6a5f\u80fd\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\u3002\u4f5c\u696d\u30ed\u30b0\u30fb\u7fd2\u6163\u5316\u30fb\u9023\u7d9a\u8a18\u9332\u30fb\u5b8c\u5168\u7121\u6599\u3002\">\n\n<style>\nbody{font-family:sans-serif;background:#f5f7fa;text-align:center;margin:0;}\n.container{padding:20px;}\n.timer{font-size:48px;margin:20px;}\nbutton{\n  padding:12px;\n  margin:5px;\n  border:none;\n  border-radius:10px;\n  background:#ff4d4d;\n  color:#fff;\n}\n.card{\n  background:#fff;\n  padding:15px;\n  border-radius:12px;\n  margin-top:10px;\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n<h1>\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\uff08\u5f37\u5316\u7248\uff09<\/h1>\n\n<input type=\"number\" id=\"focus\" value=\"25\"> \u5206\uff08\u4f5c\u696d\uff09\n<input type=\"number\" id=\"break\" value=\"5\"> \u5206\uff08\u4f11\u61a9\uff09\n\n<div class=\"timer\" id=\"timer\">25:00<\/div>\n\n<button onclick=\"start()\">\u958b\u59cb<\/button>\n<button onclick=\"reset()\">\u30ea\u30bb\u30c3\u30c8<\/button>\n\n<div class=\"card\">\n<h3>\u4eca\u65e5\u306e\u8a18\u9332<\/h3>\n<div id=\"today\">0\u5206<\/div>\n<div id=\"streak\">\u9023\u7d9a:0\u65e5<\/div>\n<div id=\"level\">Lv.1<\/div>\n<\/div>\n\n<div class=\"card\">\n<h3>\u5c65\u6b74<\/h3>\n<div id=\"list\"><\/div>\n<\/div>\n\n<\/div>\n\n<script>\n\nlet time=1500;\nlet interval;\nlet mode=\"focus\";\nlet history=[];\nlet today=0;\nlet streak=0;\nlet level=1;\n\nfunction update(){\n  let m=Math.floor(time\/60);\n  let s=time%60;\n  timer.innerHTML=`${m}:${s.toString().padStart(2,'0')}`;\n}\n\nfunction start(){\n  clearInterval(interval);\n\n  interval=setInterval(()=>{\n    time--;\n    update();\n\n    if(time<=0){\n      clearInterval(interval);\n\n      if(mode===\"focus\"){\n        today+=parseInt(focus.value);\n        history.push(\"\u96c6\u4e2d\u5b8c\u4e86\");\n        mode=\"break\";\n        time=break.value*60;\n        alert(\"\u4f11\u61a9\uff01\");\n      }else{\n        mode=\"focus\";\n        time=focus.value*60;\n        alert(\"\u4f5c\u696d\u518d\u958b\uff01\");\n      }\n\n      calcStats();\n      render();\n    }\n\n  },1000);\n}\n\nfunction reset(){\n  clearInterval(interval);\n  mode=\"focus\";\n  time=focus.value*60;\n  update();\n}\n\nfunction calcStats(){\n  level=Math.floor(today\/60)+1;\n\n  let last=localStorage.getItem(\"lastDay\");\n  let now=new Date().toDateString();\n\n  if(last!==now){\n    streak++;\n    localStorage.setItem(\"lastDay\",now);\n  }\n}\n\nfunction render(){\n  todayDiv.innerHTML=`${today}\u5206`;\n  streakDiv.innerHTML=`\u9023\u7d9a:${streak}\u65e5`;\n  levelDiv.innerHTML=`Lv.${level}`;\n  list.innerHTML=history.map(h=>`<div>${h}<\/div>`).join(\"\");\n}\n\nupdate();\n\n<\/script>\n\n<hr>\n\n<h2>\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\u3068\u306f<\/h2>\n<p>\n\u30dd\u30e2\u30c9\u30fc\u30ed\u30c6\u30af\u30cb\u30c3\u30af\u306f\u300125\u5206\u306e\u96c6\u4e2d\u30685\u5206\u306e\u4f11\u61a9\u3092\u7e70\u308a\u8fd4\u3059\u3053\u3068\u3067\u4f5c\u696d\u52b9\u7387\u3092\u9ad8\u3081\u308b\u65b9\u6cd5\u3067\u3059\u3002\n\u6d77\u5916\u3067\u306f\u751f\u7523\u6027\u5411\u4e0a\u306e\u5b9a\u756a\u30c4\u30fc\u30eb\u3068\u3057\u3066\u4eba\u6c17\u304c\u3042\u308a\u307e\u3059\u3002\n<\/p>\n\n<h2>\u3053\u306e\u30c4\u30fc\u30eb\u306e\u7279\u5fb4<\/h2>\n<ul>\n<li>\u96c6\u4e2d\uff0b\u4f11\u61a9\u306e\u81ea\u52d5\u5207\u66ff<\/li>\n<li>\u4f5c\u696d\u6642\u9593\u306e\u8a18\u9332<\/li>\n<li>\u9023\u7d9a\u65e5\u6570\uff08\u30b9\u30c8\u30ea\u30fc\u30af\uff09<\/li>\n<li>\u30ec\u30d9\u30eb\u30a2\u30c3\u30d7\u6a5f\u80fd<\/li>\n<\/ul>\n\n<h2>\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\u304c\u7d9a\u304f\u7406\u7531<\/h2>\n<p>\n\u30b2\u30fc\u30e0\u306e\u3088\u3046\u306b\u6210\u9577\u3092\u5b9f\u611f\u3067\u304d\u308b\u3053\u3068\u3067\u3001\u7d99\u7d9a\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\n\u6bce\u65e5\u306e\u5c0f\u3055\u306a\u7a4d\u307f\u91cd\u306d\u304c\u5927\u304d\u306a\u6210\u679c\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002\n<\/p>\n\n<h2>\u304a\u3059\u3059\u3081\u306e\u4f7f\u3044\u65b9<\/h2>\n<p>\n\u52c9\u5f37\u30fb\u4ed5\u4e8b\u30fb\u526f\u696d\u306a\u3069\u3001\u96c6\u4e2d\u3057\u305f\u3044\u4f5c\u696d\u306b\u6d3b\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n\u7fd2\u6163\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u4f5c\u696d\u52b9\u7387\u304c\u5927\u5e45\u306b\u5411\u4e0a\u3057\u307e\u3059\u3002\n<\/p>\n\n<h2>\u95a2\u9023\u30c4\u30fc\u30eb<\/h2>\n<p><a href=\"https:\/\/tool-laboratory.com\/en\/popular-ranking\/\">\u4eba\u6c17\u30e9\u30f3\u30ad\u30f3\u30b0\u306f\u3053\u3061\u3089<\/a><\/p>\n\n<!-- SEO -->\n<h2>\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\u306e\u52b9\u679c\u3068\u306f<\/h2>\n<p>\n\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\u306f\u3001\u96c6\u4e2d\u529b\u3092\u7dad\u6301\u3057\u306a\u304c\u3089\u52b9\u7387\u7684\u306b\u4f5c\u696d\u3092\u9032\u3081\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb\u3067\u3059\u3002\n\u6642\u9593\u3092\u533a\u5207\u308b\u3053\u3068\u3067\u3001\u30c0\u30e9\u30c0\u30e9\u4f5c\u696d\u3092\u9632\u304e\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002\n<\/p>\n\n<h2>\u96c6\u4e2d\u529b\u3092\u9ad8\u3081\u308b\u65b9\u6cd5<\/h2>\n<p>\n\u77ed\u6642\u9593\u306e\u96c6\u4e2d\u3068\u9069\u5207\u306a\u4f11\u61a9\u3092\u7e70\u308a\u8fd4\u3059\u3053\u3068\u3067\u3001\u8133\u306e\u75b2\u52b4\u3092\u8efd\u6e1b\u3067\u304d\u307e\u3059\u3002\n\u3053\u306e\u65b9\u6cd5\u306f\u3001\u591a\u304f\u306e\u6210\u529f\u8005\u3084\u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30bd\u30f3\u306b\u3082\u6d3b\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002\n<\/p>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\uff08\u96c6\u4e2d\u7ba1\u7406\u30fb\u7fd2\u6163\u5316\u5bfe\u5fdc\uff09 \u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\uff08\u5f37\u5316\u7248\uff09 \u5206\uff08\u4f5c\u696d\uff09 \u5206\uff08\u4f11\u61a9\uff09 25:00 \u958b\u59cb \u30ea\u30bb\u30c3\u30c8 \u4eca\u65e5\u306e\u8a18\u9332 0\u5206 \u9023\u7d9a:0\u65e5 Lv.1 \u5c65\u6b74 \u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc\u3068\u306f \u30dd\u30e2\u30c9\u30fc\u30ed\u30c6\u30af\u30cb\u30c3\u30af\u306f\u3001 &#8230; <a title=\"\u3010\u7121\u6599\u3011\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc(pomodoro timer)\uff5c\u96c6\u4e2d\u7ba1\u7406\u30fb\u4f5c\u696d\u30ed\u30b0\u30fb\u751f\u7523\u6027\u5206\u6790\u5bfe\u5fdc\" class=\"read-more\" href=\"https:\/\/tool-laboratory.com\/en\/pomodoro-timer\/\" aria-label=\"Read more about \u3010\u7121\u6599\u3011\u30dd\u30e2\u30c9\u30fc\u30ed\u30bf\u30a4\u30de\u30fc(pomodoro timer)\uff5c\u96c6\u4e2d\u7ba1\u7406\u30fb\u4f5c\u696d\u30ed\u30b0\u30fb\u751f\u7523\u6027\u5206\u6790\u5bfe\u5fdc\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-378","post","type-post","status-publish","format-standard","hentry","category-house-tools"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/posts\/378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":1,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/posts\/378\/revisions"}],"predecessor-version":[{"id":380,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/posts\/378\/revisions\/380"}],"wp:attachment":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/media?parent=378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/categories?post=378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/tags?post=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}