TypeScript
JavaScriptに静的型付けを加えた言語。BenriWorksの全アプリと本サイトで使っています。数か月ぶりに戻るコードの仕様書として型を書き、frontmatterなどデータの境界はzodで実行時に検証しています。
TypeScriptは、JavaScriptに静的型付けを加えたプログラミング言語です。BenriWorksでは、「移動式クレーン安全シミュレーター」「地球地下シミュレータ」を含む全アプリと、本サイトBenriWorks Labの開発に使用しています。
個人開発でこそ型が効く
型システムはチーム開発のためのものと語られがちですが、実感としては個人開発でこそ効きます。10を超えるアプリを一人で並行運用していると、数か月触っていないコードに戻ることが日常になります。そのとき「この関数は何を受け取り、何を返すのか」をコードそのものが説明してくれるかどうかが、再開の速度を決めます。型は未来の自分に宛てた仕様書として書いています。
もうひとつの実利は、リファクタリングの安全性です。たとえば本サイトのURL規約を末尾スラッシュ付きへ変更したとき、パス生成を単一のヘルパーに集約してあったため、変更点はほぼ1ファイルで済み、影響箇所はコンパイラが列挙してくれました。個人開発には他人のレビューがないぶん、コンパイラを最初のレビュアーとして扱う設計にしています。
データの境界はzodで検証する
型注釈はコンパイル時の約束にすぎず、外から入ってくるデータには効きません。BenriWorksでは、データがシステムに入る境界にzodによる実行時検証を置いています。
本サイトでは、記事やアプリ情報のfrontmatter(タイトル、公開日、下書きフラグなど)をビルド時にzodスキーマで検証し、不正なデータをビルド失敗として公開前に検出します。CMSを持たずMarkdownファイルを直接管理する構成では、この検証がCMSの入力バリデーションの代わりです。学習アプリの演習データや、シミュレーターのシナリオ定義といった構造化データも同じ方針で扱っています。スキーマから型を導出する(z.infer)ことで、検証ルールと型定義が食い違わないようにしています。
計算の単位をコードで区別する
シミュレーション系のアプリでは、数値の単位間違いが最も発見しにくいバグになります。電波伝搬の計算ならMHzとGHz、kmとm、dBと真数。荷振れの計算なら角度とラジアン。TypeScriptの型だけで単位を完全に守ることはできませんが、fMHz dKm のように単位を変数名へ埋め込む規約と、境界での変換関数の集約によって、単位の取り違えをコードレビューで見つけられる形にしています。
個人開発を低保守で継続するうえで、型による早期のエラー検出を重視しています。実装のなかで得た知見は開発記事として発信していきます。
この技術を使うアプリ

公開中
AI Detective
暗号化された現場記録を観察し、証言や物、時系列の食い違いと、その記録がどこから来たのかを検証していく静かなSF推理ゲーム。3ステージ・全14事件を収録し、根拠が足りなければ「保留」も正式な選択肢です
ゲーム

公開中
修正月齢 & 修正日齢 計算アプリ
出産予定日と実際の生年月日から、早産児の修正月齢・修正日齢を計算するWebアプリ。予防接種と乳幼児健診の予定・完了を記録できるマイルストーン帳も備え、入力はブラウザ内にのみ保存されます
生活ツール

公開中
学歴早見表
子どもの生年月日を入れるだけで、小学校から大学までの入学・卒業年度と、その年の年齢を一覧にするWebアプリ。早生まれの学年差に対応し、兄弟姉妹を並べて進学が重なる年も確認できます
生活ツール

公開中
高圧受電設備 単線結線図ジェネレータ
設備条件を選ぶと、6.6kV高圧受電設備の単線結線図・機器一覧・要確認事項・短絡電流の仮計算をまとめて生成する設計支援Webアプリ。設計を自動確定するのではなく、検討の叩き台を素早くつくるための道具です
建設DX

