Reveal My Ignorance

開発したもの

Sun, 03 May 2026 14:32:28 +0900

SyncTimer 見出しへのリンク

https://sync-timer.netlify.app/

リポジトリ

YouTubeなどの同時配信用のタイマーとして開発したもの。無料で提供中。

マイナスからスタートできるのでカウントダウンからそのまま動画再生時間になる。

開発履歴はブログにて公開中。

技術スタック：

Elm
Netlify (Hosting + CI)

LeacTion! 見出しへのリンク

https://leaction.web.app/

リポジトリ

オフライン・オンラインでの勉強会で登壇者へ質問や同意・応援などを送れるサービス。無料で提供中。

LT + Reaction で LeacTion! と命名した。

Webナイト宮崎などのイベントの際に使用していた。

特徴：

イベント管理者だけユーザー登録すれば参加者は自由にログイン不要で投稿できる
他の人の投稿に「いいね」を送れる
リアルタイムに投稿が反映される
一つのイベントに複数のトークが設定できるので、話題がゴチャゴチャにならない。

技術スタック：

Solid.js
- TypeScript
GitHub Actions
Firebase
- Hosting
- Auth
- Firestore

2022から2025までのSyncTimerのアクセスを振り返ってみる

Thu, 30 Apr 2026 01:12:16 +0900

SyncTimerを開発してから6年ほど経とうとしています。それほど手を加えているわけではないんですが、今どのくらいアクセスされているのか気になったので昨年までの推移を振り返ってみようと思いました。

GA4のデータから見出しへのリンク

2022年から2025年末までのアクティブユーザー数と新規ユーザー数の推移はこんな感じになっています。

ありがたいことにずっと右肩上がりにユーザーが増え続けている状況です。時々新規ユーザー数が跳ね上がっているときがありますが、こういうときはフォロー数の多い有名な方の配信で概要欄に載っていたり、Xなどで紹介されたりしたときのようです。

折れ線グラフの真ん中に入っている曲線はトレンドラインといって、グラフのおおよその形を多項式で表現してみたものです。アクティブユーザーはおおよそ2次関数でフィットできました。新規ユーザーの増加はおおよそ線形（1次関数）です。このことから、次のようなことが推測できます。

SyncTimerを使う人が増えて紹介いただける数が増えたことで、新規ユーザーも増えている。（あるいは同時配信などの配信数がどんどん増えている）
リピーターが多い。加速度・速度・距離の関係のように、新規ユーザー数の増える勢い（加速度）に対して2次関数的にアクティブユーザー（距離）が増えている。

2023年頃にもゆるやかな右肩上がりだなーと思っていましたが、まさか2次の勢いでアクティブユーザー数が増えていたのはちょっと驚きでした。たくさんのリピーターに使ってもらえて、開発者としてはとても嬉しいです。

今後について見出しへのリンク

映像の時間に対してカウントダウンを並記してほしい、などいくつか要望は届いています。ただ、そのような機能要望についてはSyncTimerで対応する予定はありません。あくまで当初の設計である「マイナスからカウントダウンし、そのままカウントアップに入るタイマー」で行こうと思っています。

また、このサービスによる収入はありませんし、本業にしっかりと取り組む必要があるため、これ以降の追加開発はないと思っていてください。（これまで何回か言ってますね…）

もし、フォークして開発してみたい物好きな方がいれば、ご自由にお使いください。もちろん、うまくいかなくても責任は取れませんが…。

また機会があればアクセス数などの状況を確認して報告できるかもしれません。

それでは。

プロフィール - Profile

Sat, 18 Apr 2026 00:00:00 +0900

(2026 年 4 月現在の情報です)

桑畑英資 (Kuwahata Eisuke) 見出しへのリンク

宮崎県宮崎市在住の 43 歳男性

認定こども園「セミナーレ潮見こどもの家」園長
元ソフトウェアエンジニア（開発、教育）

略歴 - History 見出しへのリンク

宮崎県宮崎市出身
宮崎県立宮崎西高等学校（通称：西高）理数科卒業
一浪し京都大学理学部へ入学
京都大学、京都大学大学院で数学を専攻し修士課程修了
- メインテーマは代数学（整数論・暗号理論）
東京で就職
- デジタルフォレスト
  - アクセス解析サービスの開発、QA、インフラ整備、運用
