Next.js
Reactベースのフルスタックフレームワークで、BenriWorksの各アプリと本サイトの基盤として使用しています。
Next.jsは、Reactをベースとしたフルスタックフレームワークです。BenriWorksでは、「移動式クレーン安全シミュレーター」「地球地下シミュレータ」をはじめとする各アプリの基盤として使用しているほか、本サイトBenriWorks Lab自体もNext.jsのApp RouterとMDXで構築しています。
静的生成を中心とした構成により、CMSやデータベースを使わずに低保守で運用できる点を重視しています。実装の中で得られたApp Routerでの設計判断や検証の記録は、開発記事として発信していきます。
この技術を使うアプリ

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

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

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

ベータ版
地球地下シミュレータ
地震波の伝わり方やマントル対流から、地球の内部構造を体験できる教育用3Dシミュレータ
科学・教育3Dシミュレーション

公開中
移動式クレーン安全シミュレーター
小型移動式クレーンの操作と危険を物理演算で再現し、転倒や荷振れを安全に体感できる教育用3Dシミュレーター
建設DX3Dシミュレーション
関連記事

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

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

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

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

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

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

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