公開中
MermaidLayoutFinisher
Mermaidのフローチャートを自動レイアウトで描画し、直しきれない配置をドラッグと整列で仕上げてから、SVG・PNG・PowerPointへ書き出すWebツール。データはブラウザ内にのみ保存されます
業務効率化

公開中
NanoBanana Play
Gemini APIを使って、画像の生成・編集・合成をブラウザで試せるプレイグラウンド。プロンプトと元画像を差し替えながら、生成AIで画像がどこまで扱えるかを手を動かして確かめられます
業務効率化

ベータ版
SiteVision Planner
現場図面と候補カメラから、遠隔巡視の配置案・死角・確認品質を机上で検証し、説明可能なレポートにまとめる計画支援ツール。カメラを買う前の検討に使えます
建設DX

ベータ版
白地図 Studio
日本の都道府県・市区町村を塗り分けて、プレゼン資料向けの白地図を書き出すWebアプリ。ExcelやCSVの貼り付けから一括で色分けでき、PNG・PPTX・PSD・SVGで出力できます。編集はブラウザ内で完結します
業務効率化

公開中
複線図道場
第二種電気工事士の技能試験に向けて、単線図から複線図を組み立てる練習と意味的な採点・診断を提供する学習アプリ
資格対策

プロトタイプ
LiveBrief
対面の商談やヒアリング中の音声をリアルタイムに文字起こしし、会話中の判断を支えるカードを提示する個人向け対話支援アプリ
業務効率化

ベータ版
構造化スタジオ
見積書などの紙の業務文書をLLMで構造化し、算術検算を通過したデータだけを蓄積するWindowsデスクトップツール
業務効率化

公開中
wavelane
陸上無線技術士の学習に向けて、電波伝搬をスライダー操作と3D断面図で体験しながら計算練習できる学習ツール
資格対策

公開中
地デジエリアマップ
現在地から地デジ中継局への方位・距離・受信の目安と放送区域を地図で確認できる、アンテナ方向合わせ支援アプリ
生活ツール

ベータ版
地球地下シミュレータ
地震波の伝わり方という観測データから地球の内部構造を推論する過程を、ブラウザで体験できる教育用3Dシミュレータ。PREM近似の層構造表示、P波・S波の波線追跡とシャドウゾーン、マントル対流の計算を備えます
科学・教育3Dシミュレーション

公開中
安全体感シミュレーター(クレーン・バケット車)
クレーン6シナリオとバケット車7シナリオを車種別に体験する教育用3Dアプリ。操作と危険の関係を学び、実機の訓練や作業計画を代替しないことも確認できます。
建設DX3Dシミュレーション
関連記事

開発記事公開 更新
AIが書いたプルリクエストの検査が、3秒で終わっていた
AIが書いた変更を受け止めるはずのCIが、9月20日から毎回数秒で失敗していました。落ちていたのは検査ではなく、検査が始まる前の段階です。赤のまま7件をマージした経緯と、別のアプリで同じような停止の間に壊れた変更が入っていた件を記録します

開発記事公開
Codex と GitHub と Vercel で、Webアプリを公開するまでの流れ
Codex で書き、GitHub でレビューし、Vercel で公開する。BenriWorks のWebアプリ開発の流れを、実際のリポジトリに置いてある運用ルール、CIの門、リリース手順から記録します。動くことと公開してよいことの間に何を置いているかが主題です

開発記事公開
Claude Fable 5.1 で13リポジトリにGA4を入れた記録
16サイトに同じ計測タグを入れる作業を、Claude Code のFable 5.1に任せました。公式ドキュメントにある仕様と、13サイトで届いて3サイトで届かなかった顛末、届かなかった原因を書いたのが誰だったかを記録します

開発記事公開
GPT-6 Astra の Codex に、16サイトの疎通確認を任せた記録
GA4の管理画面の設定と、16サイトで計測が届いているかの確認をCodexに任せました。OpenAIが公開しているGPT-6 Astraの仕様と、戻ってきた報告書のどこに価値があったかを記録します