- GeoCloud
  - タクシー配車業務システムのスタートアップ開発
- パイプドビッツ
  - マーケティングサービスのメールシステム保守開発
  - 投票券用のシリアルコードの作成、投票システムの開発・運用 (ref. 過負荷に耐えるWebの作り方 - 技術評論社)
宮崎で活動開始
- アラタナ
  - EC システムの保守・開発
- フリーランス
  - ソフトウェア開発
  - エンジニアのメンター
- セミナーレ潮見こどもの家
  - 認定こども園の事務職員から園長へ

好きなこと - Favorites 見出しへのリンク

スキューバダイビング
- PADI MSD 取得
- 経験本数は約 400 本
- 今までで最高のツアー → コモド諸島クルーズ
全般的にカメラガジェット好き
- ドローン
- 全天球カメラ
- スマホ用スタビライザー
- VR ゴーグル
数学
- 代数(整数論)
プログラミング言語
- 関数型言語 (Scala, Elm, Haskell など)

苦手なこと - Avoids 見出しへのリンク

満員電車
わさび・からし
酒（全く飲みません）
ハイスピード（ジェットコースターとか）

スキルセット - Skills 見出しへのリンク

プログラミング言語
- Java
- Scala
- Python
- Ruby
- C
- JavaScript, TypeScript
- Golang
- Elm
- PHP (あまり得意ではない)
- 趣味程度に Haskell など
Web フレームワーク
- Play Framework
- Ruby on Rails (知識としてはだいぶ古い)
- Flask
- Vue, React, Solid, Nuxt.js, Next.js
ミドルウェア
- PostgreSQL
- Redis
- MongoDB
サービス
- AWS (Lambda, DynamoDB, etc…)
  - Serverless Framework
- GCP (BigQuery, Cloud Functions, etc)
- Firebase
設計手法
- DDD (Domain Driven Design, ドメイン駆動設計)
マネジメント
- アジャイル

思考の癖見出しへのリンク

数学を考えるときと同じような癖のようなものがあります。

SyncTimerのコードをいくつかのモジュールに分解した

Mon, 13 Mar 2023 17:28:02 +0900

これまで Main.elm だけで作ってきた Elm のコードが増えて見通しが悪くなってきたので、いくつかのモジュールに分解した。今回はリファクタリングなので機能の変更はなし。

SyncTimerにフォントを追加した

Sat, 25 Feb 2023 18:00:00 +0900

Loraというセリフ体のフォントを追加してタイマー表示で選択可能にしてみた

早送り・早戻しボタンを追加してみた

Fri, 09 Dec 2022 19:40:52 +0900

エゴサーチしながらライブを拝見してたら、とある方がタイマーを停止したときのコメントを話していたのでフィードバックとして受け取り、簡単ながら「1秒戻る・1秒進める」ボタンを追加してみた。

カウントダウン時の残り時間をバーで視覚化する

Wed, 07 Dec 2022 19:00:17 +0900

カウントダウンの表示に追加要素として進み具合をバーで視覚化できるようにしてみた。

Mini Type Puzzle

Wed, 07 Dec 2022 17:39:53 +0900

Elm アドベントカレンダー 2022 の記事。型がカチッとはまって意図通りの関数が作れたときは気持ちいいよね。

Elmアプリケーションとしての規模を小さくする

Sun, 04 Dec 2022 17:00:00 +0900

SyncTimerのリファクタリングを行った。今回のテーマは「どこまでをElmで管理すべきか？」ということ。

SyncTimer の紹介ページを作った

Sun, 27 Nov 2022 18:40:11 +0900

タイトルそのままなのだが、これまでモーダルとして表示していた使い方動画なども紹介ページへ移動してみた。これはもともと存在していたのだが、Github Pages として公開しておりアプリケーションと同じドメインではなかったので、同じドメインに /about として表示するようにした。

https://sync-timer.netlify.app/about/

モーダルのほうがわかりやすかっただろうか？という疑問もあるが、一旦公開することにした。

