[{"data":1,"prerenderedAt":77},["ShallowReactive",2],{"myworks-browser-chime":3},{"id":4,"title":5,"body":6,"category":55,"createDate":59,"description":60,"draft":61,"extension":62,"headerLinks":63,"icon":57,"mainCategory":58,"meta":69,"navigation":70,"path":71,"pinned":61,"seo":72,"stem":73,"thumbnail":74,"workId":75,"__hash__":76},"works\u002Fworks\u002Fbrowser-chime.md","ブラウザチャイム",{"type":7,"value":8,"toc":51},"minimark",[9,13,16,19,22,25,28,31,34,37,40,43,47],[10,11,12],"p",{},"2020年、世界的な流行り病によるパンデミックが発生し、学校がオンライン授業になるなど様々な影響がありました。",[10,14,15],{},"私もオンライン授業を受けていた時期があります。",[10,17,18],{},"そのとき、とある困りごとがありました。学校ではチャイムが鳴りますが、家ではチャイムは鳴らないのです。",[10,20,21],{},"チャイムが鳴らないので、授業の開始・終了が分かりづらいというのが私の困りごとです。",[10,23,24],{},"ということで、作りました。",[10,26,27],{},"GitHubに出したのは、この時作ったものを改良したバージョンです。",[10,29,30],{},"前は動けばいいやの精神なので時間を直書きしてましたが、JSONで時間を設定できるようにしました。",[10,32,33],{},"ブラウザチャイムという名の通り、ブラウザでチャイムを鳴らすことのできるツールです。",[10,35,36],{},"当時、私はChromebookを利用していたのでブラウザで動作するものを作りました。",[10,38,39],{},"純粋なJavaScriptで実装されています。それ故、時刻はコンピュータの設定時刻に依存しています。仕方ないですね。",[10,41,42],{},"なお、このWebページのソースコードはGitHubで公開しています。",[44,45],"tech-card",{":cards":46},"{\"title\":\"使用技術\",\"items\":[{\"title\":\"フロントエンド\",\"items\":[{\"icon\":\"devicon-html5\",\"title\":\"HTML, CSS, JavaScript\",\"description\":\"ピュアなHTML, CSS, JavaScriptで構成\"}]}]}",[48,49],"image-galary",{":images":50},"[\"\u002Fimages\u002Fworks\u002Fbrowser-chime\u002Fsample.png\"]",{"title":52,"searchDepth":53,"depth":53,"links":54},"",2,[],[56],{"icon":57,"label":58},"material-symbols-service-toolbox-outline","Tools","2025-06-02","ブラウザで学校などのチャイムを鳴らせるツール",false,"md",[64],{"label":65,"icon":66,"to":67,"target":68},"GitHub","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fmendoitarou\u002Fbrowser_chime","_blank",{},true,"\u002Fworks\u002Fbrowser-chime",{"title":5,"description":60},"works\u002Fbrowser-chime","\u002Fimages\u002Fworks\u002Fbrowser-chime\u002Fbrowser_chime.png",11,"BDwJc7IlhdvwOmvLkql6w6NGJDzs6c4qoolTy4uaRXE",1777126455151]