ガイド公開
自由空間の式が効かなくなる3つの場面
陸上無線技術士の伝搬問題で、自由空間伝搬損失の式を覚えたのに解けなくなるのはどこか。見通しが切れる、障害物で回折する、大地反射が乗るという3つの場面と、そこで式を切り替える判断をまとめます

ガイド公開
遠隔巡視のカメラ台数に根拠をつける
監視カメラを何台入れれば足りるのかを説明できないとき、何を先に決めればよいか。見たい水準ごとに必要な画素が変わることと、前提を書き出した資料の形をまとめます

ガイド公開
複線図の練習を10問でどう回すか
第二種電気工事士の技能試験に向けて複線図を練習するとき、公表問題のどれから手を付けるか。問題ごとの線の本数の違いと、どの問題でも変わらない最初の2手、問題ごとに分かれる3手目から練習の順番を組み立てます

ガイド公開
単線結線図の一枚目に、確認事項がついてくる
高圧受電設備の単線結線図を初めて起こすとき、何から決まるのか。設備条件を入れると図面と一緒に出てくる要確認事項を、人が判断すべき箇所の一覧として使う手順をまとめます

ガイド公開
Excelの都道府県データを地図の色に変える
手元の表計算にある都道府県別や市区町村別の数値を、塗り分け地図にするまでの手順。名前が一致しない原因、5段階の区切りが等間隔で決まること、色を自分で決めて渡す方法をまとめます

開発記事公開
フローチャートの配置を、実測スコアで選ぶ
MermaidLayoutFinisherの「おまかせ最適化」が、複数の配置候補をどう作り、線の交差や貫通をどう数え、なぜ現状より悪い結果を返さないのか。自動レイアウトを「良くなったときだけ適用する」ための設計判断を紹介します

開発記事公開
格子サンプリングで遠隔巡視の「見える」を判定する
SiteVision Plannerの2Dカバレッジ判定の設計を紹介します。敷地を格子に切って1点ずつ画角・距離・遮蔽・画素密度を確かめる順序、見えなかった理由の絞り方、そしてカバー率が良くても遠隔巡視を候補にしないハードゲートの考え方です

ガイド公開
Mermaidのフローチャートを、PowerPointで編集できる図形として貼る
Mermaidで描いたフローチャートをスライドに載せるとき、画像で貼ると直すたびに作り直しになります。PowerPointのネイティブ図形として書き出す方法と、図形の対応、貼った後にできること、知っておくべき制約をまとめます

ガイド公開
遠隔巡視のカメラ配置は、何から決めればよいか
建設現場に遠隔巡視のカメラを入れるとき、機種選びより先に決めるべきことを解説します。「映る」と「確認できる」の違い、死角の潰し方、遠隔化してはいけない現場の見分け方、そして机上検証を実機PoCにつなげる手順をまとめます

ガイド公開
移動式クレーンの定格荷重とは何か。作業半径との関係をわかりやすく
移動式クレーンの定格荷重・定格総荷重・つり上げ荷重の違いと、作業半径が大きくなるほど吊れる重さが減る理由を解説します。転倒災害の典型パターンと必要資格の区分もまとめます

ガイド公開
自由空間伝搬損失の計算に出てくる32.45の意味と覚え方
無線工学の頻出計算「自由空間伝搬損失」を、公式の意味から解説します。32.45+20log f+20log d の由来、距離2倍で6dB増える理由、試験での計算のコツをまとめます

ガイド公開
早生まれはなぜ1学年上になる? 学年の区切りと年齢計算のしくみ
学年の区切りが「4月2日から翌年4月1日」になる理由を、学校教育法と年齢計算のルールから解説します。4月1日生まれが上の学年になる仕組みもわかります

ガイド公開
複線図の書き方を単線図から4ステップで解説
第二種電気工事士 技能試験の最初の壁である複線図を、単線図から起こす手順として解説します。書く順番の原則、電線の色の決まり、練習のコツをまとめます