時間の表示を切り替えられるようにした

Fri, 18 Nov 2022 00:29:11 +0900

タイマーの利用状況をたまに観察していると、1時間未満（アニメなどはおおよそ30分未満）の動画再生などに使われるケースもそれなりに多いため、「時・分・秒」ではなく「分・秒」の表示だけに切り詰めたほうがレイアウトとしても便利かもしれない、と思ったので機能を追加してみた。

SyncTimerのリファクタリング

Tue, 15 Nov 2022 22:32:53 +0900

SyncTimerのコードをリファクタリングしてみた。

リファクタリングとは、動作を変更させずにコードを整理する作業のことである。繰り返している無駄な機能をまとめたり、わかりやすく整理することで保守しやすくすることができる。

SyncTimerのレイアウトを変更

Thu, 10 Nov 2022 10:42:00 +0900

開始・リセットボタンとタイマーの表示設定の配置を変更した。

SyncTimer に Google Analytics を導入した

Sat, 30 Apr 2022 19:00:00 +0900

たぶん使ってる人はいるんだろうなー、と思いつつも利用報告をしてくれるユーザーはほぼいない。それは当然で、報告するメリットもないし、不具合があったり使い勝手が悪いなーと思っても似たような手段はいくらでもあるので別のツールに切り替えるだけになる。だったら自分で調べるしか無いよね、ということで Google Analytics を導入して実際のアクセスを調査するしか無いのである。

今回は Elm で書いたアプリケーション内のイベントをGA4に送信する実装のお話。

SyncTimerの使い方動画を作りました

Tue, 15 Mar 2022 19:00:00 +0900

SyncTimerはシンプルなので、使い方は細かく書かなくても分かってくれるかなーと思ってたので書かなかったが、やはり具体的な使い方を説明したほうがいいかなーと思ったので動画を作って公開した。

おおよその内容は

SyncTimerってどんなタイマーか
設定の変更方法
URLが連動していること
OBSでの使い方の例

といったところ。使う人が迷わないといいな。

続・ランダム生成IDの衝突確率について

Thu, 10 Feb 2022 17:25:18 +0900

前回では数学的な側面として誕生日パラドックスに関する確率を求めた。

$$ P_{\text{nc}}(n) = \frac{M}{M}\frac{M-1}{M} \dots \frac{M-(n-1)}{M} = \frac{M!}{M^n (M-n)!} $$

$$ P_{\text{c}}(n) = 1 - P_{\text{nc}}(n) = 1 - \frac{M!}{M^n (M-n)!} $$

これは余事象である「一度も衝突しない確率」を求めることで計算したが、余事象を使わずに求めることができるだろうか？

余事象を使わない方法見出しへのリンク

「 $n$ 回目までに衝突が発生する確率」を求めるには

1回目に「初めて」衝突する確率 $P_\text{fc}(1)$( = 0 )
2回目に「初めて」衝突する確率 $P_\text{fc}(2)$
…
$n$ 回目に「初めて」衝突する確率 $P_\text{fc}(n)$

をそれぞれ求めて足し合わせれば良い。注意すべきポイントはそれぞれの「初めて衝突する事象」が重複していないことである。

具体的に求めていこう。

$n = 1$ ならばどれが選ばれても衝突しないので、

$$ P_\text{fc}(1) = \frac{0}{M} = 0$$

となる。次に $n = 2$ ならば、1つ目は何を選んでもよく、最初に選んだ1つと一致した場合なので、

$$ P_\text{fc}(2) = \frac{M}{M}\frac{1}{M} = \frac{1}{M}$$

となる。続いて、 $n = 3$ ならば、2つ目までは衝突せず、先に選ばれた2つと一致した場合なので、

ランダムに生成したIDが衝突する確率の議論

Thu, 03 Feb 2022 20:00:00 +0900

「ランダムなIDをあるパターンに従って生成するとき、どう設計すべきか？」という質問があったので技術的な側面と数学的な側面で説明してみよう。

同時視聴配信用のタイマーを作った話

Mon, 16 Aug 2021 16:43:12 +0900

SyncTimerを作るきっかけと、どんなライブラリを使っているかの話

