<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Statusbase on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/statusbase/</link>
		<description>Recent content in Statusbase on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 22 Jun 2022 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/statusbase/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>StatusBase - gitで記録するウェブサイト状態モニターツール</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/</link>
				<pubDate>Wed, 22 Jun 2022 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/status-base/statusbase-nuxt&#34;&gt;StatusBase (status-base/statusbase-nuxt)&lt;/a&gt; は、ウェブサイトの運用状況を記録して表示するためのツールです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/status-base/statusbase-nuxt&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/statusbase-github-top_hu_fd702c89f17278f4.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/statusbase-github-top_hu_1c174113295f8ad7.webp 768w, https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/statusbase-github-top_hu_76f670b2cefa3ccd.webp 1031w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/statusbase-github-top.png&#34; width=&#34;1031&#34; height=&#34;670&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;StatusBase GitHubリポジトリ&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://health.aws.amazon.com/health/status&#34;&gt;AWS&lt;/a&gt;とか&lt;a href=&#34;https://api.twitterstat.us/&#34;&gt;Twitter API&lt;/a&gt;とか、サービスの提供状態を時系列でまとめて出しているページが、サービス本体とは別のところに(=本体が落ちても巻き込まれないように)公開されていますよね。ああいうページをセルフホストで作るためのものです。&lt;/p&gt;&#xA;&lt;p&gt;Vue + Nuxt.js で作られ、オープンソースで公開されている StatusBase は、モニターした対象サイトの up/down を git のコミットで記録していきます。GitHub Actions で定期実行させ、Nuxt で紹介されている多種のホスティングサービスに結果を送るように設定すれば、それだけで一定時間おきに指定したサイトの状態をコミットして、直近の履歴を表示してくれました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://akky-statusbase.vercel.app/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/akky-statusbase_hu_27b9af008da3fcce.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/akky-statusbase_hu_1511e67c419353fc.webp 768w, https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/akky-statusbase_hu_bf7fecf8699ec71e.webp 853w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/statusbase-git-based-website-monitoring-tool/akky-statusbase.png&#34; width=&#34;853&#34; height=&#34;834&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;適当なwebサイトの死活状況をStatusBase on Vercelで作ってみたもの&lt;/p&gt;&#xA;&lt;p&gt;サイトのダウンに関してレポートを載せたい場合は、これも markdown のドキュメントを置くだけ。&lt;/p&gt;&#xA;&lt;p&gt;サイトがダウンした時はeメールで通知もしてくれるのですが、これも GitHub issues を使って実現しています。&lt;/p&gt;&#xA;&lt;p&gt;作者の @zernonia さんによれば、監視部分のスクリプトの GitHub Actions による定期実行は時刻の正確性に欠けるということです。個人のホビーサイトではそれほど気にならないとは思いますし、無料枠でここまで簡単に動かせてしまうのが申し訳ないぐらいですね。&lt;/p&gt;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;Introducing StatusBase!!! (yes another apps 😂)&lt;br&gt;&lt;br&gt;A git-based website monitoring tools powered by &lt;a href=&#34;https://x.com/nuxt_js?ref_src=twsrc%5Etfw&#34;&gt;@nuxt_js&lt;/a&gt; Content v2!&lt;br&gt;&lt;br&gt;🤩 Free &amp;amp; Open-Source&lt;br&gt;🚀 Easy deploy&lt;br&gt;📝 Write report in Markdown&lt;br&gt;0️⃣ Zero dependency on other service&lt;br&gt;🔔 Notify when site is down (WIP)&lt;a href=&#34;https://t.co/QRfPYbRRqQ&#34;&gt;https://t.co/QRfPYbRRqQ&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