ガイド公開
地デジが映らないときに原因を順番に絞り込む手順
テレビが映らない・特定チャンネルだけ乱れるときに、症状から原因を絞り込む手順を解説します。E202などのエラー表示の見方、確認する順番、業者に頼む前にできることをまとめます

ガイド公開
修正月齢とは何か。早産児の月齢の数え方と計算方法
出産予定日を基準に数える「修正月齢」の意味と計算方法を、具体例つきで解説します。暦月齢との違い、いつまで使うかの一般的な目安もまとめます

ガイド公開
高圧受電とは何か。低圧との違いとキュービクルの基本
建物の電気の受け方には低圧受電と高圧受電があります。契約電力による使い分け、キュービクルの役割と中身、保安管理の義務、CB形とPF-S形の違いまで、基本を一気に解説します

ガイド公開
白地図をパワポ資料に使う方法と、権利の注意点
営業資料や報告書に日本地図を載せるときの実務手順を解説します。地図画像の著作権・利用条件の確認ポイント、塗り分け地図の作り方、PowerPointで崩れない貼り付け方をまとめます

開発記事公開
教科書の式の不連続を、直さずにテストで固定する
学習ツールwavelaneで、ナイフエッジ回折の近似式に残る区分境界の不連続を、式を歪めずに既知の性質としてテストで文書化した判断を紹介します

開発記事公開
支持多角形でクレーンの転倒を判定する
クレーン安全シミュレーターで、支持多角形と安定余裕から転倒の危険を判定し、アウトリガーの張出しが効く理由を体感できるようにした実装を紹介します

開発記事公開
標高タイルで電波の見通しを判定する
地デジエリアマップで、国土地理院の標高タイルから地形断面を作り、中継局への見通し(山かげ)を判定した実装を紹介します

開発記事公開
LLMの読み取り結果を、検算を通ったときだけ信じる
構造化スタジオで、見積書の算術的な冗長性を利用し、決定論の検算を通過したデータだけを蓄積する設計を紹介します

開発記事公開
物理エンジンでクレーンの荷振れとワイヤー破断を表現する
クレーン安全シミュレーターで、振り子近似からRapier3Dの剛体とバネダンパーケーブルへ移行し、荷振れと破断を創発させた実装を紹介します

開発記事公開
音声認識ストリームの時間制限を、利用者に見せずに乗り越える
対話支援アプリLiveBriefで、クラウド音声認識のストリーム上限や無音切断を透過的なローテーションで吸収した実装を紹介します

開発記事公開
買い切りアプリのライセンスをオフラインで検証する
学習ツールwavelaneで、Ed25519署名トークンによりサーバー通信なしでライセンスを検証し、個人情報も持たない設計にした実装を紹介します

開発記事公開
マントル対流をWeb Workerでリアルタイムに計算する
教育用3D地球シミュレータで、渦度と流れ関数による対流計算をWeb Workerで安定して動かし続けた実装を紹介します

開発記事公開
地震波の波線追跡でシャドウゾーンを再現する
教育用3D地球シミュレータで、スネルの法則による波線追跡からS波シャドウゾーンを再現した実装を紹介します

開発記事公開
スマホのコンパス方位をWebで取得する
地デジエリアマップ(旧ARコンパス)の開発で、iOSとAndroidの方位センサーの違いを吸収し、安定した方位表示を実現した実装を紹介します

ガイド公開 更新
テレビアンテナの向きを方位で合わせる方法
地デジアンテナを中継局に向けるための手順を、中継局の調べ方から方位合わせ、受信確認まで順に解説します

開発記事公開
Three.jsで移動式クレーンの荷振れを表現する方法
振り子運動と減衰を使った荷振れ表現の設計方針を、運動モデルとフレーム更新の観点から解説します

ガイド公開 更新
クレーン安全教育に3Dシミュレーターを使う利点と限界
3Dシミュレーターをクレーンの安全教育に取り入れる場合の一般的な利点と、実機訓練や法令上の教育を代替できない限界を整理します