自分が感じる東京と宮崎の勉強会の違い

Mon, 09 Dec 2019 14:01:16 +0900

宮崎 IT 関連勉強会 Advent Calendar 2019 9 日目の記事です。投稿がものすごく遅れてしまい申し訳ない…。

数年前まで東京でお仕事をしていたときにも勉強会に参加していたのですが、宮崎でも積極的に勉強会に参加するようになって思ったことをつらつらと書いてみます。

東京の場合見出しへのリンク

まずはそもそもエンジニアを含む人口密度が大きいために、勉強会の開催数や参加人数がものすごく多いです。そのため、こんなことが起こります。

細分化 : 地域型、専門化、ニッチな領域の勉強会
参加枠が埋まりやすいためとりあえずで登録する人がいるため、キャンセル率がそれなりに高く、キャンセル連絡もなく来ないケースも多い
ピラミッド構造 : エヴァンジェリスト、積極的にコミュニティ運営する人、ある程度質問などをする人、聞くだけの人などに分かれやすい

宮崎の場合見出しへのリンク

エンジニアの人口密度が低いです。そのため、当然ながら勉強会の開催頻度もそこまで多くないです。東京の場合とは逆に次のような状況です。

総合化 : 各回でテーマはそれなりに決めるけど、細かすぎず参加しやすいテーマを選ぶ傾向がある
キャンセル率が低い（これは僕も結構驚き）
ある程度定番の登壇者や LT 登壇者がいる
多くても 30 人程度なので、参加者の顔が認識しやすく、質問とかはしやすい
ゆるふわ

まとめ見出しへのリンク

僕自身は良い悪いということを論じるつもりはなく、人口密度の違いによってコミュニティの形は自然とこのような違いになっていくんだと思います。

宮崎は点と点の結びつきでアットホームなコミュニティが形成されている面白い場所だと感じています。そのようなコミュニティをより盛り上げていくために、会社という枠を超えたところでエンジニア同士の会話や意見交換を楽しむ場として勉強会の形を模索していくことになるでしょう。

これからは地方を拠点として活動するエンジニアの幅も大きくなってきて、ワーケーションとかフルリモートで活動される方も増えてくると思います。そのような方々と接点を作る場としても、定期開催（または随時思いつきで開催）される勉強会を積極的に作っていきたいですね。

ポートフォリオサイトを Hugo で Github Pages + Github Actions で構築する話

Sat, 07 Dec 2019 23:57:04 +0900

宮崎 IT 関連勉強会 Advent Calendar 2019 8 日目の記事です。

皆さん、Github 活用してますか？

Github には Github Pages という機能があり、静的サイトのホスティングを行うことができます。特に、 [アカウント名].github.io という名前のリポジトリの場合はドメイン直下のページが作成できます。

参考: GitHub Pages サイトの種類

それに加えて、Github Actions が一般に公開されました。これは Push などのイベントをトリガーとしてビルド、テスト、デプロイなどが自動的に実行できる仕組みです。いわゆる CI(継続的インテグレーション)や CD(継続的デプロイ)として機能させることができますし、他にもプルリクのレビュー補助や通知などの機能にも利用できるでしょう。

これらを組み合わせると、以下のようなワークフローが可能になります。

静的サイトジェネレーター(Hugo, Jekyll, etc…) でサイトを作る
ローカルでレビューし、問題なければ指定のブランチにプッシュ
Github Actions でプッシュを検知し、静的サイトをビルド
[アカウント名].github.io の場合、ビルド完了した静的サイトを master ブランチにデプロイ
- それ以外のリポジトリの場合は gh-pages ブランチがデプロイ先となります

今回はこれを Hugo でやってみよう、という話です。

ポートフォリオを作る見出しへのリンク

Hugo をインストールします。Mac なので Homebrew でインストールできます。

$ brew install hugo

今回は空っぽの Jekyll サイト(5 年ほど前に作って放置してた)を削除して作り直しますので、既存のファイルを削除したあとは以下のように Hugo の初期化を行います。

$ hugo new site . --force

Hugo のテーマはシンプルな hermit にしてみました。個人的にはこのくらい落ち着いた色合いが好みです。